html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0}img{max-width:100%}[hidden]{display:none!important}:root{--bg:#eef1f5;--surface:#fff;--fg:#141a24;--muted:#5d6878;--line:#d5dbe4;--accent:#e8b21a;--accent-ink:#3b2a00;--owned:#fff6d6;--f-display:"Barlow Condensed","Arial Narrow",system-ui,sans-serif;--f-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--e-wotc:#c0392b;--e-ex:#b0731e;--e-dp:#2f6fb5;--e-pl:#6b6f80;--e-hgss:#a08a2a;--e-bw:#2d2d2d;--e-xy:#2a62c9;--e-sm:#d9731a;--e-swsh:#1f8aa8;--e-sv:#9c2bb0;--e-me:#1c9b6b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f141c;--surface:#18202b;--fg:#e8edf4;--muted:#93a0b2;--line:#2a3443;--accent:#f2c230;--accent-ink:#2a1e00;--owned:#2b2410;--e-wotc:#ef6a5a;--e-ex:#e0a24a;--e-dp:#6aa4e8;--e-pl:#a3a8bb;--e-hgss:#d4bd55;--e-bw:#c9ced8;--e-xy:#6f98ee;--e-sm:#f29b4f;--e-swsh:#4fc0dc;--e-sv:#cf72e0;--e-me:#4fd3a0;color-scheme:dark}}:root[data-theme=dark]{--bg:#0f141c;--surface:#18202b;--fg:#e8edf4;--muted:#93a0b2;--line:#2a3443;--accent:#f2c230;--accent-ink:#2a1e00;--owned:#2b2410;--e-wotc:#ef6a5a;--e-ex:#e0a24a;--e-dp:#6aa4e8;--e-pl:#a3a8bb;--e-hgss:#d4bd55;--e-bw:#c9ced8;--e-xy:#6f98ee;--e-sm:#f29b4f;--e-swsh:#4fc0dc;--e-sv:#cf72e0;--e-me:#4fd3a0;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.45}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}.wrap{max-width:1180px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto;padding-block:20px 48px}header h1{font-family:var(--f-display);letter-spacing:.01em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(34px,6vw,54px);font-weight:800;line-height:.95}header p{color:var(--muted);max-width:62ch;margin:8px 0 0}.progress{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.bar{background:var(--line);border-radius:5px;flex:220px;height:10px;overflow:hidden}.bar i{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.progress b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:13px}.tools{top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:10px;margin-top:16px;padding-block:12px;display:flex;position:sticky}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input[type=search]{min-width:0;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:8px;flex:200px;padding:9px 12px}.chip{font:600 13px var(--f-body);border:1px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;white-space:nowrap;border-radius:999px;padding:6px 11px}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.chip .dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.chips{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.era{margin-top:28px}.era h2{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:26px;font-weight:800;display:flex}.era h2 small{font:500 13px var(--f-mono);color:var(--muted);letter-spacing:0}.era h2:before{content:"";background:var(--c);border-radius:3px;align-self:center;width:14px;height:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-top:12px;display:grid}.tile{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex;position:relative}.tile.own{background:var(--owned);border-color:var(--accent)}.tile.up{border-style:dashed}.top{align-items:center;gap:10px;display:flex}.name{overflow-wrap:anywhere;min-width:0;font-weight:600;line-height:1.2}.name a{color:inherit;text-decoration:none}.name a:hover{text-decoration:underline}.meta{font:500 12px var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:6px;display:flex}.tag{font:600 10px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.own-btn{font:600 12px var(--f-body);border:1px solid var(--line);color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;padding:5px 8px}.tile.own .own-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.legend{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:14px;margin-top:22px;padding:16px;display:grid}.legend h3{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:20px;font-weight:800}.anatomy{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.anatomy div{align-items:center;gap:10px;font-size:13px;display:flex}.anatomy svg{flex:none}.links{font:600 12px var(--f-body);flex-wrap:wrap;gap:10px;display:flex}.links a{color:var(--muted);border-bottom:1px dotted var(--muted);text-decoration:none}.links a:hover{color:var(--fg)}.looks{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:14px;margin-top:14px;padding:16px;display:grid}.looks h3{font-family:var(--f-display);text-transform:uppercase;margin:0;font-size:20px;font-weight:800}.looks>p{color:var(--muted);max-width:70ch;margin:0;font-size:13px}.cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.card-era{flex-direction:column;gap:8px;min-width:0;display:flex}.card-era b{font-family:var(--f-display);text-transform:uppercase;letter-spacing:.02em;font-size:17px}.card-era span{color:var(--muted);font-size:13px}.empty{color:var(--muted);margin-top:30px}footer{color:var(--muted);max-width:70ch;margin-top:36px;font-size:13px}@media (prefers-reduced-motion:reduce){.bar i{transition:none}}.card-img{aspect-ratio:245/342;background:var(--line);border-radius:4.5%/3.2%;width:100%;max-width:200px;margin:0;position:relative;overflow:hidden;box-shadow:0 2px 10px #0000002e}.card-img img{object-fit:cover;width:100%;height:100%;display:block}.card-img .hl{border:2px solid #ff7a1a;border-radius:3px;position:absolute;box-shadow:0 0 0 2px #ff7a1a59}.logo{background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:7px;place-items:center;height:72px;margin:-4px -4px 0;padding:6px;text-decoration:none;display:grid}.logo img{object-fit:contain;filter:drop-shadow(0 1px 1px #00000026);width:auto;max-width:100%;max-height:60px}.logo-fallback{font:800 20px/1 var(--f-display);text-transform:uppercase;text-align:center;letter-spacing:.02em;color:var(--c);text-wrap:balance;display:none}.tile.nologo .logo-fallback{display:block}.tile .own-btn{margin-top:auto}.set-symbol{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;width:40px;height:40px;padding:5px}.set-symbol.lg{width:52px;height:52px;padding:6px}.tag.code{font-family:var(--f-mono);letter-spacing:.04em}.crumbs{font:600 13px var(--f-body);flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--fg)}.crumbs span{gap:14px;display:flex}.set-head{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:minmax(0,320px) 1fr;align-items:center;gap:24px;margin-top:16px;padding:18px;display:grid}.set-head.own{border-color:var(--accent);background:var(--owned)}.set-head.own .own-btn{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.set-logo{background:color-mix(in srgb,var(--c) 10%,transparent);border-radius:10px;place-items:center;min-height:120px;padding:12px;display:grid}.set-logo img{object-fit:contain;max-height:140px}.set-logo .logo-fallback{font-size:32px;display:block}.set-info h1{font-family:var(--f-display);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:14px;margin:0;font-size:clamp(30px,5vw,46px);font-weight:800;line-height:1;display:flex}.set-info dl{flex-wrap:wrap;gap:8px 24px;margin:14px 0;display:flex}.set-info dt{font:600 10px var(--f-body);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.set-info dd{font:600 15px var(--f-mono);margin:0}.set-info dd small{color:var(--muted);font-size:12px}.set-info .own-btn{padding:7px 12px;font-size:13px}.ext{font:600 13px var(--f-body);color:var(--muted)}.count{font:500 13px var(--f-mono);color:var(--muted);white-space:nowrap}.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:16px;display:grid}.pcard{all:unset;cursor:pointer;flex-direction:column;gap:6px;min-width:0;display:flex}.pcard img,.pcard .noimg{aspect-ratio:245/342;background:var(--line);border-radius:4.5%/3.2%;width:100%;height:auto;transition:transform .15s,box-shadow .15s;display:block;box-shadow:0 1px 4px #00000026}.pcard:hover img,.pcard:focus-visible img{transform:translateY(-3px);box-shadow:0 6px 16px #00000040}.pcard:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.pcard .noimg{text-align:center;font:600 13px var(--f-body);color:var(--muted);border:2px dashed var(--line);background:var(--surface);box-shadow:none;place-content:center;padding:10px;display:grid}.pcard .noimg small{margin-top:4px;font-size:11px;font-weight:500;display:block}.cap{justify-content:space-between;gap:6px;font-size:12px;line-height:1.25;display:flex}.cap span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.cap .num{font:500 11px var(--f-mono);color:var(--muted);white-space:nowrap}dialog#viewer{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}dialog#viewer[open]{grid-template-columns:auto 1fr auto;place-items:center;display:grid}dialog#viewer::backdrop{background:#05080ed9}dialog#viewer figure{justify-items:center;gap:10px;margin:0;display:grid}dialog#viewer img{border-radius:4.5%/3.2%;width:auto;max-width:min(560px,80vw);max-height:82dvh;box-shadow:0 10px 40px #00000080}dialog#viewer figcaption{color:#fff;font:600 15px var(--f-body)}dialog#viewer button{all:unset;cursor:pointer;color:#fff;font:400 44px/1 var(--f-body);opacity:.8;padding:16px}dialog#viewer button:hover,dialog#viewer button:focus-visible{opacity:1}dialog#viewer .close{font-size:36px;position:absolute;top:8px;right:12px}@media (width<=640px){.set-head{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}dialog#viewer button.nav{padding:6px;font-size:32px}}@media (prefers-reduced-motion:reduce){.pcard img{transition:none}}.help{border:1px solid var(--muted);width:17px;height:17px;color:var(--muted);font:700 11px/1 var(--f-body);cursor:pointer;vertical-align:1px;background:0 0;border-radius:50%;place-items:center;margin-left:3px;padding:0;display:inline-grid}.help:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.help-pop{border:1px solid var(--line);background:var(--surface);max-width:min(380px,100vw - 32px);color:var(--fg);border-radius:12px;padding:16px 18px;font-size:14px;line-height:1.5;box-shadow:0 12px 40px #00000040}.help-pop::backdrop{background:#05080e59}.help-pop p{margin:8px 0}.help-pop a{font:600 13px var(--f-body);color:var(--muted)}