:root{--bg:#eceff5;--surface:#fff;--ink:#1a2033;--muted:#5d6680;--line:#d4d9e4;--gold:#e3b21f;--gold-ink:#4a3800;--accent:#2f56d0;--f-display:"Chakra Petch", "Segoe UI", system-ui, sans-serif;--f-body:"Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;--f-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11141d;--surface:#1a1f2d;--ink:#e7ebf4;--muted:#98a1b9;--line:#2d3447;--gold:#f0c645;--gold-ink:#2a2000;--accent:#86a4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11141d;--surface:#1a1f2d;--ink:#e7ebf4;--muted:#98a1b9;--line:#2d3447;--gold:#f0c645;--gold-ink:#2a2000;--accent:#86a4ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.6 var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-block:0 48px}a{color:var(--accent)}.wrap{max-width:760px;margin:0 auto}header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;padding-block:18px;display:flex}header a.home{font:700 24px/1 var(--f-display);text-transform:uppercase;color:var(--ink);letter-spacing:.02em;text-decoration:none}header nav{flex-wrap:wrap;gap:14px;font-size:14px;display:flex}h1{font:700 32px/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.02em;text-wrap:balance;margin:0 0 6px}h2{font:700 20px/1.25 var(--f-display);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--line);text-wrap:balance;margin:36px 0 8px;padding-top:12px}h3{font:700 15px/1.3 var(--f-display);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:22px 0 6px}p,li{max-width:68ch}.updated{color:var(--muted);font:500 13px var(--f-mono)}.callout{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:8px;margin:16px 0;padding:14px 16px}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:16px 0;display:grid}.box{background:var(--surface);border:1px solid var(--line);border-radius:10px;align-content:start;gap:4px;padding:14px 16px;display:grid}.box b{font:700 15px var(--f-display);text-transform:uppercase;letter-spacing:.05em}.box .price{font:700 22px var(--f-mono)}.box small{color:var(--muted)}.mono{font-family:var(--f-mono)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:48px;padding-top:16px;font-size:13px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sub{background:var(--surface);border:1px solid var(--line);border-radius:12px;gap:6px;max-width:560px;margin:12px 0 24px;padding:18px;display:grid}.sub label{margin-top:8px;font-size:14px;font-weight:700}.sub label small{color:var(--muted);font-weight:400}.sub input:not([type=checkbox]),.sub select{width:100%;font:16px var(--f-body);border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:8px;padding:10px 12px}.sub input:focus,.sub select:focus{outline:3px solid var(--accent);outline-offset:1px}.sub .chk{align-items:flex-start;gap:8px;font-weight:400;display:flex}.sub .chk input{flex:none;width:18px;height:18px;margin-top:3px}.sub button{font:700 14px var(--f-display);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--surface);cursor:pointer;border:0;border-radius:8px;justify-self:start;margin-top:12px;padding:12px 18px}.sub button:disabled{opacity:.6;cursor:wait}.sub .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.sub .msg{border-radius:8px;margin:8px 0 0;padding:10px 12px;font-size:15px}.sub .msg.ok{background:color-mix(in srgb, #3a9657 18%, var(--surface))}.sub .msg.err{background:color-mix(in srgb, #b8321f 15%, var(--surface))}.rel h2 small{font:600 13px var(--f-mono);color:var(--muted);text-transform:none;letter-spacing:0;white-space:nowrap;margin-left:8px}.rel ul{gap:4px;margin:0;padding-left:20px;display:grid}:root{--case:linear-gradient(150deg, #f6f8fc, #d6dce8);--case-edge:#78849c8c;--foil-a:#2b56d6;--foil-b:#7b3fd6;--foil-c:#e2b43b}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--case:linear-gradient(150deg, #4a5269, #2b3142);--case-edge:#00000080}}:root[data-theme=dark]{--case:linear-gradient(150deg, #4a5269, #2b3142);--case-edge:#00000080}.wrap{max-width:880px}header .home{align-items:center;gap:10px;display:inline-flex}header .home img{width:auto;height:36px}header .home b{color:var(--gold);-webkit-text-stroke:1px var(--gold-ink)}header nav.go{flex-wrap:wrap;gap:8px;display:flex}.play{font:700 13px var(--f-display);letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--surface);border-radius:8px;padding:9px 14px;text-decoration:none}.play.alt{color:var(--ink);border:1px solid var(--line);background:0 0}.lede{color:var(--muted);max-width:62ch;margin:0 0 18px}.pull-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;display:flex}.left{font:700 14px var(--f-mono)}.left b{color:var(--gold-ink);background:var(--gold);border-radius:6px;padding:2px 8px}.call{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 16px;font-size:14px;display:flex}.call span{color:var(--muted)}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 13px var(--f-display);cursor:pointer;border-radius:999px;padding:6px 12px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.stage{place-items:center;min-height:430px;display:grid;position:relative}.pack{cursor:pointer;color:#fff;background:linear-gradient(135deg, var(--foil-a), var(--foil-b) 55%, var(--foil-c));border:0;border-radius:14px;place-items:center;width:220px;height:330px;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 30px #14182859,inset 0 0 0 2px #ffffff59}.pack:before{content:"";background:repeating-linear-gradient(115deg,#fff0 0 18px,#ffffff29 18px 22px);position:absolute;inset:0}.pack .crimp{background:repeating-linear-gradient(90deg,#ffffff59 0 4px,#0000001f 4px 8px);height:22px;position:absolute;left:0;right:0}.pack .crimp.t{top:0}.pack .crimp.b{bottom:0}.pack .face,.op-pack .face{text-shadow:0 2px 6px #00000059;justify-items:center;gap:6px;display:grid;position:relative}.pack .face b,.op-pack .face b{font:700 30px/1 var(--f-display);letter-spacing:.08em}.pack .face b i,.op-pack .face b i{color:#ffe27a;font-style:normal}.pack .face small,.op-pack .face small{font:700 12px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.9}.pack .face .q,.op-pack .face .q{font:700 64px/1 var(--f-display);opacity:.9}.pack:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.7}.pack:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.reveal{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;width:100%;display:grid}.card-out{animation:.6s cubic-bezier(.2,.9,.3,1.2) rise}@keyframes rise{0%{opacity:0;translate:0 40px;scale:.9}}.facts h2,.op-done h2{border-top:0;padding-top:0}.facts h2{font:700 26px/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:0 0 4px}.facts .meta{color:var(--muted);margin:0 0 12px}.facts dl{grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin:0 0 12px;font-size:14px;display:grid}.facts dt{color:var(--muted);font-weight:700}.facts dd{overflow-wrap:anywhere;margin:0}.facts .flavor{color:var(--muted);border-left:3px solid var(--line);margin:0 0 12px;padding-left:10px;font-style:italic}.facts .was{background:var(--surface-2,var(--surface));border-radius:8px;margin:0 0 12px;padding:8px 10px;font-size:14px}.facts .called{margin:0 0 10px;font-weight:700}.facts .row{flex-wrap:wrap;gap:8px;margin:0 0 12px;display:flex}.facts .btn{font:700 13px var(--f-display);letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:8px;padding:9px 14px;text-decoration:none}.facts .btn.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.facts .price b{font:700 18px var(--f-mono)}.shop-btns{grid-template-columns:1fr 1fr;gap:6px;display:grid}.shop-btns a{font:700 12px var(--f-display);letter-spacing:.04em;text-transform:uppercase;text-align:center;background:var(--accent);color:var(--surface);border-radius:8px;padding:9px 8px;text-decoration:none}.shop-btns a:last-child:nth-child(odd){grid-column:1/-1}.out{color:var(--muted);text-align:center;max-width:40ch;font-size:14px}@media (width<=640px){.reveal{grid-template-columns:minmax(0,1fr);justify-items:center}.card-out{width:min(280px,82vw)}.facts{width:100%}.stage{min-height:380px}}.sumry{flex-wrap:wrap;gap:10px;margin:0 0 14px;display:flex}.sumry div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 14px;display:grid}.sumry b{font:700 22px var(--f-mono)}.sumry span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.tabs{flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;display:flex}.tabs .sort{gap:6px;margin-left:auto;display:flex}.chip.sm{padding:4px 10px;font-size:12px}.grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;display:grid}.slab{background:var(--case);box-shadow:inset 0 0 0 1px #ffffffbf, 0 0 0 1px var(--case-edge), 0 4px 10px #0000002e;color:inherit;border-radius:10px;gap:4px;min-width:0;padding:6px;text-decoration:none;display:grid}.slab .lbl{background:linear-gradient(180deg, #ffe27a, var(--gold));font:700 10.5px/1.2 var(--f-mono);color:#2a2000;white-space:nowrap;border-radius:4px;justify-content:space-between;gap:4px;padding:3px 6px;display:flex}.slab.raw .lbl{color:#2b3140;background:linear-gradient(#e6e9ef,#c3c9d4)}.slab.g10 .lbl{background:linear-gradient(90deg,#f6a6c1,#a6d8f6,#b8f6a6,#f6e3a6)}.slab img{aspect-ratio:63/88;object-fit:cover;background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:5px;width:100%;display:block}.slab .nm{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.slab .mt{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.sleeve{text-align:center;border:2px dashed var(--line);aspect-ratio:63/100;color:var(--muted);border-radius:10px;place-items:center;padding:8px;font-size:12px;display:grid}.sleeve b{font:700 14px var(--f-mono);color:var(--ink);display:block}.empty{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:22px}.empty b{color:var(--ink);margin-bottom:6px;font-size:16px;display:block}.empty a{color:var(--accent);font-weight:700}.fine{color:var(--muted);font-size:12.5px}.pack.hit{color:#3a2600;background:linear-gradient(135deg,#f7d76b,#e2a93b 45%,#fff1b8 60%,#d18e1f);box-shadow:0 14px 30px #78500066,0 0 24px 4px #f7d76b8c,inset 0 0 0 2px #ffffff8c}.pack.hit .face{text-shadow:0 1px 2px #ffffff80}.pack.hit .face b i{color:#8a4b00}.pack-note{color:var(--ink);text-align:center;margin:12px 0 0;font-size:13px;font-weight:700}.hit-tag{background:var(--gold);color:var(--gold-ink);font:700 12px var(--f-display);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin:0 0 8px;padding:3px 10px;display:inline-block}button.slab{font:inherit;text-align:left;cursor:pointer;border:0;width:100%;transition:translate .15s;position:relative}button.slab:hover{translate:0 -2px}button.slab:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.slab .cnt{background:var(--ink);color:var(--bg);font:700 11px var(--f-mono);border-radius:999px;padding:2px 7px;position:absolute;top:32px;right:10px}.sets{flex-wrap:wrap;align-items:flex-start;gap:22px 16px;display:flex}.set{flex:0 auto;min-width:0;max-width:100%;margin:0}.set .grid{flex-wrap:wrap;gap:12px;display:flex}.set .grid>*{width:124px}.set-h,.set-bar{box-sizing:border-box;width:0;min-width:100%}.set-h{font:700 13px/1.2 var(--f-display);text-transform:uppercase;letter-spacing:.02em;gap:2px;margin:0 0 6px;display:grid}.set-h span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.set-h small{color:var(--muted);font:600 11px var(--f-mono);text-transform:none;letter-spacing:0}.set-bar{background:var(--line);border-radius:3px;height:5px;margin:0 0 8px;overflow:hidden}.set-bar i{background:linear-gradient(90deg, var(--accent), var(--gold));height:100%;display:block}.bigslab{--rx:0deg;--ry:0deg;box-sizing:border-box;background:var(--case);width:100%;max-width:300px;box-shadow:inset 0 0 0 1px #fffc, 0 0 0 1px var(--case-edge), 0 18px 40px #0000004d, var(--glow,0 0 0 transparent);border-radius:16px;padding:10px;position:relative}.bigslab.tilt{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));touch-action:pan-y;transition:transform .18s ease-out}.bigslab:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,#ffffff52,#fff0 30% 72%,#ffffff1f);position:absolute;inset:0}.blbl{box-sizing:border-box;background:linear-gradient(180deg, #ffe27a, var(--gold));color:#2a2000;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;height:54px;margin-bottom:8px;padding:5px 9px;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.blbl .l{min-width:0;font:700 9.5px/1.3 var(--f-mono);text-transform:uppercase;display:grid}.blbl .l>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.blbl .l b{font-size:11.5px}.blbl .r{text-align:right}.blbl .r small{font:700 9px/1.2 var(--f-mono);letter-spacing:.04em;white-space:nowrap;display:block}.blbl .r b{font:800 24px/1 var(--f-display)}.bigslab.g10 .blbl{background:linear-gradient(100deg,#f6a6c1,#a6d8f6,#b8f6a6,#f6e3a6,#f6a6c1) 0 0/300% 100%;animation:4s linear infinite holo}@keyframes holo{to{background-position:300% 0}}.win{background:color-mix(in srgb, var(--line) 60%, transparent);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff73,0 0 0 1px #00000026}.win img{aspect-ratio:63/88;object-fit:cover;width:100%;display:block}.win .holo{pointer-events:none;opacity:var(--ho,0);mix-blend-mode:overlay;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #fff9, #fff0 45%);transition:opacity .25s;position:absolute;inset:0}.bigslab.t5 .win .holo,.bigslab.t6 .win .holo{mix-blend-mode:color-dodge;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #ffffff73, #fff0 40%), linear-gradient(115deg, transparent 20%, #ff78dc4d 38%, #78dcff4d 52%, #b4ff8c47 66%, transparent 82%);background-size:100% 100%,220% 220%;background-position:center, var(--mx,50%) var(--my,50%)}.bigslab.raw{box-shadow:0 12px 30px #0000004d, var(--glow,0 0 0 transparent);background:0 0;border-radius:12px;padding:0}.bigslab.raw:after{display:none}.bigslab.raw .win{border-radius:12px}:is(.card-out,.op-slab,#viewer-slab).t3{--glow:0 0 22px 4px #78aaff80}:is(.card-out,.op-slab,#viewer-slab).t4{--glow:0 0 26px 6px #e2b43ba6}:is(.card-out,.op-slab,#viewer-slab):is(.t5,.t6){--glow:0 0 30px 8px #ff78c88c, 0 0 60px 14px #78dcff4d}body.op-lock{overflow:hidden}.op{--cw:220px;--ch:calc(var(--cw) * 88 / 63);--pw:calc(var(--cw) + 24px);--ph:calc(var(--ch) + 36px);--tp:calc(var(--ph) * .16);--lt:#ffffffe6;--bc:#ffffff59;z-index:1000;box-sizing:border-box;padding:84px 16px calc(18px + env(safe-area-inset-bottom));color:#f3f5fb;background:radial-gradient(at 50% 38%,#2c3668,#080a16 70%);flex-direction:column;align-items:center;animation:.25s ease-out op-in;display:flex;position:fixed;inset:0;overflow:hidden auto}.op:focus{outline:none}@keyframes op-in{0%{opacity:0}}@media (height<=720px){.op{--cw:184px}}@media (height<=590px){.op{--cw:150px}}.op.glow-silver{--lt:#bed7fff2;--bc:#aac8ff73}.op.glow-gold{--lt:#ffd66af2;--bc:#ffd25a8c}.op.glow-rainbow{--lt:#ff96dcf2;--bc:#ff96dc80}.op-x{width:44px;height:44px;color:inherit;font:400 28px/1 var(--f-display);cursor:pointer;z-index:6;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;position:absolute;top:10px;right:12px}.op-stage{width:var(--cw);height:var(--ch);flex:none;margin-top:auto;padding-top:0;position:relative}.op-stage:before{content:"";height:72px;position:absolute;bottom:100%;left:0;right:0}.op-burst{opacity:0;pointer-events:none;z-index:0;background:repeating-conic-gradient(from 0deg, var(--bc) 0 5deg, transparent 5deg 15deg);border-radius:50%;width:680px;height:680px;margin:-340px 0 0 -340px;position:absolute;top:50%;left:50%;-webkit-mask-image:radial-gradient(circle,#000 18%,#0000 66%);mask-image:radial-gradient(circle,#000 18%,#0000 66%)}.glow-rainbow .op-burst{background:repeating-conic-gradient(from 0deg, #ff78c899 0 5deg, transparent 5deg 12deg, #78dcff99 12deg 17deg, transparent 17deg 24deg, #ffe67899 24deg 29deg, transparent 29deg 36deg)}.op:is(.ph-slab,.ph-done):not(.glow-plain) .op-burst{opacity:.8;animation:.7s ease-out burst-in,22s linear infinite spin}@keyframes burst-in{0%{opacity:0;scale:.4}}@keyframes spin{to{rotate:360deg}}.op-pack{left:calc((var(--cw) - var(--pw)) / 2);top:calc((var(--ch) - var(--ph)) / 2);width:var(--pw);height:var(--ph);color:#fff;cursor:grab;touch-action:none;z-index:2;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;animation:2.6s ease-in-out infinite pk-float;position:absolute}.op-pack:focus-visible{outline-offset:6px;border-radius:16px;outline:3px solid #9db7ff}@keyframes pk-float{50%{translate:0 -8px;rotate:-1deg}}.op-top,.op-body{background:repeating-linear-gradient(115deg, #fff0 0 18px, #ffffff29 18px 22px), linear-gradient(135deg, var(--foil-a), var(--foil-b) 55%, var(--foil-c));background-size:var(--pw) var(--ph);display:block;position:absolute;left:0;right:0;overflow:hidden}.op-pack.hit .op-top,.op-pack.hit .op-body{color:#3a2600;background:repeating-linear-gradient(115deg,#fff0 0 18px,#ffffff38 18px 22px),linear-gradient(135deg,#f7d76b,#e2a93b 45%,#fff1b8 60%,#d18e1f);background-size:var(--pw) var(--ph)}.op-pack.hit .face b i{color:#8a4b00}.op-pack.hit .face{text-shadow:0 1px 2px #ffffff80}.op-top{height:var(--tp);background-position:0 0;border-radius:14px 14px 0 0;top:0;box-shadow:inset 2px 2px #ffffff59,inset -2px 0 #ffffff59}.op-body{top:var(--tp);background-position:0 calc(-1 * var(--tp));border-radius:0 0 14px 14px;place-items:center;display:grid;bottom:0;box-shadow:inset 2px -2px #ffffff59,inset -2px 0 #ffffff59,0 18px 40px #00000073}.op-pack .crimp{background:repeating-linear-gradient(90deg,#ffffff59 0 4px,#0000001f 4px 8px);height:20px;position:absolute;left:0;right:0}.op-pack .crimp.t{top:0}.op-pack .crimp.b{bottom:0}.op-pack .face{margin-top:calc(-.5 * var(--tp))}.op-cut{left:0;top:var(--tp);height:3px;box-shadow:0 0 10px 3px #ffffffe6, 0 0 26px 8px var(--lt);z-index:3;background:#fff;border-radius:2px;margin-top:-1px;display:block;position:absolute}.op-light{left:10%;right:10%;top:var(--tp);z-index:1;opacity:0;border-radius:50%;height:2px;display:block;position:absolute}.ph-tear .op-pack,.ph-rise .op-pack{cursor:default;animation:none}.ph-tear .op-cut{transition:width .16s ease-out;animation:.3s .22s forwards fade-out}.ph-rise .op-cut{opacity:0}.ph-tear .op-top,.ph-rise .op-top{animation:.5s cubic-bezier(.3,.6,.4,1) forwards tear-off}@keyframes tear-off{30%{transform:translate(8px,-4px)rotate(3deg)}to{opacity:0;transform:translate(140px,-170px)rotate(30deg)}}.ph-tear .op-light,.ph-rise .op-light{animation:1.2s ease-out forwards light}@keyframes light{40%{opacity:1;box-shadow:0 -12px 60px 26px var(--lt)}to{opacity:0;box-shadow:0 -12px 90px 30px var(--lt)}}.ph-rise .op-body{animation:.76s ease-in forwards body-out}@keyframes body-out{0%,38%{opacity:1;transform:none}to{transform:translateY(calc(var(--ph) * .9));opacity:0}}@keyframes fade-out{to{opacity:0}}.op-card{z-index:1;position:absolute;inset:0}.ph-tear .op-card{transform:translateY(calc(var(--tp) - 14px)) scale(.9);transform-origin:50% 0}.ph-rise .op-card{transform-origin:50% 0;animation:.76s cubic-bezier(.25,.8,.3,1) forwards rise-out}@keyframes rise-out{0%{transform:translateY(calc(var(--tp) - 14px)) scale(.9)}55%{transform:translateY(calc(var(--ch) * -.5)) scale(.93)}to{transform:none}}.ph-flip .op-card,.ph-slab .op-card,.ph-done .op-card{z-index:3}.flip{transform-style:preserve-3d;position:absolute;inset:0}.ph-flip .flip{animation:.64s cubic-bezier(.45,.05,.3,1) forwards flip}@keyframes flip{0%{transform:perspective(1100px)rotateY(0)}60%{transform:perspective(1100px)rotateY(200deg)scale(1.05)}to{transform:perspective(1100px)rotateY(180deg)}}.flip .face{backface-visibility:hidden;border-radius:12px;position:absolute;inset:0;overflow:hidden;box-shadow:0 12px 30px #00000073}.flip .front{background:#2b3142;transform:rotateY(180deg)}.flip .front img{object-fit:cover;width:100%;height:100%;display:block}.flip .back{box-sizing:border-box;background:radial-gradient(circle at 50% 50%, #3d5fe0 0 24%, #0000 25%), repeating-conic-gradient(from 0deg at 50% 50%, #1d2c76 0 10deg, #26398e 10deg 20deg);border:7px solid #d3daf0;place-items:center;display:grid}.flip .back b{font:800 26px/1 var(--f-display);letter-spacing:.06em;color:#fff}.flip .back b i{color:#ffe27a;font-style:normal}.op-slab{width:calc(var(--cw) + 20px);max-width:none;position:absolute;top:-72px;left:-10px}.ph-slab .op-slab{animation:.45s cubic-bezier(.2,.9,.3,1.2) case-in}@keyframes case-in{0%{scale:1.07}}.ph-slab .op-slab .blbl{animation:.6s cubic-bezier(.3,1.5,.5,1) .2s both label-drop}@keyframes label-drop{0%{opacity:0;transform:translateY(-46px)}}.ph-slab .op-slab:after{background:linear-gradient(110deg,#fff0 35%,#ffffffb3 50%,#fff0 65%) 0 0/260% 100%;animation:.8s ease-out .15s both gloss}@keyframes gloss{0%{background-position:130% 0}to{background-position:-30% 0}}.sparks{pointer-events:none;z-index:5;width:0;height:0;position:absolute;top:40%;left:50%}.sparks i{width:10px;height:10px;box-shadow:0 0 10px 3px var(--lt);opacity:0;background:#fff;border-radius:50%;position:absolute;top:-5px;left:-5px}.op:is(.is10,.glow-rainbow).ph-slab .sparks i{animation:1.1s ease-out .15s forwards spark}@keyframes spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}to{opacity:0;transform:rotate(var(--a)) translateY(-190px) scale(.3)}}.sparks i:first-child{--a:0deg}.sparks i:nth-child(2){--a:30deg}.sparks i:nth-child(3){--a:60deg}.sparks i:nth-child(4){--a:90deg}.sparks i:nth-child(5){--a:120deg}.sparks i:nth-child(6){--a:150deg}.sparks i:nth-child(7){--a:180deg}.sparks i:nth-child(8){--a:210deg}.sparks i:nth-child(9){--a:240deg}.sparks i:nth-child(10){--a:270deg}.sparks i:nth-child(11){--a:300deg}.sparks i:nth-child(12){--a:330deg}.op.is10.ph-slab:after{content:"";pointer-events:none;z-index:7;background:#fff;animation:.7s ease-out forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.op-cap{text-align:center;flex:none;width:min(540px,100%);min-height:150px;margin:26px 0 auto}.ph-rise .op-cap{opacity:0}.op-hint{color:#ffffffc7;margin:0 0 12px;font-size:14px}.op .call{justify-content:center}.op .call span{color:#ffffffb3}.op .chip{color:#fff;background:#ffffff14;border-color:#ffffff47}.op .chip.on{color:#10131c;background:#fff;border-color:#fff}.op-done{animation:.4s ease-out fade-up}@keyframes fade-up{0%{opacity:0;translate:0 10px}}.op-done h2{color:#fff;font:700 24px/1.15 var(--f-display);text-transform:uppercase;letter-spacing:.02em;margin:4px 0}.op-done .meta{color:#ffffffb8;margin:0 0 6px;font-size:14px}.op-grade{font:700 16px var(--f-mono);color:#ffe27a;margin:0 0 10px}.op-done .called{margin:0 0 10px;font-weight:700}.op-done .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.op .play{cursor:pointer;border:0}.op .play.alt{color:#fff;border:1px solid #fff6}@media (prefers-reduced-motion:reduce){.op,.op *,.op:after,.viewer,.card-out,.bigslab.g10 .blbl{animation:none!important}.bigslab.tilt{transform:none}}.viewer{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a14bd;padding:16px;animation:.2s ease-out op-in;display:grid;position:fixed;inset:0;overflow-y:auto}.v-box{box-sizing:border-box;background:var(--bg);width:min(880px,100%);color:var(--ink);border-radius:16px;margin:auto;padding:22px;position:relative;box-shadow:0 30px 80px #00000080}.v-box .op-x{color:var(--ink);border-color:var(--line);background:var(--surface)}.v-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:24px;display:grid}.v-card{justify-items:center;gap:8px;display:grid}.v-tip{text-align:center;margin:0}.v-box .facts>:first-child{margin-right:50px}@media (width<=680px){.v-grid{grid-template-columns:minmax(0,1fr)}.v-card .bigslab{max-width:270px}.v-box{padding:16px}.v-box .facts>:first-child{margin-right:0}.v-card{margin-top:36px}}@media (width<=480px){.set .grid>*{width:104px}.sets{gap:18px 12px}}.notice{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:14.5px}.notice.good{border-left-color:var(--accent)}.notice a{color:var(--accent);font-weight:700}.op-err{color:#ffd2c2;font-weight:700}.bigslab.sealed .blbl{color:#1d2a4a;background:linear-gradient(#dfe6f5,#b9c6e2)}.bigslab.sealed .blbl .r b{opacity:.75}.slab.sealed .lbl{color:#1d2a4a;background:linear-gradient(#dfe6f5,#b9c6e2)}.signin-card{justify-items:center;gap:10px;max-width:560px;margin:0 auto 18px;line-height:1.5;display:grid}.signin-card .row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.signin-card .play{color:var(--surface)}.signin-card .play.alt{color:var(--ink)}.signin-card .held{color:var(--ink);font-weight:700}.reveal-op{justify-content:flex-start;gap:18px;padding-top:56px}.rv-head{text-align:center}.rv-head h2{color:#fff;font:700 26px var(--f-display);text-transform:uppercase;border:0;margin:0 0 4px;padding:0}.rv-head p{color:#ffffffc7;margin:0}.rv-grid{flex-wrap:wrap;justify-content:center;gap:16px;max-width:900px;display:flex}.rv-item{width:170px;animation:.45s ease-out both rv-in}.rv-item .bigslab{max-width:none}.rv-item .blbl{animation:.6s cubic-bezier(.3,1.5,.5,1) both label-drop;animation-delay:inherit}.rv-item .bigslab.g10{box-shadow:0 0 26px 8px #ff96dc8c,0 0 60px 14px #78dcff59}@keyframes rv-in{0%{opacity:0;translate:0 16px}}.rv-row{justify-content:center;margin-bottom:24px;display:flex}@media (width<=480px){.rv-item{width:140px}}@media (prefers-reduced-motion:reduce){.rv-item,.rv-item .blbl{animation:none!important}}