:root{--pocket-radius: 10px;--rail-width: 224px;--step--1: .8125rem;--step-0: .9375rem;--step-1: 1.0625rem;--step-2: 1.375rem;--step-3: 1.875rem;--step-4: clamp(2.25rem, 6vw, 3.5rem);font-family:Archivo,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis-weight:none}[data-theme=obsidian]{--bg: #0e1114;--surface: #161a1f;--surface-2: #1d2228;--surface-hover: #232930;--rule: #272d34;--rule-strong: #39414a;--ink: #e9edf1;--ink-muted: #8d99a5;--ink-faint: #626d78;--accent: #e3b341;--accent-ink: #14171a;--accent-soft: #2a2416;--gain: #3fcf8e;--loss: #f2624a;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .35)}[data-theme=paper]{--bg: #eff1f0;--surface: #ffffff;--surface-2: #e7ebe8;--surface-hover: #f3e9eb;--rule: #d3dad6;--rule-strong: #b3bdb7;--ink: #101614;--ink-muted: #5b6a64;--ink-faint: #7c8a84;--accent: #7a2e3b;--accent-ink: #ffffff;--accent-soft: #f2e6e8;--gain: #176b4a;--loss: #a33a2e;--shadow: 0 1px 2px rgba(16, 22, 20, .06), 0 8px 24px rgba(16, 22, 20, .07)}[data-theme=abyss]{--bg: #0b0f1a;--surface: #121828;--surface-2: #1a2133;--surface-hover: #212a40;--rule: #232c42;--rule-strong: #35405c;--ink: #e6ebf7;--ink-muted: #8b96b3;--ink-faint: #626d8a;--accent: #6e8bff;--accent-ink: #0b0f1a;--accent-soft: #1a2244;--gain: #45d6a0;--loss: #ff6b6b;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .4)}[data-theme=ember]{--bg: #141010;--surface: #1c1717;--surface-2: #241d1d;--surface-hover: #2d2423;--rule: #302726;--rule-strong: #453836;--ink: #f2ebe8;--ink-muted: #a1918c;--ink-faint: #756662;--accent: #ff7a45;--accent-ink: #1a1210;--accent-soft: #33201a;--gain: #6ecf7a;--loss: #ff5c5c;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 24px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-size:var(--step-0);line-height:1.5;-webkit-font-smoothing:antialiased}.num,table,input[type=number]{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{min-height:100%}.topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.topbar-inner{max-width:1320px;margin:0 auto;padding:0 22px;height:62px;display:flex;align-items:center;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:9px}.wordmark-logo{width:26px;height:26px;flex:none}.wordmark-text{font-size:1.1rem;letter-spacing:-.03em}.wordmark-text b{font-weight:700}.wordmark-text i{font-style:normal;font-weight:500;color:var(--accent)}.topnav{display:flex;gap:4px;margin-left:auto}.topnav a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:9px;color:var(--ink-muted);font-weight:500;white-space:nowrap}.topnav a:hover{color:var(--ink);background:var(--surface-2)}.topnav a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}.nav-icon{width:18px;height:18px;flex:none}.btn-icon{width:16px;height:16px;vertical-align:-3px;margin-right:5px}.bottomnav{display:none}.bottomnav-bar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--rule);border-radius:22px;box-shadow:var(--shadow);padding:8px 6px}.bottomnav-bar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--ink-faint);font-size:.68rem;font-weight:500;padding:4px 0;border-radius:12px}.bottomnav-bar a svg{width:21px;height:21px}.bottomnav-bar a[aria-current=page]{color:var(--accent);background:var(--accent-soft);font-weight:600}.scan-fab{justify-self:center;width:54px;height:54px;margin-top:-22px;border-radius:50%;border:3px solid var(--bg);background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 18px #0006}.scan-fab svg{width:25px;height:25px}.scan-fab:active{transform:scale(.94)}.with-sidebar{display:grid;grid-template-columns:232px minmax(0,1fr);gap:26px;align-items:start}.filters{position:sticky;top:78px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:16px;display:flex;flex-direction:column;gap:20px}.filter-head{display:flex;align-items:baseline;justify-content:space-between}.filter-head h2{margin:0;font-size:var(--step-0);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint)}.linkish{background:none;border:none;color:var(--accent);font-size:var(--step--1);font-weight:600;cursor:pointer;padding:0}.filter-group{display:flex;flex-direction:column;gap:9px}.filter-label{margin:0;font-size:var(--step--1);font-weight:600;color:var(--ink)}.chips.vertical{flex-direction:column;align-items:stretch}.chips.vertical .chip{text-align:left;border-radius:8px}.range-inputs{display:flex;align-items:center;gap:7px}.range-inputs input{width:100%;min-width:0;padding:7px 9px}.filter-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.check{flex-direction:row;align-items:center;gap:9px;padding:6px 2px;cursor:pointer;color:var(--ink);font-weight:400}.check input{width:15px;height:15px;accent-color:var(--accent);flex:none;padding:0}.check span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.check em{font-style:normal;color:var(--ink-faint);font-size:var(--step--1)}.results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.results-controls{display:flex;gap:8px;flex-wrap:wrap}.segmented{display:flex;background:var(--surface-2);border:1px solid var(--rule);border-radius:9px;padding:2px;gap:2px}.segmented button{border:none;background:none;color:var(--ink-muted);font-size:var(--step--1);font-weight:500;padding:5px 11px;border-radius:7px;cursor:pointer;white-space:nowrap}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 4px}.stat{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:13px 15px}.stat-accent{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule));background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 12%,var(--surface)),var(--surface) 60%)}.stat-label{margin:0 0 5px;font-size:var(--step--1);color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.stat-value{margin:0;font-size:var(--step-2);font-weight:700;letter-spacing:-.03em;line-height:1.1}.stat-chg{margin:4px 0 0;font-size:var(--step--1);font-weight:600}.stat-chg.up{color:var(--gain)}.stat-chg.down{color:var(--loss)}.stat-note{margin:4px 0 0;font-size:var(--step--1);color:var(--ink-faint)}.badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.045em;text-transform:uppercase;padding:3px 8px;border-radius:999px;border:1px solid;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.badge[data-tier=common]{color:#b8c2cc;border-color:#b8c2cc59;background:#14181c9e}.badge[data-tier=uncommon]{color:#6fd39a;border-color:#6fd39a66;background:#0c2218a8}.badge[data-tier=rare]{color:#6fb4f5;border-color:#6fb4f56b;background:#0c1a2aa8}.badge[data-tier=epic]{color:#c08bff;border-color:#c08bff70;background:#1c102ca8}.badge[data-tier=legendary]{color:#ffc94d;border-color:#ffc94d75;background:#2a1e08ad}.badge[data-tier=mythic]{color:#ff8fb3;border-color:#ff8fb37a;background:#2c0c1ab3}.rail{border-right:1px solid var(--rule);background:var(--surface);padding:22px 14px;display:flex;flex-direction:column;gap:26px;position:sticky;top:0;height:100vh}.wordmark{display:flex;align-items:baseline;gap:7px;padding-left:10px}.wordmark b{font-size:var(--step-1);font-weight:700;letter-spacing:-.03em}.wordmark span{color:var(--ink-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em}.rail nav{display:flex;flex-direction:column;gap:2px}.rail nav a{padding:9px 12px;border-radius:8px;color:var(--ink-muted);font-weight:500;transition:background .12s,color .12s}.rail nav a:hover{background:var(--surface-2);color:var(--ink)}.rail nav a[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.rail footer{margin-top:auto;font-size:var(--step--1);color:var(--ink-faint);padding:0 10px;line-height:1.45}.main{min-width:0;padding:22px 20px 64px}.page{max-width:1560px;margin:0 auto}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}h1{font-size:var(--step-2);font-weight:700;letter-spacing:-.025em;margin:0}h2{font-size:var(--step-1);font-weight:600;letter-spacing:-.01em;margin:0 0 12px}.sub{color:var(--ink-muted);font-size:var(--step--1);margin:0}.ledger{margin-bottom:36px}.ledger-label{color:var(--ink-faint);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.11em;margin:0 0 6px}.ledger-figure{font-size:var(--step-4);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0}.ledger-meta{display:flex;gap:18px;flex-wrap:wrap;align-items:baseline;margin-top:10px;color:var(--ink-muted);font-size:var(--step--1)}.ledger-meta strong{color:var(--ink);font-weight:600}.delta{font-weight:600}.delta.up{color:var(--gain)}.delta.down{color:var(--loss)}.chart{margin-top:18px;width:100%;display:block}.range{display:flex;gap:4px;margin-top:14px}.range button{border:1px solid transparent;background:var(--surface-2);border-radius:999px;padding:5px 14px;font-size:var(--step--1);color:var(--ink-muted);cursor:pointer;font-weight:500}.range button:hover{color:var(--ink)}.range button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:14px}.grid-dense{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:10px}.grid-dense .tile-body{padding:8px 9px 10px}.grid-dense .tile-price b{font-size:var(--step-0)}.grid-dense .tile-badge{display:none}.tile{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);overflow:hidden;display:flex;flex-direction:column;text-align:left;cursor:pointer;padding:0;transition:border-color .14s,transform .14s}.tile:hover{border-color:var(--rule-strong);transform:translateY(-2px)}.tile-art{aspect-ratio:128 / 178;background:var(--surface-2);display:block;overflow:hidden;position:relative}.tile-badge{position:absolute;left:7px;bottom:7px;z-index:2;pointer-events:none;max-width:calc(100% - 14px);overflow:hidden}.tile-art img{width:100%;height:100%;object-fit:cover;display:block}.tile-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}.tile-name{font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-line{color:var(--ink-muted);font-size:var(--step--1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-no{color:var(--ink-faint)}.tile-noprice{color:var(--ink-faint);font-size:var(--step--1)}.tile-price{margin-top:7px;padding-top:7px;border-top:1px solid var(--rule);display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.tile-price b{font-weight:700;font-size:var(--step-1);letter-spacing:-.02em}.tile-chg{font-size:var(--step--1);font-weight:600}.tile-chg.up{color:var(--gain)}.tile-chg.down{color:var(--loss)}.tile-actions{padding:0 12px 12px}.rank{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--rule)}.rank-row:last-child{border-bottom:none}.rank-art{width:34px;flex:none;aspect-ratio:128 / 178;border-radius:4px;overflow:hidden;background:var(--surface-2)}.rank-art img{width:100%;height:100%;object-fit:cover;display:block}.rank-body{min-width:0;flex:1}.rank-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-line{color:var(--ink-muted);font-size:var(--step--1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-value{font-weight:700;text-align:right;flex:none}.panel{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:18px}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}label{display:flex;flex-direction:column;gap:5px;font-size:var(--step--1);color:var(--ink-muted);font-weight:500}input,select{border:1px solid var(--rule);border-radius:8px;padding:9px 11px;background:var(--surface-2);color:var(--ink);min-width:0}input::placeholder{color:var(--ink-faint)}input:focus,select:focus{border-color:var(--rule-strong)}.btn{border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:8px;padding:9px 16px;font-weight:600;cursor:pointer;transition:filter .12s}.btn:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--rule-strong)}.btn.ghost:hover{background:var(--surface-2);filter:none}.btn.small{padding:5px 11px;font-size:var(--step--1);border-radius:6px}.btn:disabled{opacity:.45;cursor:not-allowed}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--rule);background:var(--surface);border-radius:999px;padding:5px 14px;font-size:var(--step--1);color:var(--ink-muted);cursor:pointer;font-weight:500}.chip:hover{color:var(--ink);border-color:var(--rule-strong)}.chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.empty{border:1px dashed var(--rule-strong);border-radius:var(--pocket-radius);background:var(--surface);padding:44px 24px;text-align:center;color:var(--ink-muted)}.empty h2{color:var(--ink)}.notice{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;padding:12px 14px;font-size:var(--step--1);margin-bottom:20px;color:var(--ink)}.error{border-left:3px solid var(--loss);background:var(--surface-2);border-radius:0 8px 8px 0;padding:12px 14px;font-size:var(--step--1)}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:.9em}.theme-picker{display:flex;gap:7px;flex-wrap:wrap}.theme-swatch{width:34px;height:34px;border-radius:8px;border:2px solid var(--rule);cursor:pointer;padding:0;position:relative;overflow:hidden}.theme-swatch:after{content:"";position:absolute;inset:auto -30% -30% auto;width:22px;height:22px;transform:rotate(45deg);background:var(--swatch-accent)}.theme-swatch[aria-pressed=true]{border-color:var(--accent)}.theme-swatch .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:11px;color:#fff;background:#0000008c}.rail-themes{padding:0 10px}.rail-themes>p{margin:0 0 8px}.detail-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:26px;align-items:start}.detail-art{border:1px solid var(--rule);border-radius:var(--pocket-radius);background:var(--surface);padding:10px;box-shadow:var(--shadow)}.detail-art img{width:100%;display:block;border-radius:5px}table{width:100%;border-collapse:collapse;font-size:var(--step--1)}th{text-align:left;font-weight:600;color:var(--ink-faint);padding:7px 10px;border-bottom:1px solid var(--rule);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}td{padding:10px;border-bottom:1px solid var(--rule)}tbody tr:last-child td{border-bottom:none}.scan-stage{background:#000;border-radius:var(--pocket-radius);display:grid;place-items:center;position:relative;overflow:hidden;border:1px solid var(--rule)}.scan-stage video{width:100%;height:100%;object-fit:contain;display:block}.scan-reticle{position:absolute;border:2px solid var(--accent);border-radius:8px;pointer-events:none;box-shadow:0 0 0 9999px #00000073;transition:border-color .15s,box-shadow .15s}.scan-reticle.aligned{border-color:var(--gain);box-shadow:0 0 0 9999px #0000004d,0 0 18px var(--gain)}.scan-status{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:3;font-size:var(--step--1);font-weight:600;padding:6px 14px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);color:var(--ink);border:1px solid var(--rule-strong);white-space:nowrap}.scan-status.ready{color:var(--gain);border-color:var(--gain)}.scan-games{display:flex;gap:6px;margin-bottom:16px}@media(max-width:900px){.detail-layout{grid-template-columns:1fr}.detail-art{max-width:240px}}@media(max-width:1040px){.with-sidebar{grid-template-columns:1fr}.filters{position:static;flex-direction:row;flex-wrap:wrap;gap:18px 26px}.filter-group{flex:1 1 190px}.filter-list{max-height:150px}}@media(max-width:860px){.topnav{display:none}.topsearch{max-width:none;margin-left:0}.topsearch kbd{display:none}}@media(max-width:640px){.topbar-inner{height:54px;padding:0 14px;gap:12px}.pill-static{display:none}.main{padding:18px 14px calc(var(--tabbar-height) + 26px)}.grid{grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:10px}.grid-dense{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.results-head{align-items:flex-start}}.landing{max-width:940px;margin:0 auto;padding:22px 24px 80px}.landing-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--rule)}.landing-bar .wordmark{padding-left:0}.landing-hero{padding:54px 0 46px;border-bottom:1px solid var(--rule)}.landing-h1{font-size:clamp(2rem,5.2vw,3.25rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 20px;max-width:19ch}.landing-lede{font-size:var(--step-1);line-height:1.55;color:var(--ink-muted);max-width:62ch;margin:0 0 30px}.signup{display:flex;flex-direction:column;gap:12px;max-width:520px}.signup-row{display:flex;gap:8px}.signup-row input{flex:1 1 auto;padding:12px 14px;font-size:var(--step-0)}.signup-row .btn{flex:none;white-space:nowrap}.landing-done{border-left:3px solid var(--gain);background:var(--surface);border-radius:0 8px 8px 0;padding:16px 18px;max-width:520px}.landing-done strong{display:block;margin-bottom:4px}.landing-done p{margin:0}.landing-section{padding:46px 0;border-bottom:1px solid var(--rule)}.landing-section>h2{font-size:var(--step-2);margin-bottom:26px}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 40px}.feature-grid h3,.tier h3{font-size:var(--step-1);font-weight:600;letter-spacing:-.015em;margin:0 0 8px}.feature-grid p{margin:0;color:var(--ink-muted);max-width:46ch;line-height:1.55}.tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.tier{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:22px}.tier ul{margin:14px 0 0;padding:0;list-style:none}.tier li{padding:7px 0 7px 18px;border-bottom:1px solid var(--rule);position:relative}.tier li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;background:var(--accent);border-radius:2px}.tier li:last-child{border-bottom:none}.landing-foot{padding-top:30px;display:flex;flex-direction:column;gap:12px}.landing-foot .sub{max-width:76ch;line-height:1.5}@media(max-width:700px){.landing{padding:14px 16px 56px}.landing-hero{padding:34px 0 30px}.landing-h1{max-width:none}.signup-row{flex-direction:column}.signup-row .btn{padding:12px 16px}.feature-grid,.tiers{grid-template-columns:1fr}}.foil{--px: 50%;--py: 50%;--rx: 0deg;--ry: 0deg;--foil-strength: .8;perspective:700px;width:100%;height:100%;display:block}.foil-inner{position:relative;width:100%;height:100%;border-radius:6px;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .3s;will-change:transform}.foil[data-active=true] .foil-inner{transition:transform .06s linear,box-shadow .3s;box-shadow:0 12px 32px #00000073}.foil-inner img{width:100%;height:100%;object-fit:cover;display:block}.foil-spectrum,.foil-glitter,.foil-glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .35s}.foil-spectrum{background:linear-gradient(115deg,transparent 12%,rgba(255,106,190,.55) 26%,rgba(255,214,92,.55) 38%,rgba(92,255,190,.55) 50%,rgba(92,190,255,.55) 62%,rgba(190,106,255,.55) 74%,transparent 88%);background-size:300% 300%;background-position:var(--px) var(--py);mix-blend-mode:color-dodge;filter:saturate(1.4)}.foil-glitter{background-image:repeating-linear-gradient(55deg,rgba(255,255,255,.16) 0 1px,transparent 1px 4px),repeating-linear-gradient(-55deg,rgba(255,255,255,.1) 0 1px,transparent 1px 5px);background-size:200% 200%;background-position:var(--px) var(--py);mix-blend-mode:overlay}.foil-glare{background:radial-gradient(circle at var(--px) var(--py),rgba(255,255,255,.35),rgba(255,255,255,0) 55%);mix-blend-mode:soft-light}.foil[data-active=true] .foil-spectrum{opacity:calc(.72 * var(--foil-strength))}.foil[data-active=true] .foil-glitter{opacity:calc(.6 * var(--foil-strength))}.foil[data-active=true] .foil-glare{opacity:.9}@media(hover:none){.foil[data-foil=true] .foil-spectrum{opacity:calc(.4 * var(--foil-strength));animation:foil-drift 6s ease-in-out infinite alternate}.foil[data-foil=true] .foil-glitter{opacity:calc(.32 * var(--foil-strength))}}@keyframes foil-drift{0%{background-position:18% 22%}to{background-position:82% 78%}}.tile:has(.foil[data-foil=true]){border-color:color-mix(in srgb,var(--accent) 34%,var(--rule))}.chart-line{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:chart-draw 1.1s cubic-bezier(.33,1,.68,1) forwards}.chart-area{opacity:0;animation:chart-fade .7s .5s ease-out forwards}@keyframes chart-draw{to{stroke-dashoffset:0}}@keyframes chart-fade{to{opacity:1}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-hover) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-tile{border:1px solid var(--rule);border-radius:var(--pocket-radius);overflow:hidden;background:var(--surface)}.skeleton-art{aspect-ratio:128 / 178}.skeleton-lines{padding:12px;display:flex;flex-direction:column;gap:7px}.skeleton-lines span{height:10px;display:block}.rise{animation:rise .45s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.landing{position:relative;isolation:isolate}.landing:before{content:"";position:absolute;inset:-20% -30% auto -30%;height:620px;z-index:-1;background:radial-gradient(44% 48% at 18% 26%,color-mix(in srgb,var(--accent) 62%,transparent),transparent 70%),radial-gradient(40% 44% at 76% 18%,rgba(110,139,255,.45),transparent 70%),radial-gradient(48% 42% at 58% 64%,rgba(63,207,142,.3),transparent 70%);filter:blur(70px);opacity:.85;animation:aurora 18s ease-in-out infinite alternate}@keyframes aurora{0%{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.12)}}.scan-reticle:after{content:"";position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent);animation:sweep 2.4s ease-in-out infinite}@keyframes sweep{0%,to{top:4%;opacity:0}10%,90%{opacity:1}50%{top:96%}}@media(prefers-reduced-motion:reduce){.foil-inner,.foil-spectrum,.foil-glitter,.foil-glare{transform:none!important;animation:none!important}.chart-line,.chart-area,.skeleton,.landing:before,.scan-reticle:after,.rise{animation:none!important;opacity:1;stroke-dashoffset:0}}.hero-split{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:48px;align-items:center}.hero-card{perspective:900px;animation:float 7s ease-in-out infinite alternate}.hero-card .foil-inner{border-radius:12px;box-shadow:0 30px 60px #0000008c}@keyframes float{0%{transform:translateY(-8px) rotate(-2.5deg)}to{transform:translateY(8px) rotate(2.5deg)}}@media(max-width:860px){.hero-split{grid-template-columns:1fr}.hero-card{display:none}}@media(prefers-reduced-motion:reduce){.hero-card{animation:none!important}}.home{display:flex;flex-direction:column;gap:34px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head h2{margin:0}.perf-chart{width:100%;margin-top:14px}.welcome{min-height:62vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:40px 20px}.welcome-hi{color:var(--ink-muted);margin:0;font-size:var(--step-1)}.welcome .wordmark-logo{width:40px;height:40px}.welcome .wordmark-text{font-size:1.9rem}.welcome-body{margin-top:56px;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:380px}.welcome-body h2{margin:0;font-size:var(--step-2)}.welcome-cta{width:84px;height:84px;border-radius:50%;background:var(--surface-2);border:1px solid var(--rule);display:grid;place-items:center;color:var(--ink);margin:16px 0 6px;transition:background .15s,transform .15s}.welcome-cta:hover{background:var(--accent-soft);color:var(--accent);transform:scale(1.05)}.welcome-cta svg{width:34px;height:34px}.binder-list{display:flex;flex-direction:column;gap:10px}.binder-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:12px 14px}.binder-main{flex:1;display:flex;align-items:center;gap:14px;min-width:0}.binder-spine{width:10px;height:46px;border-radius:3px;flex:none;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 45%,var(--surface-2)))}.binder-body{flex:1;min-width:0;display:flex;flex-direction:column}.binder-body b{font-size:var(--step-1);letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binder-body em{font-style:normal;color:var(--ink-muted);font-size:var(--step--1)}.binder-value{font-weight:700;flex:none}.theme-list{display:flex;flex-direction:column;gap:6px}.theme-row{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;border:1px solid var(--rule);background:var(--surface-2);cursor:pointer;text-align:left}.theme-row:hover:not(:disabled){border-color:var(--rule-strong)}.theme-row[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.theme-row:disabled{opacity:.55;cursor:not-allowed}.theme-row .theme-swatch{width:30px;height:30px;cursor:inherit}.theme-row-body{flex:1;display:flex;flex-direction:column}.theme-row-body em{font-style:normal;color:var(--ink-muted);font-size:var(--step--1)}.theme-check{color:var(--accent);font-weight:700}@media(max-width:760px){.topnav{display:none}.topbar-inner{height:56px;padding:0 16px;justify-content:center}.main{padding:18px 14px 112px}.bottomnav{display:block;position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.welcome-body{margin-top:40px}}.pagebar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.binder-page{display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:14px;max-width:640px}.pocket{position:relative;aspect-ratio:128 / 178;border-radius:8px;overflow:hidden;padding:0;border:1px solid var(--rule);background:var(--surface-2)}.empty-pocket{border-style:dashed;border-color:var(--rule-strong);display:grid;place-items:center;box-shadow:inset 0 2px 8px #00000040}.pocket.filled{cursor:pointer;border-color:transparent}.pocket.filled[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.pocket-no{position:absolute;top:5px;left:6px;font-size:.68rem;font-weight:700;color:var(--ink-faint);background:color-mix(in srgb,var(--bg) 70%,transparent);border-radius:4px;padding:1px 5px;z-index:2}.empty-pocket .pocket-no{position:static;background:none;font-size:var(--step-1);opacity:.5}.pocket-grade{position:absolute;bottom:5px;left:5px;right:5px;z-index:2;font-size:.62rem;font-weight:700;text-align:center;padding:2px 4px;border-radius:4px;background:color-mix(in srgb,var(--bg) 78%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}.bulkbar{position:sticky;top:70px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 42%,var(--rule));border-radius:var(--pocket-radius);padding:10px 14px;margin-bottom:16px}.binder-body b{display:flex;align-items:center;gap:8px}.binder-spine.kind-box{background:linear-gradient(180deg,var(--ink-muted),var(--surface-2));border-radius:2px}.binder-spine.kind-shelf{background:linear-gradient(180deg,var(--gain),color-mix(in srgb,var(--gain) 40%,var(--surface-2)))}.binder-spine.kind-unassigned{background:repeating-linear-gradient(45deg,var(--rule-strong) 0 4px,var(--surface-2) 4px 8px)}.empty svg{width:34px;height:34px;color:var(--ink-faint);margin-bottom:10px}@media(max-width:640px){.binder-page{gap:8px;padding:10px}.bulkbar{top:62px}}.set-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.set-row{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:14px 16px;display:flex;flex-direction:column;gap:9px}.set-row:hover{border-color:var(--rule-strong)}.set-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.set-row-head b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-row-foot{margin:0}.progress{height:6px;border-radius:99px;background:var(--surface-2);overflow:hidden}.progress.large{height:10px}.progress span{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .5s cubic-bezier(.22,1,.36,1)}.progress span[data-done=true]{background:var(--gain)}.tile.unowned .tile-art{filter:grayscale(1);opacity:.34}.tile.unowned:hover .tile-art{opacity:.6}.owned-tick{position:absolute;top:6px;right:6px;z-index:2;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--gain);color:var(--bg)}.tile-line.loc{color:var(--accent);font-weight:500}.tile-line.loc.missing{color:var(--ink-faint);font-weight:400}.numberhit{border-color:color-mix(in srgb,var(--gain) 45%,var(--rule));background:linear-gradient(140deg,color-mix(in srgb,var(--gain) 10%,var(--surface)),var(--surface) 60%)}.notfound{border-color:color-mix(in srgb,var(--accent) 45%,var(--rule))}.hashed-shot{display:flex;align-items:center;gap:14px;margin-top:16px;padding:12px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);max-width:520px}.hashed-shot img{width:72px;flex:none;border-radius:5px;image-rendering:auto;border:1px solid var(--rule-strong)}.hashed-shot p{margin:0}.debug-panel{margin-top:16px;border-color:var(--rule-strong)}.debug-panel table{margin-top:10px}.blob-in td{color:var(--gain);font-weight:600}.blob-out td{color:var(--ink-faint)}.setlist{width:100%;border-collapse:collapse}.setlist th{text-align:left;font-size:var(--step--1);text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);padding:10px 12px;border-bottom:1px solid var(--rule)}.setlist td{padding:8px 12px;border-bottom:1px solid var(--rule)}.setlist tr:last-child td{border-bottom:none}.setlist tr.have td{color:var(--gain)}.setlist tr.have td:nth-child(2){font-weight:600}.setlist input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);padding:0}.job-panel{margin-bottom:18px;border-color:var(--accent)}.job-panel.job-failed{border-color:var(--loss)}.job-panel.job-done{border-color:var(--gain)}.job-steps{margin-top:10px;display:flex;flex-direction:column;gap:3px;max-height:190px;overflow-y:auto}.job-step{display:flex;justify-content:space-between;gap:12px;font-size:var(--step--1);padding:3px 0;border-bottom:1px solid var(--rule)}.job-step em{font-style:normal;color:var(--ink-faint);text-align:right}.job-step.done em{color:var(--gain)}.job-step.failed em{color:var(--loss)}.markets table{width:100%;border-collapse:collapse}.markets td{padding:8px 4px;border-bottom:1px solid var(--rule)}.markets tr:last-child td{border-bottom:none}.markets td:first-child{display:flex;align-items:center;gap:8px}.markets td:not(:first-child){text-align:right}.preferred-market td{font-weight:600}.capture-list{display:flex;flex-direction:column;gap:16px}.capture-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.capture-images{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;align-items:start}.shot img{width:100%;border-radius:6px;border:1px solid var(--rule);background:#000;display:block}.shot-hash img{image-rendering:pixelated}.shot figcaption{margin-top:6px;font-size:var(--step--1);color:var(--ink-faint);display:flex;justify-content:space-between;gap:8px}.shot figcaption em{font-style:normal}@media(max-width:760px){.capture-images{grid-template-columns:1fr}}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.dash-tabs{display:flex;gap:22px}.dash-tab{background:none;border:0;padding:0 0 8px;font-size:var(--step-2);font-weight:700;letter-spacing:-.02em;color:var(--ink-faint);cursor:pointer;border-bottom:2px solid transparent;display:flex;align-items:center;gap:7px}.dash-tab:hover{color:var(--ink-muted)}.dash-tab.active{color:var(--ink);border-bottom-color:var(--accent)}.dash-eye{background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;width:30px;height:30px;display:inline-grid;place-items:center;color:var(--ink-muted);cursor:pointer;vertical-align:middle;margin-left:10px}.dash-eye:hover{color:var(--ink);border-color:var(--rule-strong)}.dash-figure{display:flex;align-items:center}.dash-chart{margin:18px calc(var(--pocket-radius) * -1) 0}.dash-ranges{display:flex;justify-content:center;gap:6px;margin:4px 0 26px}.dash-ranges button{border:0;background:none;min-width:48px;height:40px;border-radius:999px;font-size:var(--step-0);font-weight:600;color:var(--ink-faint);cursor:pointer}.dash-ranges button:hover{color:var(--ink)}.dash-ranges button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.dash-section{margin-bottom:26px}.dash-section>h2{font-size:var(--step-1);font-weight:700;margin:0 0 12px}.dash-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);overflow:hidden}.dash-row{display:flex;align-items:center;gap:12px;padding:13px 16px;color:inherit;text-decoration:none;border-bottom:1px solid var(--rule)}.dash-row:last-child{border-bottom:0}a.dash-row:hover{background:var(--surface-hover)}.dash-row-main{flex:1;min-width:0}.dash-row-title{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-row-sub{display:block;color:var(--ink-muted);font-size:var(--step--1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-row-value{text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.dash-row-value strong{font-weight:700;font-size:var(--step-1)}.dash-thumb{width:44px;height:61px;border-radius:4px;object-fit:cover;background:var(--surface-2);flex:none}.dash-game{width:52px;height:40px;border-radius:6px;flex:none;display:grid;place-items:center;font-weight:800;font-size:var(--step--1);letter-spacing:.04em;background:var(--surface-2);color:var(--ink-muted);border:1px solid var(--rule)}.dash-viewall{display:block;text-align:center;padding:13px;font-weight:600;color:var(--accent);text-decoration:none}.dash-viewall:hover{background:var(--surface-hover)}.dash-note{padding:16px;margin:0;color:var(--ink-muted);font-size:var(--step--1)}@media(max-width:480px){.dash-tab{font-size:var(--step-1)}.dash-ranges button{min-width:40px}}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);padding:10px 14px;margin-bottom:16px}.search-box svg{color:var(--ink-faint);flex:none}.search-box input{flex:1;border:0;background:none;padding:0;font-size:var(--step-0);color:var(--ink)}.search-box input:focus{outline:none}.search-box:focus-within{border-color:var(--rule-strong)}.pocket.filled[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 6px var(--accent-soft)}.binder-page:has(.pocket[aria-pressed=true]) .pocket.filled[aria-pressed=false]{opacity:.45}.tile[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;padding:18px;z-index:50}.modal{background:var(--surface);border:1px solid var(--rule);border-radius:var(--pocket-radius);box-shadow:var(--shadow);width:min(520px,100%);max-height:88vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--rule)}.modal-head h2{margin:0;font-size:var(--step-1)}.modal-body{padding:16px 18px;overflow-y:auto}.modal-fields{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.modal-fields label{flex:1 1 160px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--rule)}.error{color:var(--loss)}.grader-chip[aria-pressed=true]{border-color:currentColor}.grader-psa[aria-pressed=true]{color:#d8443c}.grader-bgs[aria-pressed=true]{color:#4a7ad8}.grader-cgc[aria-pressed=true]{color:#2ba3a3}.grader-sgc[aria-pressed=true]{color:#caa94a}.grader-tag[aria-pressed=true]{color:#7a5ad8}.grader-ace[aria-pressed=true]{color:#4aa86a}.portfolio-pick{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border:1px solid var(--rule);border-radius:999px;min-height:44px;padding:0 18px;font-size:var(--step-0);font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.page-head{flex-wrap:wrap}.portfolio-pick{order:3;width:100%;justify-content:space-between}.dash-head{flex-wrap:wrap;gap:10px}.dash-head .portfolio-pick{order:3;width:100%}}.portfolio-row{min-height:56px}.portfolio-move{min-height:40px}.portfolio-pick:hover{border-color:var(--rule-strong)}.portfolio-row{width:100%;background:none;border:0;border-bottom:1px solid var(--rule);text-align:left;cursor:pointer;font:inherit;color:inherit}.portfolio-row:hover{background:var(--surface-hover)}.portfolio-row[aria-pressed=true]{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.portfolio-move{font-size:var(--step--1);padding:4px 8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--rule);color:var(--ink-muted)}.signin{max-width:380px;margin:48px auto;text-align:center}.signin-providers{display:flex;flex-direction:column;gap:10px;margin:24px 0}.signin-btn{justify-content:center;min-height:48px}.signin-admin{margin-top:28px;text-align:left}.signin-modal{width:min(420px,100%)}.signin-providers{display:flex;flex-direction:column;gap:10px}.signin-option{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border:1px solid var(--rule);border-radius:10px;background:var(--surface-2);color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer}.signin-option:hover{border-color:var(--rule-strong)}.signin-option.is-off{opacity:.45;cursor:not-allowed;pointer-events:none}.signin-admin{margin-top:22px}.signin-admin summary{cursor:pointer}.landing-bar-right{display:flex;align-items:center;gap:14px}.navlike{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;font:inherit;color:var(--ink-muted);cursor:pointer}.navlike:hover{color:var(--ink)}.binder-id{border:1px solid var(--rule);border-radius:var(--pocket-radius);background:var(--surface);overflow:hidden}.binder-id-head{display:flex;align-items:center;gap:14px;padding:16px;border-bottom:1px solid var(--rule)}.binder-id-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--rule);font-size:var(--step-2);font-weight:800;color:var(--ink-muted);flex:none}.binder-id-who{display:flex;flex-direction:column;min-width:0;flex:1}.binder-id-stats{display:flex;border-bottom:1px solid var(--rule)}.binder-id-stats>div{flex:1;padding:14px;text-align:center;display:flex;flex-direction:column;gap:2px}.binder-id-stats>div+div{border-left:1px solid var(--rule)}.binder-id-stats b{font-size:var(--step-2)}.binder-id-grail{padding:12px 16px 4px}
