:root{--bg: #0a0a12;--panel: #14141f;--panel-2: #1c1c2b;--line: #2a2a3d;--text: #f2f0ea;--muted: #a7a3b8;--gold: #f5c518;--gold-soft: rgba(245, 197, 24, .14);--rare: #f5c518;--uncommon: #7dd3fc;--common: #a7a3b8;--radius: 16px;--safe-b: env(safe-area-inset-bottom, 0px);--card-w: min(72vw, 300px)}@media(pointer:coarse){:root{--card-w: min(92vw, 430px, calc((100dvh - 300px) * 5 / 7))}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,#1b1b33 0%,var(--bg) 60%) fixed,var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}#stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 12% 22%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 68% 8%,#fff 60%,transparent 61%),radial-gradient(1.5px 1.5px at 82% 34%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 34% 66%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 52% 44%,#cfd2ff 60%,transparent 61%),radial-gradient(1px 1px at 90% 72%,#fff 60%,transparent 61%),radial-gradient(1px 1px at 8% 82%,#fff 60%,transparent 61%);opacity:.5}#home{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:20px 16px 48px}.hero{text-align:center;margin:14px 0 18px}.sw-kicker{margin:0;color:var(--gold);font-weight:800;font-size:15px;letter-spacing:.42em;text-transform:uppercase}.sw-title{margin:4px 0 6px;font-size:24px;letter-spacing:.06em;text-transform:uppercase;text-wrap:balance}.sw-sub{margin:0;color:var(--muted);font-size:14px;letter-spacing:.04em}.home-foot{display:flex;justify-content:center;margin-top:26px}.set-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:640px){.set-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.set-card{position:relative;background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer;padding:0;color:inherit;text-align:left;font:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.set-card:hover,.set-card:focus-visible{transform:translateY(-2px);border-color:var(--gold);box-shadow:0 8px 30px #f5c51826;outline:none}.set-card:active{transform:scale(.98)}.set-card:disabled{opacity:.5;cursor:wait}.set-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(105deg,transparent 42%,rgba(255,244,214,.16) 50%,transparent 58%);transform:translate(-120%)}.set-card:hover:after,.set-card:focus-visible:after{transform:translate(120%);transition:transform .7s ease}.set-thumb{aspect-ratio:5 / 6;width:100%;overflow:hidden;background:#000}.set-thumb img{width:100%;height:100%;object-fit:contain;object-position:center;padding:6px 2px 0;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.set-body{padding:10px 12px 12px}.set-body h3{margin:0 0 2px;font-size:15px}.set-body .ratio{margin:0;font-size:12px;color:var(--muted)}.set-skeleton{pointer-events:none}.set-skeleton .set-thumb{background:linear-gradient(100deg,#14141f 40%,#1e1e30,#14141f 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sk-line{border-radius:6px;background:linear-gradient(100deg,#1c1c2b 40%,#26263a,#1c1c2b 60%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.sk-title{height:15px;width:60%;margin-bottom:6px}.sk-sub{height:12px;width:90%}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.grid-error{grid-column:1 / -1;text-align:center;padding:32px 16px;color:var(--muted)}.grid-error p{margin:0 0 14px}.grid-error .primary-btn{flex:none}.ghost-btn.armed{border-color:#f87171;color:#f87171}.primary-btn{background:var(--gold);color:#161300;border:none;border-radius:999px;font-weight:700;font-size:15px;padding:13px 18px;cursor:pointer;flex:1;transition:transform .1s ease}.primary-btn:active{transform:scale(.97)}.ghost-btn{background:transparent;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-size:13px;cursor:pointer;white-space:nowrap;transition:transform .1s ease}.ghost-btn:active{transform:scale(.97)}.icon-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);width:36px;height:36px;border-radius:50%;font-size:15px;cursor:pointer;flex-shrink:0;transition:transform .1s ease}.icon-btn:active{transform:scale(.9)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:none}.sheet.open{display:block}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6}.sheet-card{position:absolute;left:0;right:0;bottom:0;top:2dvh;max-height:98dvh;overflow-y:auto;background:linear-gradient(180deg,#171722,#0e0e17);border-top:1px solid var(--line);border-radius:20px 20px 0 0;padding:8px 16px calc(16px + var(--safe-b));animation:slideUp .25s ease;display:flex;flex-direction:column}@media(min-width:720px){.sheet-card{left:50%;right:auto;bottom:4dvh;top:4dvh;width:min(560px,92vw);transform:translate(-50%);border-radius:20px;border:1px solid var(--line)}}@keyframes slideUp{0%{transform:translateY(30px);opacity:.6}to{transform:none;opacity:1}}@media(min-width:720px){@keyframes slideUp{0%{transform:translate(-50%) translateY(20px);opacity:.6}to{transform:translate(-50%);opacity:1}}}.sheet-handle{width:44px;height:5px;border-radius:999px;background:var(--line);margin:6px auto 10px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.eyebrow{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.sheet-head h2{margin:2px 0 0;font-size:20px}#playView{flex:1;display:flex;flex-direction:column;justify-content:safe center}#playView .chrome{visibility:hidden;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility 0s .3s}#playView.opened .chrome{visibility:visible;opacity:1;transform:none;transition:opacity .45s ease .1s,transform .45s ease .1s}.stage-felt{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:14px;background:radial-gradient(120% 100% at 50% 30%,#20202f,#0b0b12 75%)}.pack-shadow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(62% 10% at 50% 88%,rgba(0,0,0,.6),transparent 70%);pointer-events:none}#pack3d{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:116%;height:140%;display:block;cursor:pointer}.rip-label{position:absolute;z-index:6;left:50%;bottom:12px;transform:translate(-50%);background:#000000c7;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);white-space:nowrap;pointer-events:none}.stage-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin:auto 0}.nav-btn{width:44px;height:64px;flex-shrink:0;font-size:30px;line-height:1;cursor:pointer;background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:12px;touch-action:manipulation;transition:transform .1s ease}.nav-btn:active{transform:scale(.92)}@media(max-width:420px){.nav-btn{width:38px}}@media(pointer:coarse){.nav-btn{display:none}}.stage{position:relative;flex:none;width:var(--card-w);display:grid;place-items:center;touch-action:pan-y;-webkit-user-select:none;user-select:none;min-height:380px}.under-back{position:absolute;width:var(--card-w);aspect-ratio:5 / 7;transform:scale(.93) translateY(14px);filter:brightness(.75);pointer-events:none;z-index:1}.under-card{position:absolute;width:var(--card-w);aspect-ratio:5 / 7;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #00000080;pointer-events:none;z-index:2;will-change:transform}.under-card img{width:100%;height:100%;object-fit:cover;display:block}.under-card.anim{transition:transform .22s ease,opacity .22s ease}.card-back{width:100%;height:100%;border-radius:14px;background:radial-gradient(120% 90% at 50% 0%,#232c52,#0b0e1d 55%,#04050c);border:1px solid rgba(245,197,24,.4);box-shadow:inset 0 0 0 5px #0000008c,inset 0 0 0 6px #f5c51859,0 12px 32px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px;text-align:center}.cb-emblem{color:var(--gold);font-size:44px;line-height:1}.cb-title{letter-spacing:.18em;font-weight:800;font-size:13px;color:#e8e4d5}.cb-sub{font-size:8px;letter-spacing:.22em;color:var(--muted)}.top-card{position:relative;width:var(--card-w);aspect-ratio:5 / 7;border-radius:14px;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px #0009;will-change:transform;cursor:grab;z-index:3}.top-card:active{cursor:grabbing}.top-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.top-card img.sideways,.under-card img.sideways{position:absolute;top:50%;left:50%;width:140%;height:auto;aspect-ratio:7 / 5;transform:translate(-50%,-50%) rotate(90deg)}.top-card.anim{transition:transform .22s ease,opacity .22s ease}.card-title{text-align:center;margin:12px 0 2px;font-size:17px}.card-sub{text-align:center;margin:0;color:var(--muted);font-size:13px}.stack-mini{position:static;flex:none;align-self:center;display:flex;align-items:center;width:110px;min-height:54px;background:#0009;border:1px solid var(--line);border-radius:14px;padding:6px 10px;pointer-events:none}.seen-fan{position:relative;height:40px;flex-shrink:0}.seen-fan img{position:absolute;top:0;width:28px;height:40px;object-fit:cover;border-radius:4px;background:#000;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #00000080}.deck-actions{display:flex;gap:10px;margin-top:8px}