@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff")}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/poppins-latin-800-normal-Bd8-pIP1.woff2) format("woff2"),url(/assets/poppins-latin-800-normal-YoItoZZV.woff) format("woff")}:root{--red: #b32119;--yellow: #f6c531;--orange: #f88c08;--black: #121212;--panel: #232323;--cream: #f4efe6;--white: #ffffff;--muted: #bdbdbd;--radius-card: 18px;--radius-panel: 28px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--black);color:var(--white);font-family:Poppins,system-ui,sans-serif;font-size:16px;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;user-select:none;-webkit-user-select:none}#ui>*{pointer-events:auto}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#1212128c}.panel{width:min(100%,380px);padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:var(--black);border-radius:var(--radius-panel);box-shadow:0 12px 32px #00000059}.panel .logo{width:220px;max-width:70%;height:auto;margin-bottom:4px}.panel h1{margin:0;font-size:40px;line-height:1.1;font-weight:800}.panel p{margin:0;color:var(--muted)}.panel small{color:var(--muted);font-size:12px;opacity:.7}.badge{padding:4px 12px;border-radius:999px;background:var(--yellow);color:var(--black);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.btn{min-width:180px;min-height:52px;margin:8px 0 4px;padding:0 28px;border:0;border-radius:999px;font:inherit;font-size:18px;font-weight:600;cursor:pointer;transition:transform .12s ease}.btn:active{transform:scale(.96)}.btn:focus-visible,.action-btn:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.btn-primary{background:var(--red);color:var(--white)}.hint{position:absolute;left:50%;top:calc(64px + env(safe-area-inset-top,0px));transform:translate(-50%);max-width:calc(100% - 32px);padding:8px 16px;border-radius:999px;background:var(--black);color:var(--white);font-size:14px;text-align:center;pointer-events:none;transition:opacity .8s ease}.hint.gone{opacity:0}.joy-zone{position:absolute;left:0;bottom:0;width:60%;height:55%;touch-action:none}.joy-base{position:absolute;left:calc(84px + var(--safe-left));top:calc(100% - 96px - var(--safe-bottom));width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:#12121259;border:2px solid rgba(255,255,255,.5);pointer-events:none}.joy-base.active{background:#12121280}.joy-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:var(--white);box-shadow:0 2px 6px #0000004d}.action-btn{position:absolute;right:calc(28px + var(--safe-right));bottom:calc(52px + var(--safe-bottom));width:76px;height:76px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--red);color:var(--yellow);box-shadow:0 4px 10px #0000004d;touch-action:none;cursor:pointer}.action-btn:active{transform:scale(.94)}#ui:has(.screen) .joy-zone,#ui:has(.screen) .action-btn{display:none}@media(prefers-reduced-motion:reduce){.btn,.hint{transition:none}}.hud{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:calc(12px + var(--safe-left));display:flex;gap:8px;pointer-events:none}.hud-pill{display:flex;align-items:center;gap:8px;min-height:40px;padding:4px 16px 4px 4px;border-radius:999px;background:var(--black);color:var(--white);font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.hud-coin{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:var(--orange)}.hud-pill.pop{animation:pop .25s ease}@keyframes pop{40%{transform:scale(1.12)}}#ui:has(.screen) .hud{display:none}@media(prefers-reduced-motion:reduce){.hud-pill.pop{animation:none}}.hud-life{padding-right:12px}.hud-heart{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:var(--white)}.life-track{display:flex;gap:4px}.life-seg{width:22px;height:12px;border-radius:4px;background:var(--yellow);transition:background-color .2s ease}.life-seg.empty{background:#ffffff2e}.hud-life.low .life-seg:not(.empty){background:var(--red)}.hud-pill.hurt{animation:hurt .4s ease}@keyframes hurt{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.hud-pill{position:relative}.hud-loss{position:absolute;left:100%;top:50%;margin-left:8px;padding:2px 10px;border-radius:999px;background:var(--red);color:var(--white);font-size:16px;font-weight:800;opacity:0;transform:translateY(-50%)}.hud-loss.show{animation:loss 1.6s ease forwards}@keyframes loss{0%{opacity:0;transform:translateY(-50%) scale(.6)}12%,70%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-120%) scale(1)}}@media(prefers-reduced-motion:reduce){.hud-pill.hurt{animation:none}}.knockout{position:absolute;left:50%;top:28%;width:min(calc(100% - 32px),320px);padding:20px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--black);border:3px solid var(--red);border-radius:var(--radius-panel);box-shadow:0 12px 32px #00000059;transform:translate(-50%,-50%);animation:knockout-in .3s cubic-bezier(.2,1.4,.4,1);transition:opacity .35s ease;pointer-events:none}.knockout strong{font-size:40px;line-height:1;font-weight:800;text-transform:uppercase;color:var(--yellow)}.knockout p{margin:0;font-size:15px;color:var(--white)}.knockout.gone{opacity:0}@keyframes knockout-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}}@media(prefers-reduced-motion:reduce){.knockout{animation:none;transition:none}}.hud{flex-wrap:wrap;right:calc(12px + var(--safe-right))}.hud-threat{padding:4px 14px;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.hud-threat.hot{background:var(--red)}.toast{position:absolute;left:50%;top:calc(140px + env(safe-area-inset-top,0px));max-width:calc(100% - 32px);padding:8px 18px;border-radius:999px;background:var(--yellow);color:var(--black);font-size:14px;font-weight:600;text-align:center;transform:translate(-50%);transition:opacity .5s ease;pointer-events:none}.toast.gone{opacity:0}#ui>.hud-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui:has(.screen) .hud-root{display:none}.hud-clock{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--white);color:var(--black)}.hud-timer.low{background:var(--red)}.hud-effects{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px}.effect{padding:3px 12px;border-radius:999px;background:var(--black);border:2px solid var(--effect, var(--yellow));color:var(--white);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.prompt{position:absolute;left:50%;bottom:calc(150px + var(--safe-bottom));max-width:calc(100% - 32px);min-height:48px;padding:8px 22px;border:0;border-radius:999px;background:var(--black);color:var(--white);font:inherit;font-size:15px;font-weight:600;box-shadow:0 6px 16px #0000004d;transform:translate(-50%);pointer-events:auto;cursor:pointer}.prompt[hidden]{display:none}.prompt[data-tone=good]{background:var(--yellow);color:var(--black)}.prompt[data-tone=bad],.prompt[data-tone=warn]{background:var(--red)}.prompt:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@media(pointer:fine){.prompt{bottom:40px}}.world-label{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;padding:3px 12px 4px;border-radius:12px;background:var(--black);color:var(--white);white-space:nowrap;will-change:transform}.world-label strong{font-size:15px;font-weight:800}.world-label span{font-size:11px;font-weight:600}.world-label span:empty{display:none}.world-label[data-tone=good]{background:#1f7a3d}.world-label[data-tone=bad]{background:var(--red)}.world-label[data-tone=warn]{background:var(--yellow);color:var(--black)}.notice{position:absolute;left:50%;top:30%;width:min(calc(100% - 32px),330px);padding:20px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;background:var(--black);border:3px solid var(--yellow);border-radius:var(--radius-panel);box-shadow:0 12px 32px #00000059;transform:translate(-50%,-50%);animation:knockout-in .3s cubic-bezier(.2,1.4,.4,1);transition:opacity .35s ease;pointer-events:none}.notice[data-tone=bad]{border-color:var(--red)}.notice strong{font-size:30px;line-height:1.05;font-weight:800;text-transform:uppercase;color:var(--yellow)}.notice p{margin:0;font-size:15px}.notice.gone{opacity:0}.notice-face,.face{display:block;width:72px;height:72px;flex:none}.notice-face{margin-top:-56px}.notice-face svg,.face svg{width:100%;height:100%;display:block}.toast[data-tone=bad],.toast[data-tone=warn]{background:var(--red);color:var(--white)}.toast[data-tone=good]{background:#1f7a3d;color:var(--white)}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.button-row .btn{min-width:0;margin:0;font-size:16px;text-decoration:none;display:inline-grid;place-items:center}.btn-dark{background:var(--panel);color:var(--white)}.btn-ghost{background:#ffffff1f;color:var(--white)}.btn:disabled{opacity:.4;cursor:not-allowed}.panel h2{margin:0;font-size:26px;font-weight:800}.screen.intro{place-items:end center;padding-bottom:calc(28px + var(--safe-bottom));background:#12121259}.bubble{width:min(100%,420px);padding:22px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--white);color:var(--black);border-radius:var(--radius-panel);box-shadow:0 12px 32px #00000059}.bubble .face{width:88px;height:88px;margin-top:-66px}.bubble p{margin:0;min-height:3.2em;font-size:17px;font-weight:600}.bubble .btn-ghost{background:#f3f3f4;color:var(--black)}.inspect .panel{width:min(100%,400px);gap:10px}.inspect-view{border-radius:var(--radius-card);touch-action:none;cursor:grab}.inspect-scale{display:flex;flex-direction:column;padding:8px 18px;border-radius:var(--radius-card);background:var(--panel)}.inspect-scale strong{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}.inspect-scale strong.flag{color:var(--yellow)}.inspect-scale span,.inspect-hint{font-size:13px;color:var(--muted)}.sunburst{background:radial-gradient(circle at 50% 42%,rgba(248,140,8,.55),transparent 60%),repeating-conic-gradient(from 0deg at 50% 42%,#b32119,#b32119 10deg,#9c1b14 10deg,#9c1b14 20deg)}.results{overflow-y:auto}.results .panel{width:min(100%,400px)}.stack{display:flex;flex-direction:column;font-size:44px;line-height:.98;font-weight:800;text-transform:uppercase}.stack .accent{color:var(--yellow)}.stars{display:flex;gap:6px}.star{width:44px;height:44px;color:#ffffff29}.star.on{color:var(--yellow)}.verdict{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-card);background:var(--panel);text-align:left}.verdict p{color:var(--white);font-size:14px}.breakdown{width:100%;margin:4px 0;display:grid;grid-template-columns:1fr auto;gap:6px 12px;text-align:left;font-size:15px}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.breakdown dd.minus{color:#ff6a5c}.breakdown .total{padding-top:8px;border-top:1px solid rgba(255,255,255,.18);color:var(--white);font-size:22px;font-weight:800}.breakdown dd.total{color:var(--yellow)}@media(prefers-reduced-motion:reduce){.notice{animation:none;transition:none}}.inspect-clock{padding:2px 12px;border-radius:999px;background:var(--panel);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.inspect-clock.low{background:var(--red)}.loss-score{font-size:22px;font-weight:800;color:var(--white)!important}:root{--tilt-x: 0;--tilt-y: 0}.card{position:relative;display:block;aspect-ratio:5 / 7;border-radius:6%/4.3%;overflow:hidden;background:#121212;isolation:isolate}.card canvas{display:block;width:100%;height:100%}.card .foil,.card .glare{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.card .foil{background:repeating-linear-gradient(calc(115deg + var(--tilt-x) * 25deg),#ff3c78e6,#ffdc50e6,#50ffaae6,#46b4ffe6,#be6effe6,#ff3c78e6 40%);background-size:260% 260%;background-position:calc(50% + var(--tilt-x) * 45%) calc(50% + var(--tilt-y) * 45%);mix-blend-mode:overlay}.card .glare{background:radial-gradient(circle at calc(50% + var(--tilt-x) * 45%) calc(40% + var(--tilt-y) * 45%),#ffffff8c,#fff0 55%);mix-blend-mode:soft-light}.card[data-rarity=HR] .foil{opacity:.55;clip-path:inset(12.9% 6% 40% 6% round 3%)}.card[data-rarity=HR] .glare,.card[data-rarity=AR] .glare{opacity:.5}.card[data-rarity=AR] .foil{opacity:.22}.card[data-rarity=SR] .foil,.card[data-rarity=SR] .glare,.card[data-rarity=SAR] .glare,.card[data-rarity=SG] .glare,.card[data-rarity=GRAIL] .glare{opacity:.6}.card[data-rarity=SAR] .foil{opacity:.6;background:repeating-linear-gradient(45deg,rgba(255,255,255,.28) 0 1px,transparent 1px 9px),repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 1px,transparent 1px 11px),repeating-linear-gradient(calc(115deg + var(--tilt-x) * 25deg),#ff3c78e6,#ffdc50e6,#50ffaae6,#46b4ffe6,#be6effe6,#ff3c78e6 40%);background-size:auto,auto,260% 260%;background-position:calc(var(--tilt-x) * 12px) 0,calc(var(--tilt-y) * 12px) 0,calc(50% + var(--tilt-x) * 45%) calc(50% + var(--tilt-y) * 45%)}.card[data-rarity=SG] .foil,.card[data-rarity=GRAIL] .foil{opacity:.6;background:linear-gradient(calc(105deg + var(--tilt-x) * 20deg),transparent 30%,rgba(255,244,190,.95) 46%,rgba(255,255,255,1) 50%,rgba(255,214,90,.95) 54%,transparent 70%);background-size:300% 100%;mix-blend-mode:overlay;animation:gold-sheen 2.6s linear infinite}@keyframes gold-sheen{0%{background-position:130% 0}to{background-position:-30% 0}}.card[data-rarity=GRAIL]{box-shadow:0 0 0 3px #fff,0 0 24px 6px #ffd75acc}.card[data-rarity=GRAIL]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:conic-gradient(from calc(var(--tilt-x) * 120deg),#ff4d8d,#ffd75a,#5affb0,#5ab8ff,#c07aff,#ff4d8d);mix-blend-mode:overlay;opacity:.4}.card.mini{width:54px;flex:none}.card.mini .foil,.card.mini .glare{animation:none}.screen.packs{background:#121212b8;overflow:hidden}.packs-stage{width:min(100%,440px);min-height:min(100%,640px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.stack.small{font-size:34px}.pack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;width:100%}.pack-choice{aspect-ratio:360 / 560;padding:0;border:0;border-radius:6px;background:center / cover no-repeat;cursor:pointer;transition:transform .15s ease,filter .15s ease}.pack-choice[aria-pressed=true]{transform:translateY(-10px) scale(1.06);outline:3px solid var(--yellow);outline-offset:2px}.pack-grid:has([aria-pressed=true]) .pack-choice[aria-pressed=false]{filter:brightness(.6)}.pack-choice:focus-visible,.pack:focus-visible,.flip:focus-visible,.slot.owned:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.packs-header{margin:0;padding:4px 14px;border-radius:999px;background:var(--yellow);color:var(--black);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.packs-hint{margin:0;min-height:1.5em;font-size:15px;font-weight:600;color:var(--white)}.pack-area{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.pack{position:relative;aspect-ratio:360 / 560;touch-action:none;cursor:grab;animation:pack-in .35s cubic-bezier(.2,1.3,.4,1)}.pack-top,.pack-body{position:absolute;top:0;right:0;bottom:0;left:0;background:center / 100% 100% no-repeat;transition:transform .5s ease,opacity .5s ease}.pack-top{clip-path:inset(0 0 91% 0)}.pack-body{clip-path:inset(9% 0 0 0)}.tear-line{position:absolute;left:0;top:9%;width:calc(var(--tear, 0) * 100%);height:3px;margin-top:-1px;background:#fff;box-shadow:0 0 8px 2px #fffc}.pack.torn .pack-top{transform:translate(40%,-120%) rotate(24deg);opacity:0}.pack.torn .pack-body{transform:translateY(40%);opacity:0}.pack.torn .tear-line{display:none}@keyframes pack-in{0%{transform:translateY(40px) scale(.8);opacity:0}}.flip{position:relative;aspect-ratio:5 / 7;padding:0;border:0;background:none;perspective:1200px;cursor:pointer;animation:pack-in .25s ease;transition:transform .22s ease,opacity .22s ease}.flip-inner{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.3,1.2,.5,1);transform:rotateX(calc(var(--tilt-y) * -6deg)) rotateY(calc(var(--tilt-x) * 8deg))}.flip.flipped .flip-inner{transform:rotateX(calc(var(--tilt-y) * -6deg)) rotateY(calc(180deg + var(--tilt-x) * 8deg))}.flip-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6%/4.3%;box-shadow:0 10px 26px #00000073}.flip-front{transform:rotateY(180deg)}.flip.rare-slot .flip-back{box-shadow:0 0 0 3px var(--yellow),0 10px 26px #00000073}.flip.charging{animation:tremble .12s linear infinite}.flip.charging .flip-back,.flip.lit .flip-front{box-shadow:0 0 34px 10px var(--hint),0 10px 26px #00000073}.flip.away{transform:translateY(60%) scale(.3);opacity:0}@keyframes tremble{0%{transform:translate(-2px,1px) rotate(-.6deg)}50%{transform:translate(2px,-1px) rotate(.6deg)}to{transform:translate(-1px,2px) rotate(-.3deg)}}.rays{position:absolute;left:50%;top:50%;width:260%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:repeating-conic-gradient(var(--hint) 0deg 6deg,transparent 6deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 68%);mask-image:radial-gradient(circle,#000 20%,transparent 68%);opacity:0;pointer-events:none}.flip.lit .rays{opacity:.5;animation:rays-turn 9s linear infinite}@keyframes rays-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}.reveal-caption{min-height:28px;display:flex;align-items:center;gap:10px;font-size:15px;color:var(--white)}.reveal-caption strong{font-size:18px;font-weight:800;text-transform:uppercase}.new-badge{padding:1px 9px;border-radius:999px;background:var(--yellow);color:var(--black);font-size:11px;font-weight:800;text-transform:uppercase}.cheer{position:absolute;left:-6px;bottom:44px;display:flex;align-items:center;gap:6px;padding:4px 14px 4px 4px;border-radius:999px;background:var(--white);color:var(--black);font-size:14px;font-weight:800;box-shadow:0 6px 16px #00000059;animation:pack-in .3s cubic-bezier(.2,1.4,.4,1);pointer-events:none}.cheer .face{width:44px;height:44px}.cheer p{margin:0}.card-tray{display:flex;justify-content:center;gap:6px;min-height:76px}.bit{position:absolute;left:50%;top:45%;width:10px;height:14px;border-radius:2px;pointer-events:none;animation:bit-fly .85s cubic-bezier(.1,.7,.3,1) forwards}@keyframes bit-fly{to{transform:translate(var(--dx),var(--dy)) rotate(var(--spin));opacity:0}}.screen.shake .packs-stage{animation:shake .45s ease}@keyframes shake{20%{transform:translate(-7px,4px)}40%{transform:translate(6px,-5px)}60%{transform:translate(-4px,-3px)}80%{transform:translate(3px,4px)}}.screen.packs.grail{background:radial-gradient(circle at 50% 45%,#ffd75a59,#000000f0 70%);transition:background 1.2s ease}.grail-shout{position:absolute;top:-8px;left:50%;transform:translate(-50%) rotate(-4deg);white-space:nowrap;font-size:46px;text-shadow:0 4px 0 rgba(0,0,0,.5);animation:pack-in .5s cubic-bezier(.2,1.6,.4,1);pointer-events:none}.pull-grid{display:grid;grid-template-columns:repeat(5,62px);gap:8px;justify-content:center}.pull{position:relative}.pull .new-badge{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);font-size:9px;padding:0 6px}.screen.binder{background:#121212d1;overflow-y:auto;z-index:5}.binder .panel{width:min(100%,420px);gap:8px}.binder-stats{font-size:13px}.binder-bar{width:100%;height:8px;border-radius:999px;background:var(--panel);overflow:hidden}.binder-bar span{display:block;height:100%;background:var(--yellow);border-radius:999px}.binder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;padding:10px;border-radius:var(--radius-card);background:var(--panel)}.slot{position:relative;padding:0;border:0;background:none}.slot.owned{cursor:pointer}.slot .count{position:absolute;right:4px;top:4px;padding:0 7px;border-radius:999px;background:var(--black);color:var(--yellow);font-size:12px;font-weight:800}.binder-nav{display:flex;align-items:center;gap:14px;font-size:14px}.binder-nav .btn{min-width:48px;min-height:48px;margin:0;padding:0;font-size:24px}.card-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-items:center;padding:0;border:0;background:#000000db;cursor:zoom-out}.card-zoom .card{width:min(80vw,340px,calc((100vh - 80px) * 5 / 7));box-shadow:0 16px 40px #0009;transform:perspective(900px) rotateX(calc(var(--tilt-y) * -10deg)) rotateY(calc(var(--tilt-x) * 12deg))}@media(prefers-reduced-motion:reduce){.flip.charging,.flip.lit .rays,.screen.shake .packs-stage,.card[data-rarity=SG] .foil,.card[data-rarity=GRAIL] .foil,.bit{animation:none}.bit{display:none}.flip-inner{transition-duration:.01s}}.screen.packs{background:radial-gradient(circle at 50% 45%,#b3211959,#121212e6 70%);transition:background .5s ease}.screen.packs.spotlight{background:radial-gradient(circle at 50% 42%,#ffffff29,#000000f2 62%)}.points-counter{position:absolute;top:calc(14px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);display:flex;align-items:baseline;gap:10px;padding:6px 18px;border-radius:999px;background:var(--black);border:2px solid var(--yellow);font-size:13px;white-space:nowrap;z-index:2}.points-counter[hidden]{display:none}.points-counter strong{font-size:22px;font-weight:800;color:var(--yellow);font-variant-numeric:tabular-nums}.points-counter.bump{animation:counter-bump .35s ease}@keyframes counter-bump{40%{transform:translate(-50%) scale(1.18)}}.slam{animation:slam .45s cubic-bezier(.2,1.7,.4,1) both}@keyframes slam{0%{transform:scale(2.6) rotate(-6deg);opacity:0}}.pack-choice{animation:pack-drop .5s cubic-bezier(.2,1.4,.4,1) both,pack-float 2.6s ease-in-out infinite;animation-delay:calc(var(--i) * .06s),calc(.6s + var(--i) * .21s);box-shadow:0 6px 14px #0006}.pack-choice[aria-pressed=true]{animation:none;box-shadow:0 0 22px 4px #f6c531cc}@keyframes pack-drop{0%{transform:translateY(-120px) rotate(-14deg);opacity:0}}@keyframes pack-float{50%{transform:translateY(-5px) rotate(1.2deg)}}.btn.ready{animation:ready-pulse 1s ease-in-out infinite}@keyframes ready-pulse{50%{transform:scale(1.07);box-shadow:0 0 22px 4px #f6c531b3}}.pack{animation:pack-land .55s cubic-bezier(.2,1.5,.4,1),pack-idle 2.2s ease-in-out .6s infinite;filter:drop-shadow(0 16px 22px rgba(0,0,0,.55))}.pack.tearing,.pack.torn{animation:pack-rattle .1s linear infinite}.pack.torn{animation:none}@keyframes pack-land{0%{transform:translateY(-140%) rotate(-18deg) scale(.7);opacity:0}}@keyframes pack-idle{50%{transform:translateY(-8px) rotate(-1.5deg)}}@keyframes pack-rattle{0%{transform:translate(-2px,1px) rotate(-1deg)}50%{transform:translate(2px,-1px) rotate(1deg)}to{transform:translate(-1px,-2px) rotate(-.5deg)}}.pack-top{transform-origin:0 100%;transform:translateY(calc(var(--tear, 0) * -10px)) rotate(calc(var(--tear, 0) * -7deg));transition:none}.pack.torn .pack-top{transition:transform .5s ease,opacity .5s ease;transform:translate(60%,-220%) rotate(40deg)}.pack.torn .pack-body{transform:translateY(70%) scale(.9)}.tear-line{height:4px;box-shadow:0 0 14px 4px var(--hint, #fff)}.pack-leak{position:absolute;top:-30%;right:-40%;bottom:-30%;left:-40%;border-radius:50%;background:radial-gradient(circle,var(--hint) 0%,transparent 62%);opacity:0;pointer-events:none}.pack.has-hit .pack-leak{opacity:calc(var(--tear, 0) * .9)}.pack.has-hit:not(.tearing):not(.torn) .pack-leak{animation:leak-tease 2.4s ease-in-out infinite}@keyframes leak-tease{50%{opacity:.22}}.tear-finger{position:absolute;top:9%;left:0;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 0 6px #ffffff4d;animation:finger-swipe 1.5s ease-in-out infinite;pointer-events:none}.pack.tearing .tear-finger,.pack.torn .tear-finger{display:none}@keyframes finger-swipe{0%{left:6%;opacity:0}20%{opacity:1}80%{left:94%;opacity:1}to{left:94%;opacity:0}}.deal{position:relative;aspect-ratio:5 / 7}.deal-card{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:0 6px 16px #00000080;transform:translate(calc(var(--i) * 3px),calc(var(--i) * -3px));animation:deal-out .45s cubic-bezier(.2,1.3,.4,1) both}@keyframes deal-out{0%{transform:translateY(160%) rotate(calc(-30deg + var(--i) * 15deg)) scale(.5);opacity:0}}.under{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.under-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:6%/4.3%;background:#121212;border:2px solid #b32119;transform:translate(calc(var(--i) * 4px),calc(var(--i) * 4px));opacity:calc(1 - var(--i) * .18)}.flip.flipped .flip-inner{transform:rotateX(calc(var(--tilt-y) * -6deg)) rotateY(calc(var(--turns, 180deg) + var(--tilt-x) * 8deg));transition-duration:.6s}.flip.flipped{animation:flip-hop .5s ease}@keyframes flip-hop{40%{transform:translateY(-22px) scale(1.07)}}.flip.charging{animation:heartbeat .5s ease-in-out infinite,tremble .09s linear infinite}.flip.charging .flip-back{animation:charge-glow var(--build, 1s) ease-in forwards}@keyframes heartbeat{0%,to{scale:1}30%{scale:1.09}60%{scale:.98}}@keyframes charge-glow{0%{box-shadow:0 0 10px 2px #ffffff80}60%{box-shadow:0 0 40px 12px #ffffffd9}to{box-shadow:0 0 80px 30px var(--hint)}}.flip.lit .flip-front{animation:lit-pulse 1.6s ease-in-out infinite}@keyframes lit-pulse{50%{box-shadow:0 0 60px 20px var(--hint),0 10px 26px #00000073}}.flip.lit .rays{opacity:.7}.slot-tag,.banner{position:absolute;left:50%;top:-18px;translate:-50% 0;padding:4px 18px;border-radius:999px;white-space:nowrap;font-weight:800;text-transform:uppercase;pointer-events:none;z-index:3}.slot-tag{background:var(--yellow);color:var(--black);font-size:16px;letter-spacing:.06em}.banner{top:-56px;background:var(--black);color:var(--hint);border:3px solid var(--hint);font-size:26px;rotate:-4deg;box-shadow:0 0 30px 6px var(--hint)}.gain{animation:gain-pop .5s cubic-bezier(.2,1.8,.4,1);font-weight:800;color:var(--yellow)}@keyframes gain-pop{0%{transform:translateY(18px) scale(.4);opacity:0}}.cheer.sniffing{animation:pack-in .3s ease,sniff-wobble .5s ease-in-out .3s infinite}@keyframes sniff-wobble{50%{transform:rotate(-4deg) translateY(-3px)}}.flash{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;animation:flash-out .45s ease-out forwards;z-index:4}@keyframes flash-out{0%{opacity:.75}to{opacity:0}}.shockwave{position:absolute;left:50%;top:45%;width:60px;height:60px;margin:-30px 0 0 -30px;border:6px solid #fff;border-radius:50%;pointer-events:none;animation:shockwave .7s ease-out forwards}@keyframes shockwave{to{transform:scale(11);opacity:0;border-width:1px}}.bit{animation-duration:var(--life, .85s);z-index:3}.bit.bolt{width:12px;height:20px;border-radius:0;clip-path:polygon(55% 0,22% 55%,48% 55%,37% 100%,78% 40%,52% 40%,70% 0)}.pop-in{animation:pop-in .4s cubic-bezier(.2,1.6,.4,1) both;animation-delay:calc(.25s + var(--i) * .07s)}@keyframes pop-in{0%{transform:scale(0) rotate(-20deg);opacity:0}}@media(prefers-reduced-motion:reduce){.slam,.pack-choice,.btn.ready,.pack,.pack.tearing,.tear-finger,.deal-card,.flip.flipped,.flip.charging,.flip.charging .flip-back,.flip.lit .flip-front,.cheer.sniffing,.flash,.shockwave,.pop-in,.points-counter.bump,.pack.has-hit .pack-leak{animation:none!important}.flash,.shockwave{display:none}}.screen.title{overflow-y:auto;place-items:start center}.panel.menu{width:min(100%,420px);margin:auto 0;gap:12px;padding-top:22px}.panel.menu .logo{width:190px}.levels{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.level-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:0;border-radius:var(--radius-card);background:var(--panel);color:var(--white);font:inherit;text-align:left}.level-tile strong{font-size:15px;font-weight:800;line-height:1.15}.level-number{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--yellow)}.level-note{font-size:12px;color:var(--muted)}.level-tile.open{grid-column:1 / -1;padding:16px;background:var(--red);cursor:pointer;position:relative;min-height:96px}.level-tile.open strong{font-size:30px}.level-tile.open .level-note{color:#ffffffd9;max-width:70%}.level-go{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:10px 22px;border-radius:999px;background:var(--yellow);color:var(--black);font-size:17px;font-weight:800}.level-tile.open:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.level-tile.locked{opacity:.6}.menu-grid{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.menu-grid .btn,.panel.menu>.btn{min-width:0;width:100%;margin:0;font-size:15px;text-decoration:none;display:grid;place-items:center}.menu-daily{display:flex!important;flex-direction:column;justify-content:center;line-height:1.15}.menu-daily small{font-size:11px;opacity:.8;color:inherit}.menu-daily.ready{background:var(--yellow);color:var(--black)}.menu-footer{display:flex;gap:16px;font-size:13px}.menu-footer a{color:var(--muted)}.hud-sound{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + var(--safe-right));width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--black);color:var(--white);pointer-events:auto;cursor:pointer}.hud-sound:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.hud{right:calc(64px + var(--safe-right))}.signup{width:100%;padding:14px;border-radius:var(--radius-card);background:var(--panel);text-align:left}.signup h2{font-size:20px;margin-bottom:4px}.signup-note,.signup-prize{font-size:13px}.signup-prize{color:var(--yellow)!important;font-weight:600;margin-top:4px}.signup form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600}.field input{min-height:46px;padding:0 14px;border:2px solid transparent;border-radius:20px;background:var(--white);color:var(--black);font:inherit;font-size:16px}.field input:focus-visible{outline:none;border-color:var(--yellow)}.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.35;cursor:pointer}.consent input{flex:none;width:24px;height:24px;margin:0;accent-color:var(--red)}.consent a,.board a{color:var(--yellow)}.trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.form-error{min-height:1.2em;margin:0;font-size:13px;font-weight:600;color:#ff8a7d!important}.signup .btn{margin:0;width:100%}.signup-done{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.signup-done .rank{font-size:24px;font-weight:800;color:var(--yellow)}.voucher-box{width:100%;margin-top:6px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed var(--yellow);border-radius:var(--radius-card)}.voucher-code{font-size:26px;font-weight:800;letter-spacing:.06em;color:var(--white);user-select:all;-webkit-user-select:all}.summary-note{font-weight:600;color:var(--yellow)!important}.screen.board{background:#121212d1;z-index:5}.board .panel{width:min(100%,420px);max-height:100%;gap:8px}.board-prize{font-size:13px;color:var(--yellow)!important;font-weight:600}.board-own{font-size:14px;font-weight:600;color:var(--white)!important}.board-own:empty,.board-status:empty{display:none}.board-list{width:100%;margin:0;padding:6px;list-style:none;overflow-y:auto;border-radius:var(--radius-card);background:var(--panel);max-height:46vh}.board-list:empty{display:none}.board-list li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-radius:12px;font-size:15px;text-align:left}.board-list li.me{background:var(--yellow);color:var(--black);font-weight:800}.board-rank{font-weight:800;color:var(--muted);font-variant-numeric:tabular-nums}.board-list li:nth-child(-n+3) .board-rank{color:var(--yellow)}.board-list li.me .board-rank{color:var(--black)}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-total{font-weight:800;font-variant-numeric:tabular-nums}.busy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 24px;border-radius:999px;background:var(--black);color:var(--white);font-weight:600;z-index:6}.results .button-row .btn{font-size:14px;min-height:46px;padding:0 18px}#ui{touch-action:manipulation}#ui input,#ui textarea{user-select:text;-webkit-user-select:text}.level-number,.menu-daily small,.world-label span,.new-badge{font-size:12px}.pull .new-badge{font-size:10px}.menu-footer a{display:inline-grid;place-items:center;min-height:44px;padding:0 6px}.hint{top:auto;bottom:calc(210px + var(--safe-bottom))}@media(pointer:fine){.hint{bottom:100px}}.screen{overflow-y:auto}@media(max-height:520px){.panel{padding:16px}.stack{font-size:32px}.packs-stage{min-height:0}}