:root{--bg: #ffffff;--ink: #141414;--ink-soft: #5c5c57;--line: #e9e9e6;--line-dark: #cfcfca;--accent: #3e9a1f;--danger: #b03a2e;--r: 8px;--shadow-hover: 0 12px 32px -14px rgba(20, 20, 20, .22)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Instrument Sans,sans-serif;color:var(--ink);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased}.mono{font-family:IBM Plex Mono,monospace}.small{font-size:.82rem}.dim{color:var(--ink-soft)}.break-all{word-break:break-all}a{color:inherit}.shell{max-width:1280px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.bg-art{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.bg-art .fl{position:absolute}.bg-art .peg-image{width:100%;border-radius:12px;filter:blur(5px);opacity:.22;will-change:transform;animation:float-a 22s linear infinite}@keyframes float-a{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(34px,-40px,0) rotate(2.5deg)}50%{transform:translate3d(8px,-70px,0) rotate(-1deg)}75%{transform:translate3d(-30px,-36px,0) rotate(-3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes float-b{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(-44px,24px,0) rotate(-2.5deg)}50%{transform:translate3d(-64px,-12px,0) rotate(1.5deg)}75%{transform:translate3d(-26px,-48px,0) rotate(3deg)}to{transform:translateZ(0) rotate(0)}}@keyframes float-c{0%{transform:translateZ(0) rotate(0)}25%{transform:translate3d(28px,32px,0) rotate(2deg)}50%{transform:translate3d(58px,4px,0) rotate(-2deg)}75%{transform:translate3d(32px,-34px,0) rotate(-3.5deg)}to{transform:translateZ(0) rotate(0)}}.bg-art .fl-1{width:130px;top:10%;right:4%;transform:rotate(6deg)}.bg-art .fl-2{width:110px;top:38%;left:2%;transform:rotate(-8deg)}.bg-art .fl-3{width:120px;bottom:10%;right:12%;transform:rotate(-4deg)}.bg-art .fl-4{width:95px;top:66%;left:16%;transform:rotate(10deg)}.bg-art .fl-5{width:100px;top:8%;left:30%;transform:rotate(-12deg)}.bg-art .fl-6{width:90px;top:22%;left:60%;transform:rotate(9deg)}.bg-art .fl-7{width:115px;bottom:24%;left:42%;transform:rotate(-6deg)}.bg-art .fl-8{width:85px;top:52%;right:6%;transform:rotate(13deg)}.bg-art .fl-9{width:105px;bottom:4%;left:6%;transform:rotate(5deg)}.bg-art .fl-1 .peg-image{animation:float-a 22s linear infinite}.bg-art .fl-2 .peg-image{animation:float-b 27s linear infinite -12s}.bg-art .fl-3 .peg-image{animation:float-c 24s linear infinite -20s}.bg-art .fl-4 .peg-image{animation:float-a 29s linear infinite reverse -8s}.bg-art .fl-5 .peg-image{animation:float-b 23s linear infinite -25s}.bg-art .fl-6 .peg-image{animation:float-c 28s linear infinite reverse -15s}.bg-art .fl-7 .peg-image{animation:float-a 25s linear infinite -30s}.bg-art .fl-8 .peg-image{animation:float-b 21s linear infinite reverse -5s}.bg-art .fl-9 .peg-image{animation:float-c 30s linear infinite -22s}@media (prefers-reduced-motion: reduce){.bg-art .peg-image{animation:none}}.header{position:sticky;top:0;z-index:40;width:100%;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;height:84px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;cursor:pointer}.brand-logo{width:46px;height:46px;image-rendering:pixelated}.brand-name{font-size:1.25rem;font-weight:700;letter-spacing:-.2px;color:var(--ink)}.nav{display:flex;gap:6px;flex:1}.nav button,.nav a{font-family:inherit;font-size:1rem;font-weight:500;color:var(--ink-soft);background:none;border:0;cursor:pointer;padding:8px 12px;text-decoration:none}.nav button:hover,.nav a:hover{color:var(--ink)}.nav .nav-on{color:var(--ink);font-weight:600;box-shadow:inset 0 -2px 0 var(--ink)}.header-right{margin-left:auto}.btn,a.btn{font-family:inherit;font-size:.92rem;font-weight:600;border:1px solid var(--line-dark);border-radius:var(--r);padding:10px 18px;cursor:pointer;background:#fff;color:var(--ink);text-decoration:none;transition:background .1s ease,border-color .1s ease,box-shadow .1s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:#f6f6f4;border-color:#9d9d97}.btn:active{background:#efefec}.btn:disabled{opacity:.45;cursor:default}.btn-primary{border-color:var(--ink)}.btn-on{background:#f2f2ef;border-color:var(--ink)}.btn.small{padding:7px 13px;font-size:.8rem}.chip{font-family:IBM Plex Mono,monospace;font-size:.76rem;border:1px solid var(--line-dark);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer;padding:5px 11px;display:inline-flex;align-items:center;gap:6px;transition:border-color .1s ease,background .1s ease}.chip:hover{border-color:var(--ink)}.chip-on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip-swatch{width:10px;height:10px;border-radius:2px;border:1px solid rgba(0,0,0,.2);display:inline-block}.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:48px 0 14px;flex-wrap:wrap}.kicker{font-family:IBM Plex Mono,monospace;font-size:.72rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.h1{font-size:3.5rem;line-height:1.02;letter-spacing:-1.5px;font-weight:700;color:var(--ink)}.stats{display:flex;gap:28px;align-items:flex-end;padding-bottom:6px;flex-wrap:wrap}.stat{display:flex;flex-direction:row;align-items:baseline;gap:8px}.stat-num{font-family:IBM Plex Mono,monospace;font-size:1.5rem;font-weight:600;color:var(--ink)}.stat-label{font-family:IBM Plex Mono,monospace;font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft)}.token-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border:1px solid var(--line);border-radius:10px;background:#fff;padding:12px 16px;margin:18px 0 4px}.controls{display:flex;gap:14px;align-items:center;margin:24px 0 8px;flex-wrap:wrap}.search{display:flex;gap:10px;flex:1;min-width:300px}.search input{flex:1;font-family:IBM Plex Mono,monospace;font-size:.88rem;border:1px solid var(--line-dark);border-radius:var(--r);padding:12px 16px;background:#fff;color:var(--ink);outline:none;transition:border-color .1s ease,box-shadow .1s ease}.search input::placeholder{color:#b9b9b4}.search input:focus{border-color:var(--ink)}.control-btns{display:flex;gap:8px}.notice{color:var(--danger);font-weight:600;padding:8px 2px}.filters{border:1px solid var(--line);border-radius:12px;background:#fff;padding:24px;margin:14px 0}.filters-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:8px;flex-wrap:wrap}.filters-title{font-size:1.4rem;font-weight:700;letter-spacing:-.3px}.filters-sub{color:var(--ink-soft);font-size:.86rem;margin-top:2px}.filters-matches{display:flex;align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft)}.filters-matches .stat-num{font-size:1rem}.filter-row{display:flex;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.filter-layer{min-width:140px;font-weight:600;font-size:.9rem;padding-top:4px}.filter-chips{display:flex;flex-wrap:wrap;gap:6px}.grid{display:grid;gap:20px;margin:24px 0;grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.peg-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;cursor:pointer;padding:0;text-align:left;animation:rise .3s ease backwards;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.peg-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--line-dark)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.peg-image{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.peg-card-label{display:flex;gap:7px;align-items:baseline;padding:11px 13px;border-top:1px solid var(--line);background:#fff}.peg-card-sym{font-family:IBM Plex Mono,monospace;font-size:.62rem;font-weight:600;letter-spacing:1px;color:var(--ink-soft);text-transform:uppercase}.peg-card-id{font-family:IBM Plex Mono,monospace;font-size:.92rem;font-weight:600}.pager{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 0 36px}.loading{text-align:center;color:var(--ink-soft);padding:48px 0;font-family:IBM Plex Mono,monospace;font-size:.88rem}.empty-state{text-align:center;padding:90px 0;display:flex;flex-direction:column;gap:14px;align-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14141473;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 30px 80px -20px #14141459;max-width:880px;width:100%;max-height:92vh;overflow:auto;padding:32px;animation:pop .16s ease}@keyframes pop{0%{transform:scale(.98);opacity:0}}.modal-x{position:absolute;top:16px;right:20px;font-size:1.6rem;line-height:1;background:none;border:0;cursor:pointer;color:var(--ink-soft)}.modal-x:hover{color:var(--ink)}.modal-kicker{font-family:IBM Plex Mono,monospace;font-size:.68rem;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}.modal-title{font-size:2.1rem;letter-spacing:-.8px;margin:4px 0 18px}.modal-title .dim{font-family:IBM Plex Mono,monospace;font-size:1.15rem;font-weight:500}.modal-body{display:grid;grid-template-columns:1fr 1fr;gap:26px}.modal-art{border:1px solid var(--line);border-radius:10px}.modal-section{font-family:IBM Plex Mono,monospace;font-size:.66rem;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:var(--ink-soft);margin:16px 0 6px}.trait-table{width:100%;border-collapse:collapse}.trait-table td{padding:8px 4px;border-bottom:1px solid var(--line)}.trait-table td:first-child{color:var(--ink-soft);font-size:.8rem;text-transform:uppercase;letter-spacing:.8px;font-family:IBM Plex Mono,monospace}.trait-table td:last-child{text-align:right;font-weight:600}.footer{border-top:1px solid var(--line);margin-top:40px;padding:22px 0 46px;text-align:center}@media (max-width: 720px){.h1{font-size:2.3rem}.modal-body{grid-template-columns:1fr}.filter-layer{min-width:100px}.header-inner{gap:16px;height:68px}.bg-art .fl-3,.bg-art .fl-4,.bg-art .fl-5{display:none}}.modal-actions{display:flex;gap:10px;margin-top:12px}.scarcity{font-family:IBM Plex Mono,monospace;font-size:.72rem;color:var(--accent);font-weight:600}.chip-pct{color:var(--ink-soft);font-size:.68rem}.chip-on .chip-pct{color:#ffffffbf}.jump-select{font-family:IBM Plex Mono,monospace;font-size:.82rem;padding:7px 10px;border:1px solid var(--line-dark);border-radius:var(--r);background:#fff;color:var(--ink);cursor:pointer}.jump-select:hover{border-color:var(--ink)}