@font-face{font-family:Black Han Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/media/black-han-sans-static-22c81bace38d.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/media/barlow-condensed-600-5bc49d41f328.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/media/barlow-condensed-700-e3e520cb7468.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/media/barlow-condensed-800-89eec21b1a1d.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/media/barlow-condensed-900-2036f7f4aacc.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:italic;font-weight:800 900;font-display:swap;src:url(/assets/media/barlow-condensed-800-italic-73f94496e810.woff2) format("woff2")}:root{--bg: #0e1117;--panel: #161b22;--panel-2: #1f2630;--border: #2d353f;--text: #dde4ec;--muted: #7a8492;--accent: #b84040;--accent-2: #5a9db8;--good: #4a8050;--bad: #b84040;--warn: #c49040;--strike: #b07848;--grab: #7e6ea0;--rail-track: #0a0d12;--rail-border: #2d353f;--w-unit: 86px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:10px 16px;cursor:pointer;transition:background .12s,transform .05s}button:hover{background:#2a313b}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover{background:#e53935}button:disabled{opacity:.5;cursor:not-allowed}.screen{min-height:100cqh;display:flex;flex-direction:column}#lobby{align-items:center;justify-content:center;gap:40px;background:radial-gradient(ellipse 70% 35% at 50% -2%,rgba(79,195,247,.1),transparent),var(--bg)}.title-accent{background:linear-gradient(135deg,var(--accent-2),#80d8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}#lobby .status{color:var(--accent-2);min-height:22px;font-size:13px}.lobby-modes{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.mode-btn{width:158px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:22px 14px;background:linear-gradient(160deg,#ffffff08,#1f2630f2);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s;text-align:center}.mode-btn:hover{transform:translateY(-4px)}.mode-btn:active{transform:translateY(0) scale(.97)}.mode-btn.pvp{border-color:#ef535059;background:linear-gradient(160deg,#ef535012,#1f2630f2)}.mode-btn.pvp:hover{border-color:#ef5350a6;box-shadow:0 8px 28px #ef535033}.mode-btn.bot{border-color:#4fc3f759;background:linear-gradient(160deg,#4fc3f712,#1f2630f2)}.mode-btn.bot:hover{border-color:#4fc3f7a6;box-shadow:0 8px 28px #4fc3f733}.mode-name{font-size:16px;font-weight:700;letter-spacing:.3px}.mode-desc{font-size:11px;color:var(--muted)}.cancel-btn{font-size:13px;padding:8px 20px;color:var(--muted);border-color:var(--border)}#charSelect{align-items:center;justify-content:center;gap:32px;background:radial-gradient(ellipse 70% 35% at 50% -2%,rgba(79,195,247,.07),transparent),var(--bg)}.char-select-header{text-align:center}.char-select-mode-badge{display:inline-block;margin:0 0 10px;padding:3px 14px;border:1px solid rgba(79,195,247,.3);border-radius:999px;font-size:11px;color:var(--accent-2);letter-spacing:1.8px;text-transform:uppercase;background:#4fc3f70f}.char-select-title{margin:0;font-size:28px;font-weight:800;letter-spacing:1px}.char-list{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.char-btn{width:150px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:linear-gradient(175deg,#ffffff08,#1f2630f5);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:transform .1s,box-shadow .1s,border-color .1s,background .1s;text-align:center}.char-btn:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000059}.char-btn:active{transform:scale(.97)}.char-btn[data-char=balance].active{border-color:var(--accent-2);box-shadow:0 0 0 1px #5a9db833 inset;background:linear-gradient(175deg,#5a9db81a,#1f2630f5)}.char-btn[data-char=rushdown].active{border-color:#b06040;box-shadow:0 0 0 1px #b0604033 inset;background:linear-gradient(175deg,#b060401a,#1f2630f5)}.char-btn[data-char=bigman].active{border-color:var(--grab);box-shadow:0 0 0 1px #7e6ea033 inset;background:linear-gradient(175deg,#7e6ea01a,#1f2630f5)}.char-btn[data-char=standard].active{border-color:#4caf7a;box-shadow:0 0 0 1px #4caf7a33 inset;background:linear-gradient(175deg,#4caf7a1a,#1f2630f5)}.char-icon{font-size:32px;line-height:1}.char-name{font-size:17px;font-weight:700;color:var(--text);letter-spacing:.3px}.char-sub{font-size:11px;color:var(--muted);letter-spacing:.2px}.char-select-actions{display:flex;gap:12px;align-items:center}.back-btn{font-size:13px;padding:10px 22px;color:var(--muted);border-color:var(--border)}.back-btn:hover{color:var(--text)}.confirm-btn{font-size:15px;padding:12px 36px;border-radius:8px;letter-spacing:.5px}#game{--rail-gap: 6px;--rail-pad: 6px;--rail-height: calc(var(--w-unit) * 1.5 + var(--rail-gap) + var(--rail-pad) * 2 + 4px);--rail-width: calc(var(--w-unit) * 4 + var(--rail-gap) * 3 + var(--rail-pad) * 2);display:flex;flex-direction:column;min-height:unset;height:100cqh;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:var(--bg)}.game-zone{position:relative;z-index:5;flex-shrink:0;display:flex;flex-direction:column}.zone-top{gap:8px;padding:14px 16px 12px}.zone-bottom{gap:8px;padding:14px 16px 16px}.zone-hud{display:flex;align-items:center;gap:10px}.zone-hud .hp-block{flex:1;min-width:0}.zone-rail{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;overflow-x:clip;overflow-y:visible}.zone-rail-controls{display:flex;align-items:center;gap:12px}.hp-block{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-width:0}.char-badge{flex-shrink:0;width:64px;height:64px;border-radius:8px;border:2px solid var(--badge-color, var(--border));background:radial-gradient(circle at 50% 30%,var(--badge-color, rgba(79,195,247,.3)),transparent 70%),var(--panel-2);box-shadow:0 0 8px var(--badge-color, transparent);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:box-shadow .15s,border-color .15s}.char-badge .cb-portrait{width:100%;height:100%;object-fit:cover;display:block}.char-badge .cb-icon{font-size:22px;line-height:1}.char-badge .cb-label{font-size:9px;font-weight:700;color:var(--muted);letter-spacing:.3px;line-height:1}.hp-bar{flex:1;height:18px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.hp-bar .fill{height:100%;background:linear-gradient(90deg,var(--good),#43a047);transition:width .08s linear;position:relative;z-index:1}.loss-fill{position:absolute;left:0;top:0;bottom:0;width:100%;pointer-events:none}.hp-loss-fill{background:#ffffffd1;transition:width 1.15s cubic-bezier(.16,1,.3,1);z-index:0}.hp-block.opp .hp-bar .fill{background:linear-gradient(90deg,var(--bad),#c62828)}.hp-block.dmg-flash .fill{animation:hpDmgFlash .4s ease-out forwards}@keyframes hpDmgFlash{0%{filter:brightness(1)}20%{filter:brightness(2.2) saturate(1.5)}to{filter:brightness(1)}}.hp-num{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#f8fbff;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.75);pointer-events:none}.timer{font-size:24px;font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-2)}.impact-line{position:relative;height:2px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.1) 15%,rgba(255,255,255,.1) 85%,transparent 100%);z-index:5;flex-shrink:0}.impact-line:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,transparent 0%,rgba(184,64,64,.3) 50%,transparent 100%);animation:impactLinePulse 2s ease-in-out infinite}@keyframes impactLinePulse{0%,to{opacity:.35}50%{opacity:1}}.impact-timer-wrap{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;background:var(--bg);padding:2px 8px 2px 6px;border-radius:4px;z-index:1}.impact-timer-icon{font-size:14px;line-height:1}.player{position:relative}.rage-field{position:absolute;right:0;left:0;overflow:hidden;pointer-events:none;z-index:3;opacity:0;transition:opacity .28s ease-out}.rage-field:before,.rage-field:after{content:"";position:absolute;pointer-events:none}.rage-field.me{background:radial-gradient(ellipse 125% 68% at 50% 0%,rgba(239,83,80,.18),transparent 66%),linear-gradient(to bottom,rgba(183,28,28,.09),transparent 72%);box-shadow:inset 0 -48px 70px #b71c1c0d}.rage-field.opp{background:radial-gradient(ellipse 125% 68% at 50% 100%,rgba(239,83,80,.18),transparent 66%),linear-gradient(to top,rgba(183,28,28,.09),transparent 72%);box-shadow:inset 0 48px 70px #b71c1c0d}.rage-field.active{opacity:1;animation:rageFieldBreath 1.15s ease-in-out infinite}.rage-field:before{right:-15%;left:-15%;height:3px;background:linear-gradient(90deg,transparent 5%,rgba(239,83,80,.22),#ff6b6b 50%,rgba(239,83,80,.22),transparent 95%);filter:blur(1px);box-shadow:0 0 14px #ef5350a6,0 0 34px #b71c1c47}.rage-field.me:before{top:0}.rage-field.opp:before{bottom:0}.rage-field:after{inset:0;opacity:.24;background:repeating-linear-gradient(112deg,transparent 0 34px,rgba(255,107,107,.08) 35px,transparent 37px 68px);animation:rageHeatDrift 2.4s linear infinite}@keyframes rageFieldBreath{0%,to{filter:brightness(.85)}50%{filter:brightness(1.22)}}@keyframes rageHeatDrift{0%{transform:translate(-34px)}to{transform:translate(34px)}}.player-half-flash{position:absolute;right:0;left:0;overflow:hidden;pointer-events:none;opacity:0;z-index:14}.player-half-flash.hit-flash{animation:playerHitFlash .5s ease-out forwards}.player-half-flash.block-flash{will-change:opacity,transform;animation:playerBlockFlash .52s cubic-bezier(.16,.84,.3,1) forwards}.player-half-flash.me.block-flash{transform-origin:50% 0%;background:radial-gradient(ellipse 140% 82% at 50% 0%,rgba(129,231,255,.42),rgba(59,174,235,.19) 38%,rgba(21,78,132,.08) 68%,transparent 91%),linear-gradient(to bottom,rgba(66,190,255,.25),rgba(14,61,107,.07) 62%,transparent 94%)}.player-half-flash.opp.block-flash{transform-origin:50% 100%;background:radial-gradient(ellipse 140% 82% at 50% 100%,rgba(129,231,255,.42),rgba(59,174,235,.19) 38%,rgba(21,78,132,.08) 68%,transparent 91%),linear-gradient(to top,rgba(66,190,255,.25),rgba(14,61,107,.07) 62%,transparent 94%)}.player-half-flash.block-flash:before,.player-half-flash.block-flash:after{content:"";position:absolute;pointer-events:none}.player-half-flash.block-flash:before{right:-12%;left:-12%;height:4px;background:linear-gradient(90deg,transparent 4%,rgba(108,222,255,.42),#d4f8ff 50%,rgba(108,222,255,.42),transparent 96%);box-shadow:0 0 14px #6cdefff2,0 0 38px #2d9ee7a6}.player-half-flash.me.block-flash:before{top:0}.player-half-flash.opp.block-flash:before{bottom:0}.player-half-flash.block-flash:after{inset:-8% -12%;opacity:.46;background:repeating-linear-gradient(112deg,transparent 0 30px,rgba(159,232,255,.16) 31px,transparent 34px 62px);animation:blockFieldRush .52s ease-out forwards}@keyframes playerHitFlash{0%{opacity:1;background:#ef53501f;box-shadow:inset 0 0 50px #ef535073}to{opacity:0;background:transparent;box-shadow:none}}@keyframes playerBlockFlash{0%{opacity:0;transform:scaleY(.025);filter:brightness(2)}18%{opacity:1;transform:scaleY(1);filter:brightness(1.55)}52%{opacity:.68;transform:scaleY(1);filter:brightness(1.15)}to{opacity:0;transform:scaleY(1);filter:brightness(1)}}@keyframes blockFieldRush{0%{transform:translate(-38px);opacity:.68}to{transform:translate(38px);opacity:0}}@keyframes drawPulse{0%,to{opacity:1}50%{opacity:.45}}.rail{position:relative;display:flex;gap:var(--rail-gap);height:var(--rail-height);padding:var(--rail-pad);background:var(--rail-track);border:1px solid var(--rail-border);border-radius:8px;width:var(--rail-width);min-width:var(--rail-width);max-width:100%;align-items:stretch}.rail:before{content:"";position:absolute;left:var(--rail-pad);top:var(--rail-pad);right:var(--rail-pad);bottom:var(--rail-pad);pointer-events:none;z-index:0;border-radius:3px;background-image:repeating-linear-gradient(to right,rgba(255,255,255,.032) 0,rgba(255,255,255,.032) var(--w-unit),transparent var(--w-unit),transparent calc(var(--w-unit) + var(--rail-gap)));background-size:calc(var(--w-unit) + var(--rail-gap)) 100%}.player.opp .rail,.player.me .rail{align-self:center}.rail-draw-fill{position:absolute;left:0;right:0;bottom:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left center;background:var(--accent-2);border-radius:0 0 6px 6px;transition:none;pointer-events:none;z-index:10}.rail-draw-fill.full{width:100%!important;background:var(--bad)}.card{flex:0 0 auto;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;padding:8px;display:flex;flex-direction:column;justify-content:space-between;cursor:default;user-select:none;font-size:13px;transition:transform .08s,box-shadow .08s,opacity .12s;position:relative;overflow:visible}.card>.card-inner{position:absolute;inset:0;overflow:hidden;border-radius:inherit;z-index:0}.card .pow{position:absolute;inset:0 auto auto 50%;transform:translate(-50%,-50%);z-index:2;min-width:30px;height:26px;padding:0 8px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:radial-gradient(circle at 45% 30%,#252d38,#10151c);border:2px solid rgba(180,200,220,.22);box-shadow:0 0 0 1px #0000008c,0 4px 12px #000c,inset 0 1px #ffffff14;font-variant-numeric:tabular-nums;font-weight:900;line-height:1;text-align:center;white-space:nowrap;color:#dde4ec;text-shadow:0 1px 4px rgba(0,0,0,1)}.card .pow{font-size:17px}.card.strike .pow{background:radial-gradient(circle at 45% 30%,#3a2515,#1c1008);border-color:#d29b4699;box-shadow:0 0 0 1px #0000008c,0 4px 12px #000c,0 0 14px #b0784880,inset 0 1px #ffc8642e;color:#ffd580;text-shadow:0 0 8px rgba(255,175,50,.55),0 1px 3px rgba(0,0,0,1)}.card.grab .pow{background:radial-gradient(circle at 45% 30%,#261c3a,#110c1d);border-color:#b496e68c;box-shadow:0 0 0 1px #0000008c,0 4px 12px #000c,0 0 14px #7e6ea080,inset 0 1px #c8aaff1f;color:#d4b8ff;text-shadow:0 0 8px rgba(180,140,255,.45),0 1px 3px rgba(0,0,0,1)}.card.strike{--card-fill-rgb: 176, 120, 72;border:2px solid var(--strike)}.card.guard{--card-fill-rgb: 85, 199, 216;border:2px solid #55c7d8}#arena{cursor:default}.combat-rules-note{color:var(--paper-dim);font:700 12px/1.5 var(--font-ui);text-align:center;margin:8px 12px}.card.grab{--card-fill-rgb: 126, 110, 160;border:2px solid var(--grab)}.player.me .card.playable{cursor:pointer}.player.me .card.playable:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #b840404d inset,0 3px 8px #0006}.player.me .card.queue-ready{border-color:#c49040d9;box-shadow:0 0 0 1px #c490403d inset;opacity:1!important;cursor:pointer}.player.me .card.queue-ready:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #c4904085 inset,0 3px 10px #c4904033}.player.me .card:not(.playable):not(.queue-ready):not(.queued){opacity:.55}.card .cast-fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(180deg,rgba(var(--card-fill-rgb, 239, 83, 80),.58),rgba(var(--card-fill-rgb, 239, 83, 80),.25));pointer-events:none;z-index:0;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}.card>*{position:relative;z-index:1}.card .card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:.62;z-index:0;pointer-events:none}.card:not(.arena-cast) .card-art-dark{display:none}.card .card-art-dark{position:absolute;inset:0;background:#0a0c10cc;clip-path:inset(0 0 0 calc(var(--cast-pct, 0) * 100%));z-index:0;pointer-events:none;transition:clip-path .05s linear}.arena-cast .card-art-bw{filter:grayscale(1) brightness(.28)}.arena-cast .card-art-color{opacity:.92;z-index:1;clip-path:inset(0 50% 0 50%)}.arena-cast .card-art{object-position:center center}.next-card-mini .card-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:.28;z-index:0;pointer-events:none}.next-card-mini .card-art-dark{display:none}.card.casting{border-color:var(--accent);box-shadow:0 0 0 1px #ef535066 inset;opacity:1!important}.player.me .card.casting:hover{transform:none;box-shadow:0 0 0 1px #ef535066 inset}.card.casting{cursor:default!important}.card.leaving{animation:cardFire .22s ease-out forwards;pointer-events:none;z-index:5}@keyframes cardFire{0%{opacity:1}to{transform:scale(.88);opacity:0}}.card.entering{animation:cardEnter .2s ease-out forwards}@keyframes cardEnter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translate(0)}}.zone-rail-controls .block-btn{height:var(--rail-height);align-self:stretch}.block-btn{width:var(--w-unit);height:var(--rail-height);padding:8px 6px;flex-shrink:0;background:radial-gradient(circle at 45% 28%,#0e2030,#07090f);border:2px solid rgba(90,157,184,.55);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;overflow:hidden;position:relative;transition:transform .08s,box-shadow .08s;box-shadow:0 0 0 1px #0000008c,0 0 16px #5a9db847,inset 0 0 24px #5a9db812,inset 0 1px #6ec8e61f}.block-btn:before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(110,200,230,.32),transparent);pointer-events:none;z-index:0}.block-btn:after{content:"";position:absolute;left:10px;right:10px;bottom:7px;height:2px;border-radius:999px;background:#5a9db89e;box-shadow:0 0 8px #5a9db873;pointer-events:none;z-index:0}.block-btn-icon{font-size:26px;line-height:1;color:#6ec8e6eb;text-shadow:0 0 10px rgba(90,157,184,.75);position:relative;z-index:1;transition:text-shadow .1s,color .1s}.block-btn-label{font-size:9px;font-weight:900;letter-spacing:2.5px;color:#5a9db8ad;text-transform:uppercase;position:relative;z-index:1;transition:color .1s}.block-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 0 1px #0000008c,0 0 26px #5a9db87a,inset 0 0 30px #5a9db81a,inset 0 1px #6ec8e633}.block-btn.blocking{border-color:#6ec8e6d9;background:radial-gradient(circle at 45% 28%,#152838,#0a1520);box-shadow:0 0 0 1px #0000008c,0 0 24px #5a9db899,0 0 48px #5a9db838,inset 0 0 32px #5a9db824,inset 0 1px #96dcff38;animation:guardActivePulse .9s ease-in-out infinite}.block-btn.blocking .block-btn-icon{color:#cce8f4;text-shadow:0 0 14px rgba(110,200,230,1),0 0 28px rgba(90,157,184,.55)}.block-btn.blocking .block-btn-label{color:#6ec8e6e0}.block-btn.blocking:after{background:#6ec8e6e6;box-shadow:0 0 12px #6ec8e6b3}@keyframes guardActivePulse{0%,to{box-shadow:0 0 0 1px #0000008c,0 0 20px #5a9db880,0 0 40px #5a9db82e,inset 0 0 28px #5a9db81f,inset 0 1px #96dcff2e}50%{box-shadow:0 0 0 1px #0000008c,0 0 34px #6ec8e6bf,0 0 64px #5a9db852,inset 0 0 38px #6ec8e62e,inset 0 1px #b4ebff47}}.block-btn.locked{border-color:#ef535073;background:radial-gradient(circle at 45% 28%,#200e0e,#0d0608);box-shadow:0 0 0 1px #00000080,0 0 10px #ef53502e,inset 0 0 18px #ef535012}.block-btn.locked .block-btn-icon{color:#f8fbff7a;text-shadow:none}.block-btn.locked .block-btn-label{color:#ef53509e}.block-btn.locked:after{background:#ef5350d1;box-shadow:0 0 10px #ef535080}.block-btn.locked:not(.buffered){cursor:not-allowed}.block-btn.locked:not(.buffered):hover{transform:none;box-shadow:0 0 0 1px #00000080,0 0 10px #ef53502e,inset 0 0 18px #ef535012}.block-btn.casting{border-color:#ffb74d7a;background:radial-gradient(circle at 45% 28%,#1a1208,#0c0804);box-shadow:0 0 0 1px #00000080,inset 0 0 20px #ffb74d12}.block-btn.casting .block-btn-icon{color:#f8fbff85;text-shadow:none}.block-btn.casting .block-btn-label{color:#ffb74d94}.block-btn.casting:after{background:#ffb74dcc;box-shadow:0 0 10px #ffb74d7a}.block-btn.buffered{border-color:#ffeb3be6;box-shadow:0 0 0 2px #ffeb3b52 inset,0 0 18px #ffeb3b85;transform:scale(.91);cursor:pointer}.block-btn.buffered .block-btn-label{color:#ffeb3be6}.block-btn.buffered:after{background:#ffeb3be0;box-shadow:0 0 10px #ffeb3ba6}.block-btn.locked.buffered:hover{transform:scale(.91)}.block-btn.cooldown:before{background:repeating-linear-gradient(45deg,rgba(79,195,247,.08) 0 8px,transparent 8px 16px);inset:0;height:auto}.block-btn.cooldown .block-btn-icon{color:#4fc3f773;text-shadow:none}.block-btn.cooldown .block-btn-label{color:#4fc3f766}.block-btn:disabled:not(.blocking):not(.locked):not(.casting):not(.cooldown){opacity:.45}.arena{flex:1;position:relative;overflow:hidden;cursor:pointer;display:flex;align-items:stretch;justify-content:center;background:linear-gradient(180deg,rgba(184,64,64,.06) 0%,transparent 35%,transparent 65%,rgba(90,157,184,.06) 100%)}.arena:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--bg) 0%,transparent 18%),linear-gradient(to top,var(--bg) 0%,transparent 18%);pointer-events:none;z-index:3}.arena.active:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 20% at 50% 50%,rgba(184,64,64,.06),transparent);pointer-events:none;animation:arenaActivePulse 1.2s ease-in-out infinite}@keyframes arenaActivePulse{0%,to{opacity:.6}50%{opacity:1}}.arena-field{width:100%;height:100%;display:grid;grid-template-rows:1fr auto 1fr;row-gap:20px;position:relative;z-index:5}.arena-slot{--arena-card-width: calc(var(--w-unit) * 2.75 + var(--rail-gap) * 1.75);position:relative;width:100%;height:var(--rail-height);transition:none;contain:layout style}.arena-slot.hit-impact{animation:hitImpact .35s ease-out forwards}@keyframes hitImpact{0%{filter:brightness(1)}15%{filter:brightness(1.6)}to{filter:brightness(1)}}.arena-impact-flash{position:absolute;inset:0;border-radius:inherit;z-index:8;pointer-events:none;animation:impactFlash .2s ease-out forwards}@keyframes impactFlash{0%{background:#ffeba0f2}70%{background:#ffd264e0}90%{background:#ffc85066}to{background:#ffc85000}}.guard-ripple-layer{position:absolute;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:4}.guard-ripple{position:absolute;width:48px;height:48px;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%) scale(0);z-index:4;background:radial-gradient(circle,rgba(110,200,230,.55) 0%,rgba(90,157,184,.22) 45%,transparent 70%);border:1.5px solid rgba(110,200,230,.75);box-shadow:0 0 10px #5a9db873;animation:guardRippleExpand .7s ease-out forwards}@keyframes guardRippleExpand{0%{transform:translate(-50%,-50%) scale(0);opacity:1}45%{opacity:.55}to{transform:translate(-50%,-50%) scale(16);opacity:0}}.arena-burst{position:absolute;inset:0;border-radius:6px;pointer-events:none;z-index:10;animation:burstRing .55s ease-out forwards}.arena-burst.gold{--burst-rgb: 255, 220, 80}.arena-burst.blue{--burst-rgb: 79, 195, 247}@keyframes burstRing{0%{box-shadow:0 0 rgba(var(--burst-rgb),0),0 0 rgba(var(--burst-rgb),0)}12%{box-shadow:0 0 0 4px rgba(var(--burst-rgb),1),0 0 0 10px rgba(var(--burst-rgb),.6),0 0 0 20px rgba(var(--burst-rgb),.22)}45%{box-shadow:0 0 0 10px rgba(var(--burst-rgb),.32),0 0 0 22px rgba(var(--burst-rgb),.12),0 0 0 38px rgba(var(--burst-rgb),.04)}to{box-shadow:none}}.arena-cast.leaving{animation:arenaLeave .22s ease-out forwards;pointer-events:none}@keyframes arenaLeave{to{opacity:0;transform:scale(.9)}}.arena-slot>.cast-cancel-ghost{position:absolute;inset:0;margin-inline:auto;height:100%;z-index:2;pointer-events:none;animation:castCancelBurn .4s ease-in forwards}.arena-cast.cast-cancel-in{z-index:3;animation:castCancelStack .26s cubic-bezier(.16,1,.3,1) both}@keyframes castCancelStack{0%{transform:translate(14px,16px) rotate(5deg) scale(.94);opacity:.5}to{transform:none;opacity:1}}@keyframes castCancelBurn{0%{opacity:.9;transform:translate(-8px,-6px) rotate(-3deg);clip-path:inset(0)}40%{opacity:.65;transform:translate(-15px,-9px) rotate(-5deg);clip-path:polygon(0 0,100% 0,100% 65%,70% 80%,45% 66%,18% 87%,0 75%)}to{opacity:0;transform:translate(-20px,-14px) rotate(-7deg) scale(.93);clip-path:inset(0 0 100%)}}@media(prefers-reduced-motion:reduce){.arena-slot>.cast-cancel-ghost{animation:none;visibility:hidden}.arena-cast.cast-cancel-in{animation:none}}.arena-cast{position:absolute;top:0;width:var(--arena-card-width);height:100%;animation:arenaAppear .14s ease-out;cursor:default!important}.arena-cast.guard-recoil{animation:guardRecoilJolt .22s steps(2,end) 1,guardRecoilRattle .11s steps(2,end) .22s infinite;transform-origin:50% 55%}@keyframes guardRecoilJolt{0%{transform:translate(0) rotate(0);filter:brightness(1)}25%{transform:translate(-5px) rotate(-.7deg);filter:brightness(1.22)}55%{transform:translate(4px) rotate(.55deg);filter:brightness(.9)}80%{transform:translate(-2px) rotate(-.25deg);filter:brightness(1.08)}to{transform:translate(0) rotate(0);filter:brightness(1)}}@keyframes guardRecoilRattle{0%,to{transform:translate(-1px) rotate(-.12deg)}50%{transform:translate(1px) rotate(.12deg)}}.arena-slot .arena-cast,.arena-slot .arena-stun,.arena-slot .arena-half-block{left:0;right:0;margin-inline:auto}#arenaOppSlot .arena-cast,#arenaOppSlot .arena-stun,#arenaOppSlot .arena-half-block{top:auto;bottom:0}#arenaMeSlot .arena-cast,#arenaMeSlot .arena-stun,#arenaMeSlot .arena-half-block{top:0;bottom:auto}#arenaOppSlot{align-self:end}#arenaMeSlot{align-self:start}.arena-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.8px;color:var(--muted);text-transform:uppercase;opacity:.35;pointer-events:none}.arena-slot.active .arena-label{opacity:0}.arena-cast .timeline-fill,.arena-stun .timeline-fill,.arena-half-block .timeline-fill{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none;z-index:0;transform:scaleX(0);transform-origin:center;will-change:transform}.arena-cast.phase-cast .timeline-fill{background:linear-gradient(90deg,rgba(var(--card-fill-rgb, 239, 83, 80),.18),rgba(var(--card-fill-rgb, 239, 83, 80),.78) 50%,rgba(var(--card-fill-rgb, 239, 83, 80),.18));box-shadow:0 0 12px rgba(var(--card-fill-rgb, 239, 83, 80),.28)}.arena-cast.phase-cast .timeline-fill:before,.arena-cast.phase-cast .timeline-fill:after,.arena-cast.phase-recovery .timeline-fill:before,.arena-cast.phase-recovery .timeline-fill:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:#f8fbffe0;pointer-events:none;z-index:1}.arena-cast.phase-cast .timeline-fill:before,.arena-cast.phase-cast .timeline-fill:after{box-shadow:0 0 8px 2px #ffffff8c;animation:fillEdgePulse .65s ease-in-out infinite}.arena-cast.phase-recovery .timeline-fill:before,.arena-cast.phase-recovery .timeline-fill:after{background:#c8d2dca6;box-shadow:0 0 5px 1px #c8d2dc4d}.arena-cast .timeline-fill:before{left:0}.arena-cast .timeline-fill:after{right:0}@keyframes fillEdgePulse{0%,to{opacity:.55;box-shadow:0 0 5px 1px #ffffff4d}50%{opacity:1;box-shadow:0 0 12px 2px #ffffffa6}}.arena-cast.phase-done .timeline-fill:before,.arena-cast.phase-done .timeline-fill:after{animation:markerFinish .15s ease-out forwards}@keyframes markerFinish{0%{opacity:1;background:#fff;box-shadow:0 0 14px 5px #ffffffbf}40%{opacity:1;background:#ffffffe6;box-shadow:0 0 18px 7px #ffffff73}to{opacity:0;background:#fff0;box-shadow:none}}.arena-cast.phase-recovery .timeline-fill{background:linear-gradient(90deg,#8c949e26,#8c949e8c 50%,#8c949e26);opacity:1}.arena-cast.phase-guard_stun .timeline-fill{background:linear-gradient(90deg,#ef53501f,#ef53507a 50%,#ef53501f)}.arena-cast.phase-counter .timeline-fill{background:linear-gradient(90deg,#f0443b24,#f0443bad 50%,#f0443b24);box-shadow:0 0 10px #f0443b42}.arena-cast.counter-lost{border-color:#f0443bd1;box-shadow:inset 0 0 0 1px #08090ce6,inset 0 0 18px #f0443b1f}@media(prefers-reduced-motion:reduce){.arena-cast.guard-recoil{animation:none}}.arena-stun .timeline-fill{background:linear-gradient(90deg,#c490402e,#c49040ad 50%,#c490402e);box-shadow:0 0 10px #c4904059}.arena-stun .timeline-fill:before,.arena-stun .timeline-fill:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:#ffcd5ad1;box-shadow:0 0 6px 2px #c4904073;pointer-events:none;z-index:1;animation:stunEdgePulse .7s ease-in-out infinite}.arena-stun .timeline-fill:before{left:0}.arena-stun .timeline-fill:after{right:0}@keyframes stunEdgePulse{0%,to{opacity:.55;box-shadow:0 0 4px 1px #c490404d}50%{opacity:1;box-shadow:0 0 10px 3px #c490408c}}.arena-stun.phase-done .timeline-fill:before,.arena-stun.phase-done .timeline-fill:after{animation:markerFinish .15s ease-out forwards}.arena-cast .timeline-fill,.arena-stun .timeline-fill,.arena-half-block .timeline-fill{z-index:2}.arena-cast .name,.arena-cast>.pow,.arena-cast .badge,.arena-stun>.stun-label{z-index:4}.arena-half-block.phase-cast .timeline-fill{background:linear-gradient(90deg,#5a9db81f,#5a9db894 50%,#5a9db81f);box-shadow:0 0 10px #5a9db847}.arena-half-block.phase-recovery .timeline-fill{background:linear-gradient(90deg,#8c949e26,#8c949e85 50%,#8c949e26);box-shadow:0 0 8px #8c949e33}.arena-half-block.phase-cast .timeline-fill:before,.arena-half-block.phase-cast .timeline-fill:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:#6ec8e6e0;box-shadow:0 0 7px 2px #5a9db880;pointer-events:none;z-index:1;animation:blockEdgePulse .7s ease-in-out infinite}.arena-half-block.phase-recovery .timeline-fill:before,.arena-half-block.phase-recovery .timeline-fill:after{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:999px;background:#c8d2dc9e;box-shadow:0 0 5px 1px #b4c3d247;pointer-events:none;z-index:1}.arena-half-block .timeline-fill:before{left:0}.arena-half-block .timeline-fill:after{right:0}@keyframes blockEdgePulse{0%,to{opacity:.55;box-shadow:0 0 4px 1px #5a9db84d}50%{opacity:1;box-shadow:0 0 10px 3px #5a9db899}}.arena-half-block.phase-done .timeline-fill:before,.arena-half-block.phase-done .timeline-fill:after{animation:markerFinish .15s ease-out forwards}.arena-half-block{position:absolute;height:100%;width:var(--arena-card-width, 100%);background:radial-gradient(circle at 50% 35%,#0e2232,#070e1a);border:2px solid rgba(90,157,184,.55);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;animation:arenaAppear .14s ease-out;box-shadow:0 0 0 1px #00000080,0 0 16px #5a9db847,inset 0 0 28px #5a9db812}.arena-half-block.phase-recovery{background:radial-gradient(circle at 50% 35%,#141618,#090a0d);border-color:#646e7d6b;box-shadow:0 0 0 1px #00000080,0 0 12px #646e7d2e,inset 0 0 20px #646e7d0d}.arena-half-block.leaving{animation:arenaLeave .22s ease-out forwards;pointer-events:none}.arena-half-block.guard-flash{animation:guardFlash .55s ease-out forwards}@keyframes guardFlash{0%{background:radial-gradient(circle at 50% 35%,#1a3a50,#0a1828);border-color:#78dcff;box-shadow:0 0 0 2px #4fc3f7e6 inset,0 0 28px #4fc3f7b3;transform:scale(1.04)}20%{border-color:#5a9db8b3;box-shadow:0 0 0 1px #4fc3f766 inset,0 0 14px #4fc3f759;transform:scale(1)}to{background:radial-gradient(circle at 50% 35%,#0e2232,#070e1a);border-color:#5a9db88c;box-shadow:0 0 0 1px #00000080,0 0 16px #5a9db847,inset 0 0 28px #5a9db812;transform:scale(1)}}.arena-stun{background:radial-gradient(circle at 50% 35%,#231a07,#110d03);border:2px solid rgba(196,144,64,.5);border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:absolute;height:100%;width:var(--arena-card-width, 100%);overflow:hidden;animation:arenaAppear .14s ease-out;box-shadow:0 0 0 1px #00000080,0 0 16px #c4904047,inset 0 0 28px #c4904012}.arena-stun .stun-label{font-size:10px;font-weight:900;letter-spacing:2.5px;color:#ffcd5ae0;text-shadow:0 0 8px rgba(196,144,64,.75);position:relative;z-index:1}.arena-stun.leaving{animation:arenaLeave .22s ease-out forwards;pointer-events:none}@keyframes arenaAppear{0%{transform:scale(.88) translateY(4px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.log{display:none}#endOverlay.overlay{--result-accent: var(--punch);--result-shadow: var(--signal);--result-wash: rgba(255, 212, 71, .16);position:absolute;inset:0;z-index:100;overflow:hidden;color:var(--paper);background:var(--ink);isolation:isolate}#endOverlay.result-lose{--result-accent: var(--signal);--result-shadow: #6d43b2;--result-wash: rgba(109, 67, 178, .22)}#endOverlay.result-draw{--result-accent: var(--electric);--result-shadow: var(--paper);--result-wash: rgba(67, 215, 211, .16)}.result-bg{position:absolute;inset:-5%;z-index:-3;background-size:cover;background-position:center 25%;filter:grayscale(.45) saturate(.72) contrast(1.18) brightness(.24) blur(16px);transform:scale(1.08)}#endOverlay:before,#endOverlay:after{content:"";position:absolute;inset:0;pointer-events:none}#endOverlay:before{z-index:-2;background:linear-gradient(110deg,rgba(8,9,12,.99) 0 35%,rgba(8,9,12,.76) 54%,transparent 75%),linear-gradient(165deg,transparent 0 63%,var(--result-wash) 63.2% 100%),radial-gradient(circle at 82% 28%,transparent 0 24%,rgba(8,9,12,.72) 74%)}#endOverlay:after{z-index:8;opacity:.28;background:radial-gradient(circle,var(--paper) 0 1px,transparent 1.25px) 0 0 / 9px 9px,linear-gradient(100deg,transparent 0 73%,var(--result-accent) 73.2% 74%,transparent 74.2%);mask-image:linear-gradient(to bottom,#000 0 72%,transparent 88%)}.result-inner{position:relative;z-index:2;width:100%;height:100%}.result-text-col{position:absolute;top:clamp(62px,8cqh,94px);left:clamp(24px,6cqw,38px);z-index:5;width:min(88%,470px);display:flex;flex-direction:column;align-items:flex-start}.result-eyebrow{margin:0 0 6px;padding:5px 10px 4px;color:var(--ink);background:var(--result-accent);font:900 10px/1 var(--font-condensed);letter-spacing:.18em;transform:rotate(-1deg)}.result-charname{order:3;margin:9px 0 0;padding:5px 11px 4px;color:var(--ink);background:var(--paper);font:900 13px/1 var(--font-ui);letter-spacing:.2em;box-shadow:5px 5px 0 var(--result-shadow);transform:rotate(.8deg)}.result-verdict{order:2;max-width:100%;margin:0;color:var(--paper);font:italic 400 clamp(68px,17cqw,96px)/.76 var(--font-display);letter-spacing:-.065em;text-shadow:6px 6px 0 var(--ink),10px 10px 0 var(--result-shadow);transform:skew(-4deg)}.result-quote{order:4;max-width:min(72%,330px);margin:18px 0 0;padding:8px 12px 7px;color:var(--paper);border-left:4px solid var(--result-accent);background:#08090cc7;font:italic 800 clamp(15px,3.4cqw,19px)/1.25 var(--font-ui);text-shadow:2px 2px 0 var(--ink)}.result-portrait-col{position:absolute;top:5%;right:-10%;z-index:1;width:78%;height:72%;background:var(--result-accent);clip-path:polygon(19% 0,100% 4%,96% 100%,0 94%);box-shadow:-12px 14px 0 var(--result-shadow);transform:rotate(1.2deg);overflow:hidden}.result-portrait-col:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,12,.9) 0,transparent 31%),linear-gradient(to top,rgba(8,9,12,.78),transparent 35%);pointer-events:none}.result-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:0;filter:saturate(.9) contrast(1.15);transform:scale(1.02)}.result-summary{position:absolute;right:clamp(20px,5cqw,34px);bottom:calc(104px + env(safe-area-inset-bottom));left:clamp(20px,5cqw,34px);z-index:12;min-height:76px;display:grid;grid-template-columns:1fr .82fr 1fr;gap:5px;align-items:stretch}.result-score,.result-finish{display:flex;flex-direction:column;justify-content:center;padding:8px 11px 7px;color:var(--paper);border:2px solid rgba(242,234,220,.72);background:#08090cf0;clip-path:polygon(4% 0,100% 3%,96% 100%,0 96%)}.result-score span,.result-finish span{color:var(--paper-dim);font:900 9px/1 var(--font-condensed);letter-spacing:.13em}.result-score strong{margin-top:4px;font:italic 900 30px/.85 var(--font-condensed)}.result-score-rival{text-align:right}.result-finish{align-items:center;color:var(--ink);border-color:var(--result-accent);background:var(--result-accent);text-align:center;transform:translateY(-5px) rotate(-1deg);box-shadow:4px 5px 0 var(--result-shadow)}.result-finish span{color:#08090ca3}.result-sub{margin-top:5px;color:inherit;font:italic 900 17px/1 var(--font-condensed);letter-spacing:.04em}.result-win .result-score-me,.result-lose .result-score-rival{border-color:var(--result-accent);box-shadow:inset 0 -4px 0 var(--result-accent)}.end-actions{position:absolute;right:clamp(18px,4cqw,28px);bottom:max(16px,env(safe-area-inset-bottom));left:clamp(18px,4cqw,28px);z-index:14;display:grid;grid-template-columns:.76fr 1.24fr;gap:8px}.end-actions.is-single-action{grid-template-columns:1fr}.end-actions.is-single-action #rejoinBtn{grid-column:1}.end-actions button,.end-actions button:hover,.end-actions button:focus,.end-actions button:active{min-height:68px;margin:0;padding:15px 16px 13px;border-radius:0;font:900 18px/1 var(--font-ui);transform:none}#backToLobbyBtn{grid-column:1;grid-row:1;color:var(--paper);border:2px solid var(--paper);background:var(--ink);clip-path:polygon(4% 0,100% 4%,95% 100%,0 96%)}#rejoinBtn,#rejoinBtn:hover,#rejoinBtn:focus,#rejoinBtn:active{grid-column:2;grid-row:1;color:var(--ink);border:2px solid var(--ink);background:var(--result-accent);box-shadow:inset 0 -5px 0 var(--result-shadow),6px 6px #08090cc7;clip-path:polygon(5% 3%,100% 0,97% 96%,0 100%)}#backToLobbyBtn:hover{color:var(--ink);background:var(--paper)}#rejoinBtn:hover{filter:brightness(1.08);transform:translateY(-2px)}.end-actions button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}@keyframes resultCopyIn{0%{opacity:0;transform:translate(-52px) skew(-7deg)}to{opacity:1;transform:translate(0) skew(-4deg)}}@keyframes resultPortraitIn{0%{opacity:0;transform:translate(42px) rotate(4deg) scale(1.06)}to{opacity:1;transform:translate(0) rotate(1.2deg) scale(1)}}@keyframes resultRiseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes resultBgIn{0%{opacity:0;transform:scale(1.18)}to{opacity:1;transform:scale(1.08)}}.result-active .result-bg{animation:resultBgIn .7s ease-out both}.result-active .result-verdict{animation:resultCopyIn .42s cubic-bezier(.2,.9,.2,1) both}.result-active .result-eyebrow,.result-active .result-charname,.result-active .result-quote{animation:resultRiseIn .34s .12s ease-out both}.result-active .result-portrait-col{animation:resultPortraitIn .56s .04s cubic-bezier(.16,1,.3,1) both}.result-active .result-summary{animation:resultRiseIn .38s .2s ease-out both}.result-active .end-actions{animation:resultRiseIn .38s .27s ease-out both}.result-draw .result-text-col{right:6%;width:auto;align-items:center;text-align:center}.result-draw .result-quote{display:none}@media(prefers-reduced-motion:reduce){.result-active .result-bg,.result-active .result-verdict,.result-active .result-eyebrow,.result-active .result-charname,.result-active .result-quote,.result-active .result-portrait-col,.result-active .result-summary,.result-active .end-actions{animation:none}}.combo-counter{position:absolute;left:calc(50% + 24px + var(--w-unit) + 10px);top:50%;opacity:0;transform:translateY(calc(-50% + 6px));text-align:left;pointer-events:none;transition:opacity .2s ease-out,transform .2s ease-out;line-height:1.2;z-index:15}.combo-counter.show{opacity:1;transform:translateY(-50%)}.combo-counter.hide{opacity:0;transform:translateY(calc(-50% + 6px))}.combo-hits{font-size:20px;font-weight:900;letter-spacing:1px;color:#fff}.combo-dmg{font-size:12px;color:var(--muted);letter-spacing:.5px}.combo-counter.hot .combo-hits{color:gold;text-shadow:0 0 10px rgba(255,215,0,.6)}.combo-counter.brutal .combo-hits{color:var(--bad);text-shadow:0 0 10px rgba(239,83,80,.7)}.combo-hits.pop{animation:comboPop .15s ease-out}@keyframes comboPop{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}#arena.grab-tech-mode .arena-slot,#arena.grab-tech-mode .arena-vs{visibility:hidden;pointer-events:none}#arena.grab-tech-mode~.arena-overlay{visibility:hidden;pointer-events:none}#arena.grab-tech-mode~.grab-tech-overlay{background:transparent}.grab-tech-overlay{position:absolute;inset:0;z-index:30;overflow:hidden;pointer-events:none}.grab-tech-btn{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;color:var(--ink);border:0;border-radius:0;background:transparent;opacity:1;pointer-events:none;transform:none}#game .grab-tech-btn,#game .grab-tech-btn:hover,#game .grab-tech-btn:focus,#game .grab-tech-btn:focus-visible,#game .grab-tech-btn:active,#game .grab-tech-btn:disabled{border:0;outline:0;background:transparent;box-shadow:none;opacity:1;filter:none;transform:none}.grab-tech-btn:disabled{opacity:1}.grab-tech-overlay.is-actionable .grab-tech-btn{pointer-events:auto;cursor:pointer}.grab-tech-overlay.is-actionable .grab-tech-btn:active{transform:none}.grab-tech-prompt{position:absolute;z-index:2;left:15%;right:15%;bottom:27cqh;min-height:106px;display:grid;grid-template-rows:auto auto auto auto;gap:1px;align-items:center;justify-items:center;padding:8px 16px 10px;color:var(--paper);border:3px solid rgba(242,234,220,.92);background:linear-gradient(128deg,rgba(255,255,255,.13),transparent 32%),linear-gradient(135deg,#8d62d0,#6d43b2 48%,#3b205f);clip-path:polygon(3% 0,100% 5%,96% 100%,0 91%);box-shadow:10px 12px 0 var(--signal),0 0 26px #8d62d07a;transform:rotate(-1.2deg);pointer-events:none;animation:grabTechPromptIn .13s cubic-bezier(.2,.85,.2,1) both,grabTechUrgent .33s .14s ease-in-out infinite alternate}.grab-tech-prompt:before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,var(--paper) 0 1.3px,transparent 1.6px);background-size:8px 8px;pointer-events:none}.grab-tech-kicker{position:relative;z-index:1;padding:3px 9px 2px;color:var(--ink);background:var(--punch);font:900 9px/1 var(--font-condensed);letter-spacing:.19em;transform:rotate(1deg)}.grab-tech-label{position:relative;z-index:1;margin:2px 0 0;font:400 clamp(45px,10cqw,58px)/.82 var(--font-display);letter-spacing:-.055em;color:var(--paper);text-shadow:5px 5px 0 rgba(8,9,12,.72),0 0 14px rgba(255,212,71,.28);transform:skew(-6deg);animation:grabTechLabelBeat .33s .14s ease-in-out infinite alternate}.grab-tech-hint{position:relative;z-index:1;padding:4px 12px 3px;color:var(--paper);background:var(--ink);font:900 12px/1 var(--font-ui);letter-spacing:.035em;clip-path:polygon(2% 0,100% 4%,97% 100%,0 92%)}.grab-tech-meter{position:relative;z-index:1;width:min(330px,86%);height:6px;margin-top:6px;overflow:hidden;background:#08090c75;transform:skew(-12deg)}.grab-tech-bar{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:linear-gradient(90deg,var(--signal),var(--punch));box-shadow:0 0 12px #ffd447b8}.grab-tech-bar:after{content:"";position:absolute;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);animation:grabTechMeterRush .36s linear infinite}.grab-tech-overlay.is-observer .grab-tech-prompt{color:var(--paper);background:#1f1a2af0;box-shadow:9px 10px #7e59b294;animation:grabTechPromptIn .13s cubic-bezier(.2,.85,.2,1) both}.grab-tech-overlay.is-observer .grab-tech-label{font-size:clamp(42px,9cqw,54px);text-shadow:4px 4px 0 var(--ink);animation:none}.grab-tech-overlay.is-observer .grab-tech-hint{color:#f2eadcb8;background:#08090cb8}@keyframes grabTechPromptIn{0%{opacity:0;transform:translateY(26px) rotate(2deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-1.2deg) scale(1)}}@keyframes grabTechUrgent{0%{box-shadow:8px 10px 0 var(--signal),0 0 12px #8d62d057;filter:brightness(.96)}to{box-shadow:12px 14px 0 var(--signal),0 0 34px #b482ffb8;filter:brightness(1.12)}}@keyframes grabTechLabelBeat{0%{transform:skew(-6deg) scale(.98)}to{transform:skew(-6deg) scale(1.06)}}@keyframes grabTechMeterRush{0%{left:-42%}to{left:104%}}@media(prefers-reduced-motion:reduce){.grab-tech-prompt,.grab-tech-label,.grab-tech-bar:after{animation:none}}.ready-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;font-size:56px;font-weight:900;letter-spacing:3px;user-select:none;white-space:nowrap}.ready-overlay.phase-ready{color:var(--accent-2);text-shadow:0 0 24px rgba(79,195,247,.8),0 0 60px rgba(79,195,247,.3);animation:readyPop .3s ease-out}.ready-overlay.phase-fight{color:gold;text-shadow:0 0 24px rgba(255,215,0,.9),0 0 60px rgba(255,160,0,.4);animation:fightSlam .5s cubic-bezier(.2,.85,.3,1)}@keyframes readyPop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}@keyframes fightSlam{0%{transform:translate(65%) skew(-20deg) scale(1.7);opacity:0;filter:brightness(3) blur(3px)}35%{transform:translate(-5%) skew(-15deg) scale(1.1);opacity:1;filter:brightness(1.8) blur(0)}50%{transform:translate(2%) skew(-3deg) scale(.95);filter:brightness(1)}70%{transform:translate(-1%) skew(-10deg) scale(1.04)}to{transform:translate(0) skew(-7deg) scale(1)}}.arena-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:20;font-size:28px;font-weight:900;letter-spacing:2.5px;opacity:0;white-space:nowrap;user-select:none}.arena-overlay.counter-win{color:gold;text-shadow:0 0 14px rgba(255,215,0,.9),0 0 32px rgba(255,160,0,.5)}.arena-overlay.counter-lose{color:#ef5350;text-shadow:0 0 12px rgba(239,83,80,.7)}.arena-overlay.clash{color:#b39ddb;text-shadow:0 0 14px rgba(179,157,219,.8)}.arena-overlay.grab{color:var(--grab);text-shadow:0 0 12px rgba(179,157,219,.6)}.arena-overlay.unbroken{color:var(--paper);text-shadow:0 0 12px rgba(242,234,220,.72),4px 4px 0 #4f4a40}.arena-overlay.grab-tech{color:#e0c8ff;text-shadow:0 0 14px rgba(179,157,219,.95),0 0 36px rgba(126,110,160,.6)}.arena-overlay.ko{font-size:56px;color:#fff;text-shadow:0 0 18px rgba(239,83,80,.95),0 0 42px rgba(239,83,80,.5),0 4px 0 rgba(0,0,0,.6);animation:overlayKO 1.9s ease-out forwards}@keyframes overlayKO{0%{opacity:0;transform:scale(3);filter:blur(6px)}10%{opacity:1;transform:scale(.88);filter:blur(0)}18%{opacity:1;transform:scale(1.1)}28%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}96%{opacity:1;transform:scale(1)}to{opacity:0;transform:scaleX(1.08) scaleY(.08)}}.arena-overlay.perfect{font-size:44px;color:gold;text-shadow:0 0 16px rgba(255,215,0,.95),0 0 40px rgba(255,165,0,.65),0 0 70px rgba(255,200,0,.3);animation:overlayPerfect 2.4s ease-out forwards}@keyframes overlayPerfect{0%{opacity:0;transform:scale(.4) translateY(20px);filter:blur(8px)}12%{opacity:1;transform:scale(1.18) translateY(0);filter:blur(0)}22%{opacity:1;transform:scale(1)}65%{opacity:1;transform:scale(1)}85%{opacity:.9}97%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scaleX(1.08) scaleY(.08)}}.hp-bars{flex:1;display:flex;flex-direction:column;gap:3px}.hp-bars .hp-bar{flex:none}.gauge-bar{width:100%;height:8px;background:#0a0d12b3;border:1px solid var(--border);border-radius:3px;overflow:hidden;position:relative}.gauge-bar:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1.5px),rgba(0,0,0,.55) calc(10% - 1.5px),rgba(0,0,0,.55) 10%)}.gauge-fill{height:100%;width:100%;background:linear-gradient(90deg,#1565c0,#42a5f5);transition:background .3s ease;position:relative;z-index:1}.gauge-loss-fill{background:#ffffffd1;transition:width 1.05s cubic-bezier(.16,1,.3,1);z-index:0}.gauge-bar.refill-locked .gauge-fill{filter:brightness(.55) saturate(.6);transition:filter .15s ease}.gauge-bar.low .gauge-fill{background:linear-gradient(90deg,#e65100,#ff9800)}.gauge-bar.burnout .gauge-fill{background:linear-gradient(90deg,#3a3d42,#7a808a)}.arena-overlay.rush-combo{color:#fff;text-shadow:0 0 16px rgba(76,175,80,1),0 0 40px rgba(76,175,80,.7);animation:rushInkSplash 1.2s ease-out forwards}.arena-overlay.rush-overdrive{color:#fff;text-shadow:0 0 16px rgba(255,200,0,1),0 0 40px rgba(255,140,0,.7);animation:driveInkSplash 1.2s ease-out forwards}@keyframes rushInkSplash{0%{opacity:0;transform:scale(.4);box-shadow:inset 0 0 #4caf5000;filter:blur(6px)}14%{opacity:1;transform:scale(1.18);box-shadow:inset 0 0 80px 60px #4caf5073;filter:blur(0)}26%{transform:scale(1);box-shadow:inset 0 0 120px 80px #4caf5047}65%{opacity:1}to{opacity:0;transform:translateY(-10px) scale(1);box-shadow:inset 0 0 200px 100px #4caf5000}}@keyframes driveInkSplash{0%{opacity:0;transform:scale(.4);box-shadow:inset 0 0 #ffc80000;filter:blur(6px)}14%{opacity:1;transform:scale(1.18);box-shadow:inset 0 0 80px 60px #ffc80073;filter:blur(0)}26%{transform:scale(1);box-shadow:inset 0 0 120px 80px #ffc80047}65%{opacity:1}to{opacity:0;transform:translateY(-10px) scale(1);box-shadow:inset 0 0 200px 100px #ffc80000}}.state-row{display:flex;gap:5px;align-items:center;min-height:0}.state-row:empty{display:none}.state-badge{font-size:10px;font-weight:900;letter-spacing:2px;padding:2px 8px;border-radius:3px;animation:stateBadgeIn .2s ease-out}@keyframes stateBadgeIn{0%{opacity:0;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.state-badge.burnout{color:#8b949ed9;border:1px solid rgba(139,148,158,.3);background:#14181eb3}.state-badge.rage{color:#ef5350;border:1px solid rgba(239,83,80,.45);background:#14181eb3;animation:stateBadgeIn .2s ease-out,rageBadgePulse .85s ease-in-out .2s infinite}@keyframes rageBadgePulse{0%,to{color:#ef5350b3;box-shadow:none}50%{color:#ff6b6b;box-shadow:0 0 8px #ef535066}}.arena-burnout-label{position:absolute;bottom:5px;left:0;right:0;text-align:center;font-size:9px;font-weight:900;letter-spacing:2.5px;color:#8b949e80;pointer-events:none;animation:burnoutLabelIn .25s ease-out}.arena-rage-label{position:absolute;top:5px;left:0;right:0;text-align:center;font-size:9px;font-weight:900;letter-spacing:2.5px;color:#ef53508c;pointer-events:none;animation:burnoutLabelIn .25s ease-out,arenaRagePulse .85s ease-in-out infinite}@keyframes burnoutLabelIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes arenaRagePulse{0%,to{opacity:.45}50%{opacity:.85}}.arena-slot.burnout-impact{animation:burnoutImpact .65s ease-out forwards}@keyframes burnoutImpact{0%{box-shadow:0 0 #ef535000;filter:brightness(1)}12%{box-shadow:0 0 0 24px #ef5350d9;filter:brightness(2.2) saturate(1.8)}35%{box-shadow:0 0 0 12px #ef535073;filter:brightness(1.3)}to{box-shadow:0 0 #ef535000;filter:brightness(1)}}.arena-slot.burnout-recover{animation:burnoutRecover .5s ease-out forwards}@keyframes burnoutRecover{0%{box-shadow:0 0 #4fc3f700;filter:brightness(1)}15%{box-shadow:0 0 0 18px #4fc3f7cc;filter:brightness(1.8)}to{box-shadow:0 0 #4fc3f700;filter:brightness(1)}}.player.burnout{animation:burnoutSectionPulse 1s ease-in-out infinite}@keyframes burnoutSectionPulse{0%,to{box-shadow:none}50%{box-shadow:inset 0 0 30px #ef53501f}}.block-btn.burnout{border-color:#ef535099;background:radial-gradient(circle at 45% 28%,#240e0e,#100508);box-shadow:0 0 0 1px #0000008c,0 0 14px #ef535047,inset 0 0 20px #ef535014;animation:burnoutBtnPulse .85s ease-in-out infinite;cursor:not-allowed}.block-btn.burnout .block-btn-icon{color:#f8fbff6b;text-shadow:none}.block-btn.burnout .block-btn-label{color:#ef5350a6}.block-btn.burnout:after{background:#ef5350b3;box-shadow:0 0 8px #ef535066}@keyframes burnoutBtnPulse{0%,to{box-shadow:0 0 0 1px #0000008c,0 0 10px #ef535038,inset 0 0 16px #ef535012}50%{box-shadow:0 0 0 1px #0000008c,0 0 22px #ef53507a,inset 0 0 26px #ef535021}}.rail.rage{border-color:#ef5350a6;animation:rageRailPulse .85s ease-in-out infinite}@keyframes rageRailPulse{0%,to{box-shadow:0 0 0 1px #ef535026,inset 0 0 6px #ef535012}50%{box-shadow:0 0 0 2px #ef535073,inset 0 0 16px #ef535029}}.rail.rage .rail-draw-fill:not(.full){background:var(--warn)}.hp-block.rage .hp-num{animation:rageTextPulse .85s ease-in-out infinite}.hp-block.rage .hp-bar .fill{background:linear-gradient(90deg,#b71c1c,var(--bad))}@keyframes rageTextPulse{0%,to{text-shadow:none;opacity:.85}50%{text-shadow:0 0 8px rgba(239,83,80,.9);opacity:1}}@container stage (max-width: 479px){#game{--w-unit: clamp(54px, calc((100cqw - 88px) / 5.7), 64px)}.card{padding:7px;font-size:12px}.card .pow{font-size:14px;height:22px;min-width:26px;border-radius:11px}}@container stage (max-width: 380px){#game{--w-unit: clamp(50px, calc((100cqw - 68px)/4) , 56px)}.next-card-wrap{display:none}.block-btn{width:var(--w-unit)}}.next-card-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:calc(var(--w-unit) * .65);height:var(--rail-height);opacity:.88}.next-label{font-size:9px;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;line-height:1}.next-card-mini{width:100%;flex:1;max-height:calc(var(--rail-height) * .65);border:1px solid var(--border);border-radius:4px;background:var(--panel-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:3px 2px;overflow:hidden;position:relative;transition:border-color .15s}.next-card-mini.strike{border:2px solid var(--strike)}.next-card-mini.grab{border:2px solid var(--grab)}.next-card-mini.empty{opacity:.3}.rail-deck-badge{position:absolute;top:4px;right:6px;font-size:10px;color:var(--muted);pointer-events:none;z-index:11;letter-spacing:.2px}:root{--ink: #08090c;--ink-soft: #11141a;--paper: #f2eadc;--paper-dim: #cfc7b9;--signal: #f0443b;--signal-hot: #ff604d;--electric: #43d7d3;--toxic: #a873ff;--punch: #ffd447;--bg: var(--ink);--panel: #11141a;--panel-2: #191d24;--border: rgba(242, 234, 220, .25);--text: var(--paper);--muted: #8e9299;--accent: var(--signal);--accent-2: var(--electric);--bad: var(--signal);--warn: var(--punch);--strike: #e18b3b;--grab: var(--toxic);--rail-track: #090b0f;--rail-border: rgba(242, 234, 220, .34);--font-display: "Black Han Sans", "Arial Black", sans-serif;--font-condensed: "Barlow Condensed", "Arial Narrow", sans-serif;--font-ui: "Barlow Condensed", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-body-ko: "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif}html[lang=ko]{--font-ui: var(--font-body-ko);font-synthesis:none}html,body{overflow:hidden;background:radial-gradient(circle at 15% 0%,rgba(240,68,59,.12),transparent 34%),#08090c;font-family:var(--font-ui)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,rgba(242,234,220,.32) 0 1px,transparent 1.4px),repeating-linear-gradient(108deg,transparent 0 34px,rgba(240,68,59,.12) 35px,transparent 37px 70px);background-size:8px 8px,auto;z-index:10000;mix-blend-mode:soft-light}body:has(#intro:not([hidden])):before{opacity:.035}::selection{color:var(--ink);background:var(--punch)}.screen{position:relative;isolation:isolate}.screen-print-noise{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.screen-print-noise:before,.screen-print-noise:after{content:"";position:absolute}.screen-print-noise:before{width:70cqmax;height:120cqmax;top:-54cqmax;right:-18cqmax;transform:rotate(18deg);background:var(--signal);opacity:.88}.screen-print-noise:after{inset:0;opacity:.32;background-image:radial-gradient(circle,var(--ink) 0 1.2px,transparent 1.5px);background-size:8px 8px;mask-image:linear-gradient(120deg,transparent 0 38%,#000 39% 100%)}button,.mode-btn{border-radius:2px;font-family:var(--font-ui)}button.primary{color:var(--paper);border:2px solid var(--ink);background:var(--signal);box-shadow:5px 5px 0 var(--paper);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}button.primary:hover{color:var(--ink);background:var(--punch);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--paper)}#lobby{justify-content:center;align-items:stretch;padding:clamp(28px,7cqh,76px) clamp(24px,7cqw,96px) calc(clamp(112px,15cqh,150px) + env(safe-area-inset-bottom));background:linear-gradient(112deg,transparent 0 62%,rgba(0,0,0,.28) 62.2% 100%),var(--ink)}.char-btn[data-char=ballet].active{border-color:#ab78ff;box-shadow:0 0 0 1px #ab78ff38 inset;background:linear-gradient(175deg,#ab78ff1f,#1f2630f5)}#lobby:before{content:"PRESSURE / READ / BREAK";position:absolute;top:18px;right:24px;color:var(--ink);font:900 clamp(12px,1.4cqw,18px)/1 var(--font-condensed);letter-spacing:.24em;writing-mode:vertical-rl;z-index:1}#lobby:after{content:"";position:absolute;right:-5cqw;bottom:-24cqh;width:46cqw;height:48cqh;border:clamp(28px,4cqw,60px) solid rgba(8,9,12,.86);border-radius:50%;transform:rotate(-14deg);z-index:-1}.hub-panel{width:100%;min-height:0;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:clamp(28px,5cqh,58px);animation:hubPanelIn .22s cubic-bezier(.2,.9,.2,1) both}@keyframes hubPanelIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.title-rail{color:var(--paper);text-shadow:7px 6px 0 rgba(240,68,59,.9)}.title-slash{color:var(--punch);font-family:var(--font-condensed);font-style:italic}.title-accent{color:var(--ink);background:var(--paper);padding:0 .08em .05em .02em;-webkit-text-fill-color:currentColor;clip-path:polygon(2% 5%,100% 0,96% 92%,0 100%);text-shadow:none}.lobby-modes{width:min(920px,100%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2cqw,20px);align-self:center}.ticket-action{--choice-edge: rgba(242, 234, 220, .86);--choice-face: rgba(8, 9, 12, .9);--choice-fill: var(--signal);--choice-ink: var(--ink);--choice-tag-ink: var(--ink);position:relative;z-index:1;isolation:isolate;width:100%;min-height:96px;padding:15px clamp(24px,6cqw,38px);display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;color:var(--paper);border:0;border-radius:0;background:var(--choice-edge);box-shadow:none;filter:drop-shadow(6px 7px 0 rgba(8,9,12,.84));clip-path:polygon(1.4% 2%,100% 0,98.6% 87%,94% 100%,.7% 96%,0 15%);text-align:left;text-decoration:none;cursor:pointer;transition:color .16s ease,filter .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.ticket-action:before,.ticket-action:after{content:"";position:absolute;inset:2px 3px 3px;z-index:0;pointer-events:none;clip-path:polygon(1.1% 2%,99.7% 0,98.7% 86%,94% 100%,.5% 96%,0 15%)}.ticket-action:before{background:linear-gradient(104deg,var(--choice-fill) 0 13px,transparent 13.5px),linear-gradient(90deg,var(--choice-face) 0 56%,transparent 84%),radial-gradient(circle,rgba(242,234,220,.13) 0 1.45px,transparent 1.8px) 0 0 / 9px 9px,var(--choice-face)}.ticket-action:after{background:linear-gradient(90deg,var(--choice-fill) 0 54%,transparent 82%),radial-gradient(circle,rgba(8,9,12,.22) 0 1.55px,transparent 1.9px) 0 0 / 9px 9px,var(--choice-fill);transform:scaleX(0);transform-origin:left center;transition:transform .2s cubic-bezier(.16,1,.3,1)}.ticket-action__copy{position:relative;z-index:1;min-width:0;width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:18px}.ticket-action__label{color:currentColor;font:italic 900 clamp(30px,6.8cqw,42px)/.92 var(--font-ui);letter-spacing:-.055em;white-space:nowrap}.ticket-action__meta{flex:0 0 auto;padding:7px 13px 6px 16px;color:var(--choice-tag-ink);background:var(--choice-fill);clip-path:polygon(7% 0,100% 4%,94% 100%,0 88%);font:italic 900 clamp(10px,2.2cqw,13px)/1 var(--font-condensed);letter-spacing:.1em;white-space:nowrap}.ticket-action:hover,.mode-btn.ticket-action:hover{color:var(--choice-ink);border:0;background:var(--choice-edge);box-shadow:none;transform:translate(-6px);filter:drop-shadow(10px 8px 0 var(--signal))}.ticket-action:hover:after,.ticket-action:focus-visible:after{transform:scaleX(1)}.ticket-action:hover .ticket-action__meta,.ticket-action:focus-visible .ticket-action__meta{color:var(--paper);background:var(--ink)}.ticket-action:focus-visible,.mode-btn.ticket-action:focus-visible{--choice-edge: var(--electric);color:var(--choice-ink);outline:none;transform:translate(-6px);filter:drop-shadow(10px 8px 0 var(--signal))}.ticket-action:active,.mode-btn.ticket-action:active{transform:translate(1px,2px);filter:drop-shadow(3px 3px 0 var(--signal))}.ticket-action:disabled,.mode-btn.ticket-action:disabled{--choice-edge: rgba(242, 234, 220, .34);color:#f2eadc7a;border:0;background:var(--choice-edge);filter:saturate(.35) brightness(.76) drop-shadow(4px 5px 0 rgba(8,9,12,.82));opacity:1;transform:none;cursor:not-allowed}.ticket-action:disabled:after,.mode-btn.ticket-action:disabled:after{transform:scaleX(0)}.ticket-action:disabled .ticket-action__meta{color:#f2eadc80;background:#f2eadc1f}.ticket-action--pvp{--choice-fill: var(--signal);--choice-ink: var(--paper);--choice-tag-ink: var(--paper)}.ticket-action--bot{--choice-fill: var(--electric)}.mode-btn.ticket-action{min-height:94px;color:var(--paper);border:0;background:var(--choice-edge)}#lobby.has-match-queue{padding-top:clamp(122px,15cqh,160px)}.match-queue-bar{position:absolute;top:max(18px,env(safe-area-inset-top));left:clamp(16px,5cqw,42px);right:clamp(16px,5cqw,42px);z-index:42;isolation:isolate;animation:matchQueueBarIn .28s cubic-bezier(.16,1,.3,1) both}.match-queue-bar:before,.match-queue-bar:after{content:"";position:absolute;inset:0;z-index:0;background:var(--punch);clip-path:polygon(2% 0,100% 4%,98% 92%,82% 100%,15% 95%,0 100%,1% 16%);opacity:0;pointer-events:none;transform-origin:center;animation:matchQueueBroadcast 2.4s .35s ease-out infinite}.match-queue-bar:after{background:var(--paper);animation-delay:1.55s}.match-queue-surface{position:relative;z-index:1;min-height:82px;padding:11px 14px 13px 16px;overflow:hidden;display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.08) 0 1px,transparent 1.3px) 0 0 / 7px 7px,linear-gradient(106deg,var(--ink-soft) 0 63%,#251115 63.3% 100%);clip-path:polygon(2% 0,100% 4%,98% 92%,82% 100%,15% 95%,0 100%,1% 16%);filter:drop-shadow(8px 9px 0 var(--ink)) drop-shadow(0 0 8px rgba(240,68,59,.42))}.match-queue-surface:before{content:"";position:absolute;inset:0 auto 0 0;width:76px;z-index:0;background:linear-gradient(115deg,#f0443b5c,#f0443b0a 74%);clip-path:polygon(0 0,100% 0,76% 100%,0 100%);pointer-events:none}.match-queue-surface:after{content:"";position:absolute;right:16px;bottom:3px;left:16px;height:4px;z-index:1;background:linear-gradient(90deg,transparent 0 6%,var(--electric) 24%,var(--paper) 38%,var(--punch) 52%,var(--signal-hot) 68%,transparent 90% 100%);background-size:220% 100%;clip-path:polygon(0 34%,97% 0,100% 65%,3% 100%);animation:matchQueueSweep 1.7s linear infinite;pointer-events:none}.match-queue-surface>*{position:relative;z-index:2}@keyframes matchQueueBarIn{0%{opacity:0;transform:translateY(-22px) rotate(-1deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes matchQueueBroadcast{0%{opacity:0;transform:scale(1)}14%{opacity:.52}72%,to{opacity:0;transform:scale(1.035,1.3)}}@keyframes matchQueueSweep{0%{background-position:100% 0}to{background-position:-120% 0}}.match-queue-signal{position:relative;width:34px;height:34px;border:3px solid var(--signal-hot);border-radius:50%;box-shadow:0 0 0 4px #f0443b1f,inset 0 0 10px #f0443b47}.match-queue-signal:before,.match-queue-signal:after,.match-queue-signal i{content:"";position:absolute;inset:5px;border:2px solid var(--signal-hot);border-radius:50%;animation:matchSignalScan 1.8s ease-out infinite}.match-queue-signal:after{animation-delay:.6s}.match-queue-signal i{animation-delay:1.2s}@keyframes matchSignalScan{0%{opacity:.95;transform:scale(.15)}75%,to{opacity:0;transform:scale(1.9)}}.match-queue-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.match-queue-kicker{color:var(--signal-hot);font:900 10px/1 var(--font-condensed);letter-spacing:.17em}.match-queue-copy strong{overflow:hidden;font:800 clamp(17px,3.8cqw,22px)/1 var(--font-ui);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap}.match-queue-meta{min-width:98px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}.match-queue-time-label{color:#f2eadcad;font:900 8px/1 var(--font-condensed);letter-spacing:.18em}.match-queue-meta time{color:var(--punch);font:italic 900 clamp(36px,7cqw,44px)/.82 var(--font-condensed);letter-spacing:.035em;text-shadow:3px 3px 0 rgba(8,9,12,.9)}.cancel-btn{min-width:62px;min-height:46px;padding:8px 10px;color:var(--paper);border:1px solid rgba(242,234,220,.6);background:#08090cdb;clip-path:polygon(8% 0,100% 4%,92% 100%,0 94%);font:900 12px/1 var(--font-ui)}.cancel-btn:hover,.cancel-btn:focus-visible{color:var(--ink);background:var(--signal-hot);border-color:var(--ink);outline:2px solid var(--paper);outline-offset:2px}.match-found-overlay{position:absolute;inset:0;z-index:160;display:grid;place-items:center;overflow:auto;padding:20px;background:#08090cc7;backdrop-filter:blur(6px);animation:matchFoundCurtain .18s ease-out both}@keyframes matchFoundCurtain{0%{opacity:0}to{opacity:1}}.match-found-card{width:min(100%,360px);padding:28px 24px 16px;display:grid;justify-items:center;gap:16px;color:var(--paper);border:1px solid rgba(242,234,220,.25);border-top:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.045) 1px,transparent 1.5px) 0 0 / 9px 9px,var(--ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));text-align:center;animation:matchFoundCardIn .2s ease-out both}@keyframes matchFoundCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.match-found-card h2{margin:0;font:400 36px/1.15 var(--font-display);letter-spacing:-.04em}.match-found-timer{display:flex;align-items:baseline;gap:8px;color:var(--paper-dim);font:700 12px/1 var(--font-ui)}.match-found-timer strong{min-width:2ch;color:var(--paper);font:900 25px/1 var(--font-condensed);font-variant-numeric:tabular-nums}.match-accept-btn{width:min(100%,280px);min-height:62px;margin:4px 0 0;padding:12px 16px;color:var(--ink);border:0;background:var(--paper);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);font:400 25px/1.2 var(--font-display);transition:filter .12s,transform .12s}.match-accept-btn:hover,.match-accept-btn:focus-visible{color:var(--ink);background:var(--paper);filter:brightness(1.12)}.match-accept-btn:focus-visible{outline:none;text-decoration:underline;text-underline-offset:5px}.match-accept-btn:active{background:var(--paper);transform:translateY(2px)}.match-accept-btn:disabled{color:var(--ink);background:var(--paper-dim);filter:none;transform:none;opacity:.65;cursor:default}.match-decline-btn{width:min(100%,280px);min-height:54px;margin:-6px 0 0;padding:12px 24px;color:var(--paper);border:1px solid rgba(242,234,220,.4);background:#f2eadc12;box-shadow:none;font:700 16px/1.4 var(--font-ui)}.match-decline-btn:hover,.match-decline-btn:active,.match-decline-btn:focus-visible{color:var(--paper);background:#f2eadc26;border-color:var(--paper)}.match-decline-btn:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.match-notice{position:absolute;z-index:155;bottom:120px;left:50%;width:max-content;max-width:calc(100% - 40px);margin:0;padding:14px 20px;border:1px solid rgba(242,234,220,.28);border-left:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.055) 1px,transparent 1.5px) 0 0 / 9px 9px,var(--ink);color:var(--paper);font:700 14px/1.5 var(--font-ui);text-align:center;pointer-events:none;opacity:0;transform:translate(-50%,8px);transition:opacity .18s ease,transform .18s ease}.match-notice.is-visible{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.match-notice{transition:none;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.match-queue-bar,.match-queue-bar:before,.match-queue-bar:after,.match-queue-surface:after,.match-queue-signal:before,.match-queue-signal:after,.match-queue-signal i,.match-found-overlay,.match-found-card{animation:none}}.shop-panel{--shop-violet: #a978ff;width:min(980px,100%);align-self:center;justify-content:flex-start;gap:clamp(12px,2.2cqh,22px);max-height:calc(100dvh - 174px - env(safe-area-inset-bottom));padding:4px 10px 38px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--signal) rgba(242,234,220,.12)}.economy-hud{--shop-violet: #a978ff;position:absolute;top:16px;left:16px;z-index:149;display:flex;align-items:stretch;gap:6px;transition:top .2s ease,opacity .16s ease}#lobby.has-match-queue .economy-hud{top:120px}.wallet-chip{position:relative;width:auto;min-width:120px;min-height:46px;padding:7px 8px;display:grid;grid-template-columns:30px minmax(40px,1fr) 22px;grid-template-rows:1fr;align-items:center;column-gap:6px;color:var(--paper);border:1px solid rgba(242,234,220,.24);background:#08090cf0;box-shadow:3px 3px #08090c61;clip-path:polygon(3% 0,100% 5%,96% 100%,0 94%)}button.wallet-chip{margin:0;text-align:left;cursor:pointer}.wallet-chip--marks{border-left:5px solid var(--punch)}.wallet-chip--lumen{border-left:5px solid var(--shop-violet)}.wallet-glyph{grid-row:auto;width:30px;height:30px;display:grid;place-items:center;background:transparent;clip-path:none;transform:none}.wallet-glyph img{display:block;width:30px;height:30px;max-width:30px;object-fit:contain;object-position:50% 50%;transform:none;filter:drop-shadow(0 2px 0 rgba(0,0,0,.38))}.wallet-chip--lumen .wallet-glyph{background:transparent;transform:none}.wallet-chip strong{min-width:40px;justify-self:end;color:var(--paper);font:italic 900 20px/1 var(--font-condensed);font-variant-numeric:tabular-nums;white-space:nowrap}.wallet-chip--marks strong{color:var(--punch)}.wallet-chip--lumen strong{color:#d9c3ff}.wallet-chip>i{position:static;width:22px;justify-self:end;display:grid;place-items:center;color:var(--shop-violet);font:900 22px/.8 var(--font-condensed);filter:drop-shadow(2px 2px 0 rgba(0,0,0,.42))}.wallet-chip--marks>i{color:var(--punch)}.wallet-chip:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.shop-section{position:relative;padding:clamp(16px,3cqw,26px);color:var(--paper);border-top:2px solid rgba(242,234,220,.88);background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#08090cd6;clip-path:polygon(1% 0,100% 1%,98.5% 100%,0 97%)}.shop-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.shop-section-head>div:first-child{min-width:0}.shop-section-head span{color:var(--electric);font:italic 900 9px/1 var(--font-condensed);letter-spacing:.16em}.shop-section-head h3{margin:6px 0 0;font:400 clamp(27px,5cqw,42px)/.95 var(--font-display);letter-spacing:-.03em}.shop-section-head p{margin:7px 0 0;color:var(--paper-dim);font:750 11px/1.35 var(--font-ui)}.shop-section-head--compact{margin-bottom:10px}.supply-clock{flex:0 0 auto;padding:8px 10px 7px;border-left:3px solid var(--punch);background:#f2eadc14;text-align:right;transform:rotate(1deg)}.supply-clock small{display:block;color:var(--paper-dim);font:900 7px/1 var(--font-condensed);letter-spacing:.12em}.supply-clock strong{display:block;margin-top:4px;color:var(--punch);font:italic 900 20px/1 var(--font-condensed);font-variant-numeric:tabular-nums}.free-offer-grid{display:grid;grid-template-columns:repeat(3,minmax(145px,1fr));gap:8px;overflow-x:auto;padding:5px 3px 9px;scrollbar-width:none}.free-offer{position:relative;min-height:142px;padding:14px 12px 12px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:var(--paper);border:2px solid rgba(242,234,220,.44);background:#15171d;text-align:left;clip-path:polygon(3% 0,100% 3%,96% 100%,0 96%);transition:transform .16s ease,border-color .16s ease,filter .16s ease}.free-offer:hover:not(:disabled){z-index:2;border-color:var(--punch);transform:translateY(-3px) rotate(-.4deg)}.free-offer:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.free-offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;opacity:.7;filter:saturate(.85) contrast(1.08)}.free-offer__wash{position:absolute;inset:0;background:linear-gradient(180deg,#08090c14 18%,#08090ceb 76%)}.free-offer--marks{background:linear-gradient(145deg,rgba(244,201,63,.38),transparent 58%),#15171d}.free-offer--lumen{background:linear-gradient(145deg,rgba(169,120,255,.46),transparent 58%),#15171d}.free-offer__eyebrow,.free-offer strong,.free-offer small{position:relative;z-index:1}.free-offer__eyebrow{margin-bottom:auto;color:var(--electric);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.13em}.free-offer strong{max-width:calc(100% - 34px);font:italic 900 clamp(18px,3cqw,26px)/.95 var(--font-condensed);overflow-wrap:anywhere}.free-offer small{margin-top:5px;color:var(--paper-dim);font:800 8px/1.2 var(--font-ui)}.free-offer>i{position:absolute;top:12px;right:10px;z-index:2;color:var(--ink);background:var(--punch);padding:6px 7px 5px;font:italic 900 14px/1 var(--font-condensed);clip-path:polygon(8% 0,100% 6%,92% 100%,0 91%)}.free-offer--lumen>i{color:var(--paper);background:var(--shop-violet)}.free-offer.is-passed{filter:grayscale(1) brightness(.45);opacity:.68}.free-offer.is-claimed{border-color:var(--electric);box-shadow:inset 0 -5px 0 var(--electric)}.free-offer.is-claimed>i{color:var(--ink);background:var(--electric);font-size:9px}.pack-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.pack-product{position:relative;min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);border:1px solid rgba(242,234,220,.23);border-top:3px solid var(--paper);background:#14151bf7;box-shadow:7px 8px #08090c6b}.pack-product:after{content:"";position:absolute;right:0;bottom:0;width:42px;height:42px;pointer-events:none;background:var(--product-accent, var(--punch));clip-path:polygon(100% 0,100% 100%,0 100%);opacity:.82}.starter-product{--product-accent: var(--punch)}.booster-product{--product-accent: var(--electric)}.pack-product__visual{position:relative;min-height:326px;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--product-accent) 24%,transparent) 0,transparent 54%),linear-gradient(180deg,rgba(242,234,220,.035),transparent 65%),#0a0c11;border-right:1px solid rgba(242,234,220,.18)}.pack-product__visual:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(242,234,220,.11) 1px,transparent 1.4px);background-size:11px 11px;mask-image:linear-gradient(180deg,#000,transparent 92%)}.pack-product__visual:after{content:"";position:absolute;right:8%;bottom:20px;left:8%;z-index:-1;height:14px;border-radius:50%;background:#000000b8;filter:blur(9px)}.pack-product__main-art{position:relative;z-index:1;display:block;width:min(92%,350px);height:286px;object-fit:contain;filter:drop-shadow(0 13px 12px rgba(0,0,0,.54));transform:translateY(5px) rotate(-1deg);transition:transform .22s cubic-bezier(.2,.8,.2,1),filter .22s ease}.pack-product:hover .pack-product__main-art{filter:drop-shadow(0 18px 16px rgba(0,0,0,.66));transform:translateY(-1px) rotate(.3deg) scale(1.025)}.pack-product__kind,.pack-product__seal{position:absolute;z-index:3;color:var(--paper);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.14em}.pack-product__kind{top:14px;left:13px;padding-left:12px;color:var(--product-accent)}.pack-product__kind:before{content:"";position:absolute;top:-2px;bottom:-2px;left:0;width:4px;background:currentColor;transform:skew(-12deg)}.pack-product__seal{right:11px;bottom:10px;padding:6px 8px 5px;color:var(--ink);background:var(--product-accent);transform:rotate(-2deg)}.pack-product__body{min-width:0;flex:1;padding:16px 14px 18px;display:flex;flex-direction:column}.pack-code{color:var(--electric);font:italic 900 8px/1.1 var(--font-condensed);letter-spacing:.11em}.pack-product h4{margin:8px 0 4px;font:400 clamp(23px,4cqw,34px)/1 var(--font-display)}.pack-product p{margin:0;color:var(--paper-dim);font:750 9px/1.35 var(--font-ui)}.pack-contents{margin:15px 0 14px;padding:0;display:grid;gap:6px;list-style:none}.pack-contents li{position:relative;padding-left:17px;color:var(--paper);font:850 9px/1.25 var(--font-ui)}.pack-contents li:before{content:"\25c6";position:absolute;left:0;color:var(--punch);font-size:8px}.pack-buy{min-height:43px;margin-top:auto;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink);border:0;font:900 10px/1 var(--font-ui);clip-path:polygon(2% 0,100% 4%,96% 100%,0 95%)}.pack-buy strong{display:flex;align-items:center;gap:5px;font:italic 900 16px/1 var(--font-condensed)}.pack-buy strong i{width:20px;height:20px;display:grid;place-items:center;color:var(--ink);background:#ffffff8c;font:italic 900 10px/1 var(--font-condensed);clip-path:polygon(50% 0,96% 30%,82% 90%,20% 100%,0 42%)}.pack-buy strong .currency-inline-icon{width:22px;height:22px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.38))}.pack-buy--marks{background:var(--punch)}.pack-buy--lumen{color:var(--paper);background:var(--shop-violet)}.pack-buy--lumen strong i{color:var(--paper);background:#08090c59}.pack-buy:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.pack-buy:focus-visible{outline:3px solid var(--paper);outline-offset:2px}.pack-buy:disabled{color:#f2eadc73;background:#343039;cursor:not-allowed}.booster-actions{margin-top:auto;display:grid;gap:5px;padding-top:13px}.pack-odds{margin-top:9px;border-top:1px solid rgba(242,234,220,.18)}.pack-odds summary{padding:9px 0 5px;color:var(--paper-dim);font:900 8px/1 var(--font-ui);cursor:pointer}.pack-odds>div{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;color:var(--punch);font:italic 900 8px/1.2 var(--font-condensed)}.pack-odds p{margin-top:6px;font-size:7px}.shop-status{position:fixed;right:max(18px,calc((100vw - 920px)/2));bottom:calc(92px + env(safe-area-inset-bottom));z-index:180;max-width:min(380px,calc(100vw - 36px));margin:0;padding:11px 14px 10px;color:var(--paper);border-left:5px solid var(--electric);background:#08090cf5;box-shadow:5px 5px #43d7d357;font:850 11px/1.3 var(--font-ui);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease}.shop-status.is-visible{opacity:1;transform:none}.pack-open-modal{position:absolute;inset:0;z-index:220;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom))}.pack-open-modal[hidden]{display:none}.pack-open-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#050609e6;backdrop-filter:blur(9px) saturate(.65)}.pack-open-sheet{position:relative;width:min(94%,860px);max-height:min(820px,90cqh);padding:clamp(18px,4cqw,34px);overflow:hidden;color:var(--paper);border-top:4px solid var(--paper);border-bottom:7px solid var(--signal);background:linear-gradient(152deg,transparent 0 66%,rgba(67,215,211,.12) 66.3% 100%),radial-gradient(circle,rgba(242,234,220,.08) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#0b0d12;box-shadow:13px 15px #f0443b61;clip-path:polygon(1% 0,100% 1%,98% 94%,91% 100%,4% 98%,0 88%);animation:packSheetIn .34s cubic-bezier(.16,1,.3,1) both}.pack-open-sheet>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid rgba(242,234,220,.18)}.pack-open-sheet>header span{color:var(--electric);font:italic 900 9px/1 var(--font-condensed);letter-spacing:.15em}.pack-open-sheet>header h2{margin:6px 0 0;font:400 clamp(31px,7cqw,56px)/.9 var(--font-display);letter-spacing:-.04em}.pack-open-sheet>header button{flex:0 0 auto;width:44px;height:44px;padding:0;color:var(--paper);border:2px solid var(--paper);background:var(--signal);font:900 25px/1 var(--font-condensed);transform:rotate(2deg)}.pack-open-leader{min-height:92px;margin:12px 0 2px;display:grid;grid-template-columns:104px minmax(0,1fr);overflow:hidden;border-left:5px solid var(--punch);background:linear-gradient(100deg,rgba(244,201,63,.18),transparent 72%)}.pack-open-leader[hidden]{display:none}.pack-open-leader img{width:104px;height:92px;object-fit:cover;object-position:center 20%}.pack-open-leader>span{padding:14px;display:flex;flex-direction:column;justify-content:center}.pack-open-leader small{color:var(--punch);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.13em}.pack-open-leader strong{margin-top:5px;font:italic 900 24px/1 var(--font-condensed)}.pack-open-leader i{margin-top:4px;color:var(--paper-dim);font:italic 900 9px/1 var(--font-condensed)}.pack-open-cards{--reveal-card-width: clamp(126px, 24cqw, 180px);display:flex;align-items:flex-start;gap:11px;margin:15px calc(clamp(18px,4cqw,34px)*-1) 0;padding:22px clamp(18px,4cqw,34px) 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--signal) rgba(242,234,220,.12)}.pack-open-bonus,.product-opening__bonus{width:fit-content;margin:4px auto 8px;padding:9px 14px 8px;color:var(--punch);border-left:4px solid var(--punch);background:#08090cdb;font:italic 900 12px/1.2 var(--font-condensed);letter-spacing:.035em}.shop-reveal-card.card{--w-unit: var(--reveal-card-width);--card-label-size: clamp(17px, calc(var(--reveal-card-width) * .16), 29px);--power-gem-height: clamp(28px, calc(var(--reveal-card-width) * .22), 40px);--power-gem-width: clamp(38px, calc(var(--reveal-card-width) * .3), 54px);flex:0 0 var(--reveal-card-width);width:var(--reveal-card-width);padding:0;scroll-snap-align:center;opacity:1;animation:packCardDeal .42s calc(var(--reveal-order) * 70ms + .11s) cubic-bezier(.16,1,.3,1) both}.shop-reveal-card.card .card-art{opacity:1;filter:saturate(.9) contrast(1.08)}.shop-reveal-card.card .name{left:8px;right:8px;bottom:8px}.card-copy-badge{position:absolute;top:15px;right:8px;left:auto;z-index:15;padding:0;color:var(--paper);border:0;background:transparent;box-shadow:none;clip-path:none;font:italic 900 var(--card-copy-size, 36px)/.86 var(--font-condensed);letter-spacing:-.035em;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink),4px 4px 0 rgba(240,68,59,.72);transform:translate(18%,-35%) rotate(4deg);pointer-events:none}.shop-reveal-card{--card-copy-size: clamp(25px, calc(var(--reveal-card-width) * .19), 38px)}.pack-open-confirm{width:min(360px,100%);min-height:48px;margin:4px auto 0;display:block;color:var(--ink);border:0;background:var(--punch);box-shadow:6px 6px 0 var(--signal);font:900 15px/1 var(--font-ui);clip-path:polygon(2% 0,100% 4%,96% 100%,0 95%)}@keyframes packSheetIn{0%{opacity:0;transform:scale(.9) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes packCardDeal{0%{opacity:0;transform:translateY(52px) rotate(4deg) scale(.82)}to{opacity:1;transform:none}}.hub-tabs{position:absolute;left:0;right:0;bottom:-1px;z-index:30;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px clamp(16px,5cqw,42px) calc(max(12px,env(safe-area-inset-bottom)) + 1px);border:0;background:transparent;box-shadow:none;isolation:isolate;transition:grid-template-columns .22s cubic-bezier(.16,1,.3,1)}.hub-tabs:has(.hub-tab:nth-child(1).is-active){grid-template-columns:1.34fr .83fr .83fr}.hub-tabs:has(.hub-tab:nth-child(2).is-active){grid-template-columns:.83fr 1.34fr .83fr}.hub-tabs:has(.hub-tab:nth-child(3).is-active){grid-template-columns:.83fr .83fr 1.34fr}.hub-tabs:before{content:"";position:absolute;z-index:-1;inset:54px 0 0;background:var(--ink);box-shadow:0 -10px 20px #08090c57}.hub-tab{--tab-edge: rgba(242, 234, 220, .16);--tab-depth: rgba(8, 9, 12, .88);position:relative;min-height:68px;margin:0;padding:13px 18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;color:#f2eadca8;border:0;border-radius:0;background:#191c22;box-shadow:none;clip-path:polygon(3% 4%,100% 0,95% 96%,0 100%);filter:drop-shadow(0 -1px 0 var(--tab-edge)) drop-shadow(1px 0 0 var(--tab-edge)) drop-shadow(-1px 0 0 rgba(242,234,220,.08)) drop-shadow(0 6px 0 var(--tab-depth));transition:transform .16s cubic-bezier(.2,.9,.2,1),background .16s,color .16s,filter .16s}.hub-tab:last-child{clip-path:polygon(5% 0,98% 4%,100% 100%,0 96%)}.hub-tab:before{content:none}.hub-tab:hover{color:var(--paper);background:#20242c;transform:translateY(-1px)}.hub-tab:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.hub-tab.is-active,.hub-tab.is-active:hover{--tab-edge: rgba(255, 247, 216, .7);--tab-depth: var(--signal);color:var(--ink);background:var(--punch);box-shadow:inset 0 -4px #f0443bb8;transform:translateY(-4px) rotate(-.35deg)}.hub-tab.is-active:after{content:"///";position:absolute;right:13px;bottom:9px;color:var(--signal);font:italic 900 18px/1 var(--font-condensed);letter-spacing:-.12em;opacity:.72}.hub-tab-code{width:100%;font:900 10px/1 var(--font-condensed);letter-spacing:.16em;opacity:.72}.hub-tab-label{width:100%;font:400 clamp(19px,4.4cqw,26px)/1 var(--font-display);letter-spacing:-.02em;transition:transform .2s cubic-bezier(.16,1,.3,1)}.hub-tab.is-active .hub-tab-label{transform:scale(1.08);transform-origin:center}#game{border-right:2px solid rgba(242,234,220,.14);border-left:2px solid rgba(242,234,220,.14);background:radial-gradient(circle,rgba(242,234,220,.035) 0 1px,transparent 1.2px) 0 0 / 8px 8px,var(--ink)}#game:before{content:"RAIL / 04  \2022   LIVE COMBAT";position:absolute;top:50%;right:-58px;z-index:1;color:#f2eadc26;font:900 10px/1 var(--font-condensed);letter-spacing:.24em;transform:rotate(90deg) translate(50%);pointer-events:none}.zone-top,.zone-bottom{border:0}.zone-top{background:#08090cd1;border-bottom:1px solid rgba(240,68,59,.25);clip-path:polygon(0 0,100% 0,100% 97%,0 100%)}.zone-bottom{background:transparent}.char-badge{border:2px solid var(--paper);border-radius:0;clip-path:polygon(8% 0,100% 0,92% 100%,0 92%);background:var(--ink);box-shadow:4px 4px 0 var(--badge-color, var(--signal))}.hp-bar{height:28px;border:2px solid var(--paper);border-radius:0;background:var(--ink);clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.hp-bar .fill{background:linear-gradient(90deg,var(--signal),#ff7a57)}.hp-num{font:italic 900 20px/1 var(--font-condensed);text-shadow:2px 2px 0 var(--ink)}.gauge-bar{height:9px;border-color:#f2eadc80;border-radius:0;background:var(--ink)}.gauge-fill{background:linear-gradient(90deg,#158d99,var(--electric))}.state-badge{border-radius:0;font-family:var(--font-condensed);transform:skew(-5deg)}.rail{border:2px solid rgba(242,234,220,.42);border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--w-unit) - 1px),rgba(242,234,220,.07) var(--w-unit) calc(var(--w-unit) + var(--rail-gap))),#090b0f;box-shadow:5px 5px #f0443b2e}.player.me .rail{box-shadow:5px 5px #43d7d321}.rail:before{border-radius:0}.rail-draw-fill{height:4px;border-radius:0;background:var(--electric)}.card{--card-label-size: clamp(17px, calc(var(--w-unit) * .24), 42px);--power-gem-height: clamp(25px, calc(var(--w-unit, 72px) * .182), 41px);--power-gem-width: clamp(30px, calc(var(--w-unit, 72px) * .223), 54px);padding:6px;border-radius:2px;background:var(--ink-soft);box-shadow:inset 0 0 0 1px #08090ce6}.card>.card-inner{border-radius:0;clip-path:none}.card .card-art{opacity:.78;filter:saturate(.8) contrast(1.15)}.card .name{position:absolute;z-index:4;left:6px;right:6px;bottom:6px;padding:0;overflow:hidden;max-height:1.92em;color:var(--paper);background:transparent;font:italic 900 var(--card-label-size) / .96 var(--font-condensed);letter-spacing:-.035em;overflow-wrap:normal;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink);white-space:normal}@supports ((background-clip: text) or (-webkit-background-clip: text)){.card .name:after{--name-shine-mid: #f4c84e;--name-shine-hot: #fffdf0;--name-shine-tail: #edbd3d;--name-shine-glow: rgba(255, 216, 91, .32);content:attr(data-shine);position:absolute;inset:0;z-index:1;pointer-events:none;color:transparent;background:linear-gradient(102deg,transparent 0 31%,var(--name-shine-mid) 43%,var(--name-shine-hot) 50%,var(--name-shine-tail) 57%,transparent 69% 100%);background-repeat:no-repeat;background-position:-60% 0;background-size:24% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 2px var(--name-shine-glow));opacity:1;white-space:inherit;overflow-wrap:inherit;animation:cardNameGoldSweep 4.8s linear infinite;animation-delay:var(--name-shine-delay, 0s)}.card .name[data-rarity=normal]:after{display:none}.card .name[data-rarity=rare]:after{--name-shine-mid: #b8e8ef;--name-shine-hot: #f5ffff;--name-shine-tail: #8ed8e6;--name-shine-glow: rgba(111, 224, 242, .24)}.card .name[data-rarity=epic]:after{--name-shine-mid: #d475e5;--name-shine-hot: #f4ffff;--name-shine-tail: #67d9df;--name-shine-glow: rgba(197, 138, 255, .3)}}@keyframes cardNameGoldSweep{0%,72%{background-position:-60% 0}88%,to{background-position:160% 0}}.card .pow{--gem-table-highlight: #ff9a4b;--gem-table: #e56828;--gem-table-depth: #bd4817;--gem-crown-light: #c94d18;--gem-crown-dark: #792307;--gem-pavilion-light: #9d300b;--gem-pavilion-dark: #4b1104;--gem-girdle: #3d1005;--gem-edge: #913712;--gem-rim-dark: #4d1706;--gem-ink: #fff8ed;--gem-number-edge: #541707;--gem-shadow: rgba(77, 25, 6, .58);inset:0 auto auto 50%;height:var(--power-gem-height);min-width:var(--power-gem-width);padding-inline:clamp(8px,calc(var(--w-unit, 72px) * .055),14px);overflow:hidden;border:2px solid var(--gem-edge);border-radius:0;background:var(--gem-girdle);color:var(--gem-ink);box-shadow:inset 0 0 0 1px var(--gem-rim-dark),inset 0 1px #ffa6743d,inset 0 -4px 8px #450e0a4d;filter:drop-shadow(0 2px 0 var(--gem-rim-dark)) drop-shadow(3px 4px 3px var(--gem-shadow));clip-path:polygon(22% 0,78% 0,100% 20%,94% 76%,76% 100%,24% 100%,6% 76%,0 20%);isolation:isolate;text-shadow:none;transform:translate(-50%,-50%) rotate(-2deg);font:900 clamp(20px,calc(var(--w-unit, 72px) * .145),32px)/1 var(--font-condensed)}.card .pow-facets{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.card .pow-facet{position:absolute;inset:0;display:block;pointer-events:none}.card .pow-crown-left{background:linear-gradient(145deg,var(--gem-crown-light),var(--gem-crown-dark));clip-path:polygon(0 20%,22% 0,50% 0,50% 48%,7% 44%)}.card .pow-crown-right{background:linear-gradient(215deg,var(--gem-crown-light),var(--gem-crown-dark));clip-path:polygon(50% 0,78% 0,100% 20%,93% 44%,50% 48%)}.card .pow-pavilion-left{background:linear-gradient(35deg,var(--gem-pavilion-dark),var(--gem-pavilion-light));clip-path:polygon(0 20%,7% 44%,50% 48%,50% 100%,24% 100%,6% 76%)}.card .pow-pavilion-right{background:linear-gradient(325deg,var(--gem-pavilion-dark),var(--gem-pavilion-light));clip-path:polygon(50% 48%,93% 44%,100% 20%,94% 76%,76% 100%,50% 100%)}.card .pow-table{z-index:1;background:radial-gradient(circle at 50% 48%,var(--gem-table-depth) 0 16%,var(--gem-table) 54%,var(--gem-table-highlight) 100%);clip-path:polygon(16% 4%,84% 4%,93% 44%,76% 96%,24% 96%,7% 44%);filter:drop-shadow(0 1px 0 var(--gem-rim-dark)) drop-shadow(0 0 .75px var(--gem-rim-dark))}.card .pow-value{position:absolute;z-index:3;inset:0;display:grid;place-items:center;color:var(--gem-ink);font:inherit;line-height:1;text-align:center;-webkit-text-stroke:1px var(--gem-number-edge);paint-order:stroke fill;text-shadow:0 1px 0 var(--gem-rim-dark);pointer-events:none}.card .pow:after{content:"";position:absolute;z-index:2;inset:2px;background:linear-gradient(135deg,rgba(255,255,255,.58) 0 7%,transparent 8% 100%);clip-path:inherit;pointer-events:none}.card.strike .pow{--gem-table-highlight: #ff9a4b;--gem-table: #e56828;--gem-table-depth: #bd4817;--gem-crown-light: #c94d18;--gem-crown-dark: #792307;--gem-pavilion-light: #9d300b;--gem-pavilion-dark: #4b1104;--gem-girdle: #3d1005;--gem-edge: #913712;--gem-rim-dark: #4d1706;--gem-ink: #fff8ed;--gem-number-edge: #541707;--gem-shadow: rgba(77, 25, 6, .58);background:var(--gem-girdle);color:var(--gem-ink);border-color:var(--gem-edge);box-shadow:inset 0 0 0 1px var(--gem-rim-dark),inset 0 1px #ffa6743d,inset 0 -4px 8px #450e0a4d;filter:drop-shadow(0 2px 0 var(--gem-rim-dark)) drop-shadow(3px 4px 3px var(--gem-shadow));text-shadow:none}.card.grab .pow{--gem-table-highlight: #d9a7ff;--gem-table: #a75bd8;--gem-table-depth: #692e96;--gem-crown-light: #8846b5;--gem-crown-dark: #4d1e6a;--gem-pavilion-light: #642c84;--gem-pavilion-dark: #2c0d3d;--gem-girdle: #21082e;--gem-edge: #572371;--gem-rim-dark: #1d0728;--gem-ink: #fff8ff;--gem-number-edge: #351047;--gem-shadow: rgba(45, 13, 61, .6);background:var(--gem-girdle);color:var(--gem-ink);border-color:var(--gem-edge);box-shadow:inset 0 0 0 1px var(--gem-rim-dark),inset 0 1px #e5c2ff42,inset 0 -4px 8px #2a0b3a52;filter:drop-shadow(0 2px 0 var(--gem-rim-dark)) drop-shadow(3px 4px 3px var(--gem-shadow));text-shadow:none}.card>.ability-mark{position:absolute;top:7px;right:7px;left:auto;z-index:5;width:19px;height:19px;display:grid;place-items:center;color:var(--ink);border:1px solid var(--ink);background:var(--punch);box-shadow:2px 2px #6d43b2;font:900 10px/1 var(--font-condensed);transform:rotate(5deg);pointer-events:none}.card:has(>.card-inner[data-card-color]){--card-frame: #d8d0c2;--card-frame-keyline: rgba(8, 9, 12, .86);border:3px solid var(--card-frame)}.card:has(>.card-inner[data-card-color]):before{content:"";position:absolute;inset:1px;z-index:1;border:1px solid var(--card-frame-keyline);pointer-events:none}.card.lunara-card:before{display:none}.card>.unbroken-guard{position:absolute;z-index:3;top:-5px;right:-5px;left:-5px;height:64%;background:url(/images/optimized/unbroken-guard-v2-07297613a755.webp) center top / 100% 100% no-repeat;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(210,218,222,.16)) drop-shadow(3px 5px 3px rgba(0,0,0,.66))}.card>.unbroken-guard~.pow{z-index:6}.card>.unbroken-guard~.ability-mark{z-index:7}.player.me .card.playable:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:5px 6px 0 var(--signal)}.player.me .card:focus-visible{z-index:12;outline:3px solid var(--punch);outline-offset:3px;transform:translateY(-5px) rotate(-1deg)}.player.me .card.queued{transform:translate3d(0,-12px,0);outline:3px solid var(--mana, #55c7d8);outline-offset:3px;box-shadow:0 6px 0 var(--ink);filter:none;opacity:1!important;z-index:6}.player.me .card.queued:hover,.player.me .card.queued:focus-visible{transform:translate3d(0,-12px,0)}.player.me .card.queued:focus-visible{outline-style:dashed}.player.me .card.queue-ready{transition:transform .15s ease-out,opacity .15s ease-out}.player.me .card.queue-ready:not(.queued){opacity:.78!important}.player.me .card.queue-ready:not(.queued):hover,.player.me .card.queue-ready:not(.queued):focus-visible{opacity:1!important}.player.me .card.queued:after{content:"\c120\c785\b825";position:absolute;inset:auto;bottom:calc(100% + 24px);left:50%;transform:translate(-50%);z-index:9;width:max-content;padding:4px 9px 3px;border:0;border-radius:0;color:var(--ink);background:var(--mana, #55c7d8);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);font:400 16px / 1.2 var(--font-ui);white-space:nowrap;text-shadow:none;pointer-events:none}.player.me .card.queued:is(.discard-dragging,.discard-pending):after{display:none}@media(prefers-reduced-motion:reduce){.player.me .card.queue-ready{transition:none}}.card-tooltip{position:absolute;z-index:120;width:276px;padding:13px 14px 14px;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.12) 0 1px,transparent 1.3px) 0 0 / 7px 7px,#08090cf7;box-shadow:8px 9px 0 var(--signal),0 12px 28px #00000075;clip-path:polygon(2% 0,100% 3%,97% 100%,0 96%);transform:translate(-50%,calc(-100% - 13px)) rotate(-.45deg);pointer-events:none;animation:cardTooltipIn .1s cubic-bezier(.2,.9,.2,1) both}.card-tooltip.is-below{transform:translate(-50%,13px) rotate(.45deg)}.card-tooltip-topline{display:flex;justify-content:space-between;gap:10px;color:var(--punch);font:900 10px/1 var(--font-condensed);letter-spacing:.15em}.card-tooltip-name{display:block;margin:6px 0 0;font:italic 400 34px/.9 var(--font-display);letter-spacing:-.04em;text-shadow:3px 3px 0 var(--signal)}.card-tooltip-ability{position:relative;margin-top:9px;padding:21px 10px 9px;color:var(--paper);background:linear-gradient(120deg,#6d43b2,#3b205f);box-shadow:inset 4px 0 0 var(--punch)}.card-tooltip-trigger{position:absolute;top:0;left:0;padding:4px 8px 3px;color:var(--ink);background:var(--punch);font:900 8px/1 var(--font-condensed);letter-spacing:.13em}.card-tooltip-ability strong{display:block;font:900 13px/1 var(--font-condensed);letter-spacing:.08em}.card-tooltip-ability p{margin:5px 0 0;font:700 11px/1.35 var(--font-ui);letter-spacing:-.01em}.card-tooltip[data-ability=guard_break] .card-tooltip-ability{background:linear-gradient(120deg,#9b3f18,#54230f)}.card-tooltip[data-ability=hit_haste] .card-tooltip-ability{background:linear-gradient(120deg,#087b87,#12424c)}.deck-panel{width:min(1050px,100%);margin-inline:auto;min-height:0;justify-content:flex-start;gap:12px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--signal) transparent}.deck-tab-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.deck-tab-head h2{margin:4px 0 0;color:var(--paper);font:400 clamp(30px,5cqw,46px)/.9 var(--font-display);letter-spacing:-.05em;text-shadow:4px 4px 0 var(--signal)}.deck-tab-head p{margin:7px 0 0;color:var(--paper-dim);font:700 12px/1.25 var(--font-ui)}.deck-add-btn{min-width:134px;padding:11px 17px;color:var(--ink);border:2px solid var(--ink);background:var(--electric);box-shadow:5px 5px 0 var(--paper);clip-path:polygon(5% 0,100% 5%,94% 100%,0 92%);font:900 15px/1 var(--font-ui);cursor:pointer}.deck-add-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--paper)}.deck-add-btn:focus-visible{outline:3px solid var(--punch);outline-offset:3px}.deck-workspace{min-height:0;display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:14px}.deck-preset-column{min-height:0;padding:12px 9px 13px 12px;color:var(--paper);border:2px solid rgba(242,234,220,.5);background:#08090cdb;box-shadow:6px 7px #43d7d399;clip-path:polygon(5% 0,100% 2%,96% 97%,0 100%,2% 12%)}.deck-preset-label{margin:0 4px 9px;display:flex;justify-content:space-between;color:var(--paper-dim);font:900 9px/1 var(--font-condensed);letter-spacing:.18em}.deck-preset-label strong{color:var(--electric)}.deck-preset-list{display:flex;flex-direction:column;gap:7px}.deck-preset-item{position:relative;min-height:54px;padding:8px 8px 8px 36px;display:flex;align-items:center;color:var(--paper-dim);border:1px solid rgba(242,234,220,.22);background:#191d24d1;text-align:left;cursor:pointer;clip-path:polygon(3% 0,100% 4%,96% 100%,0 94%)}.deck-preset-item:hover{color:var(--paper);border-color:var(--paper)}.deck-preset-item.is-selected{color:var(--ink);border-color:var(--ink);background:var(--paper);box-shadow:inset 5px 0 0 var(--signal)}.deck-preset-index{position:absolute;left:10px;color:var(--signal-hot);font:italic 900 16px/1 var(--font-condensed)}.deck-preset-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.deck-preset-copy strong{overflow:hidden;font:900 14px/1 var(--font-ui);text-overflow:ellipsis;white-space:nowrap}.deck-preset-copy small{overflow:hidden;max-width:118px;font:800 7px/1 var(--font-condensed);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;opacity:.65}.deck-preset-item i{position:absolute;top:5px;right:6px;color:var(--ink);background:var(--electric);padding:2px 4px;font:900 6px/1 var(--font-condensed);font-style:normal;letter-spacing:.08em;transform:rotate(2deg)}.deck-preset-item:focus-visible{outline:3px solid var(--punch);outline-offset:2px}.deck-detail{min-width:0;padding:13px 16px 15px;color:var(--paper);border:2px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#08090cf0;box-shadow:8px 9px 0 var(--signal);clip-path:polygon(2% 0,100% 2%,98% 92%,94% 100%,3% 97%,0 88%,1% 10%)}.deck-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.deck-active-state{color:var(--paper-dim);font:900 8px/1 var(--font-condensed);letter-spacing:.18em}.deck-active-state.is-active{color:var(--electric)}.deck-detail-head h3{margin:3px 0 0;font:400 clamp(22px,3.4cqw,32px)/1 var(--font-display);letter-spacing:-.04em}.deck-detail-actions{display:flex;gap:6px}.deck-detail-actions button,.deck-cancel-btn{padding:7px 13px;color:var(--paper);border:1px solid var(--paper);background:var(--ink-soft);font:900 11px/1 var(--font-ui);cursor:pointer}.deck-detail-actions button:hover,.deck-cancel-btn:hover{color:var(--ink);background:var(--paper)}.deck-detail-actions button:disabled{opacity:.28;cursor:not-allowed}.deck-detail-actions #deckDeleteBtn.is-armed{color:var(--paper);border-color:var(--signal);background:var(--signal)}.deck-name-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:-2px 0 10px}.deck-name-field[hidden]{display:none}.deck-name-field span{color:var(--paper-dim);font:900 9px/1 var(--font-ui)}.deck-name-field input{min-width:0;padding:7px 9px;color:var(--ink);border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--electric);font:900 14px/1 var(--font-ui)}.deck-name-field input:focus{outline:3px solid var(--punch);outline-offset:2px}.deck-panel .deck-slots{margin-bottom:8px}.deck-panel .deck-slot{height:clamp(88px,15cqh,120px)}.deck-edit-area{padding-top:8px;border-top:1px solid rgba(242,234,220,.2)}.deck-edit-area[hidden]{display:none}.deck-panel .deck-pool-card{height:clamp(72px,12cqh,94px)}.deck-panel .deck-builder-actions{margin-top:10px}.deck-cancel-btn{margin-left:auto}.deck-panel .deck-save-btn{min-width:140px;padding:10px 18px;font-size:16px}.deck-builder-kicker{color:var(--signal-hot);font:900 11px/1 var(--font-condensed);letter-spacing:.2em}.deck-save-btn:focus-visible,.deck-pool-card:focus-visible{outline:3px solid var(--punch);outline-offset:3px}.deck-slots{position:relative;z-index:1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-bottom:20px}.deck-slot,.deck-pool-card{position:relative;min-width:0;overflow:hidden;color:var(--paper);border:2px solid rgba(242,234,220,.5);background:var(--ink-soft);clip-path:polygon(7% 0,100% 3%,94% 100%,0 96%);text-align:left}.deck-slot{height:clamp(112px,19cqh,158px);transform:translateY(calc((var(--slot-index) % 2) * 6px))}.deck-slot.common{border-color:var(--electric);box-shadow:inset -4px 0 0 var(--toxic)}.deck-slot strong,.deck-slot small,.deck-pool-card strong,.deck-pool-card small{position:absolute;z-index:2;left:7px;right:6px}.deck-slot strong,.deck-pool-card strong{bottom:19px;overflow:hidden;font:900 clamp(11px,1.8cqw,15px)/1 var(--font-condensed);text-overflow:ellipsis;white-space:nowrap}.deck-slot small,.deck-pool-card small{bottom:7px;color:var(--paper-dim);font:800 7px/1 var(--font-condensed);letter-spacing:.04em}.deck-slot.empty{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);border-style:dashed;background:#11141ab8}.deck-slot.empty span{color:var(--electric);font:900 8px/1 var(--font-condensed);letter-spacing:.12em}.deck-slot.empty strong{position:static;margin-top:6px;font-size:10px}.deck-collection-head{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--paper-dim);font:900 10px/1 var(--font-condensed);letter-spacing:.16em}.deck-collection-head strong{color:var(--punch)}.deck-common-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.deck-pool-card{height:clamp(88px,15cqh,122px);padding:0;cursor:pointer;opacity:.62;transition:transform .11s,opacity .11s}.deck-pool-card:hover{opacity:1;transform:translateY(-3px)}.deck-pool-card.is-selected{opacity:1;border-color:var(--electric);box-shadow:inset 0 -4px 0 var(--toxic)}.deck-card-check{position:absolute;z-index:3;top:6px;right:7px;width:20px;height:20px;display:grid;place-items:center;color:var(--ink);background:var(--punch);font:900 13px/1 var(--font-condensed);transform:rotate(5deg)}.deck-builder-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.deck-builder-actions p{margin:0;color:var(--electric);font:800 12px/1.2 var(--font-ui)}.deck-save-btn{min-width:180px;padding:13px 24px;color:var(--ink);border:2px solid var(--ink);background:var(--punch);box-shadow:5px 5px 0 var(--signal);font:400 20px/1 var(--font-display);cursor:pointer;clip-path:polygon(4% 0,100% 3%,95% 100%,0 94%)}.deck-save-btn:disabled{opacity:.35;cursor:not-allowed}@media(max-width:620px){.hub-tabs{gap:4px}.hub-tab{min-height:62px;padding-inline:10px}.hub-tab-code{font-size:7px}.deck-workspace{grid-template-columns:1fr}.deck-preset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.deck-panel{padding-bottom:10px}.deck-tab-head{align-items:flex-start}.deck-tab-head p{display:none}.deck-add-btn{min-width:112px;padding-inline:12px}.deck-slots{grid-template-columns:repeat(4,minmax(0,1fr))}.deck-slot{height:96px;transform:none}.deck-builder-actions{align-items:stretch;flex-direction:column}.deck-save-btn{width:100%}}@media(prefers-reduced-motion:reduce){.deck-pool-card,.hub-tabs,.hub-tab-label{transition:none}}.deck-panel{position:relative;width:100%;max-width:none;height:100%;gap:8px;padding:0 2px 8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:var(--signal-hot) rgba(242,234,220,.12);scrollbar-width:thin}.deck-panel::-webkit-scrollbar{width:5px}.deck-panel::-webkit-scrollbar-thumb{background:var(--signal-hot)}.deck-panel .deck-tab-head{min-height:58px;align-items:center}.deck-panel .deck-tab-head h2{font-size:38px}.deck-rule-badge{padding:6px 11px 5px;color:var(--ink);background:var(--punch);box-shadow:4px 4px 0 var(--signal);clip-path:polygon(7% 0,100% 5%,92% 100%,0 92%);font:italic 900 9px/1.05 var(--font-condensed);text-align:right;transform:rotate(2deg)}.deck-rule-badge b{font-size:22px}.deck-preset-strip{position:relative;min-height:62px;padding:3px 62px 3px 0}.deck-panel .deck-preset-list{height:58px;display:flex;flex-direction:row;gap:7px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none}.deck-panel .deck-preset-list::-webkit-scrollbar{display:none}.deck-panel .deck-preset-item{flex:0 0 102px;min-height:52px;padding:8px 9px;scroll-snap-align:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;color:var(--paper);border:2px solid rgba(242,234,220,.35);background:#11141af0;isolation:isolate}.deck-panel .deck-preset-item:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,#08090c1f 0 26%,#08090cc2 62%,#08090cf5)}.deck-preset-portrait{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.08)}.deck-panel .deck-preset-item>strong{position:relative;z-index:2;display:block;overflow:hidden;color:var(--paper);font:900 12px/1.1 var(--font-ui);text-shadow:2px 2px 0 var(--ink);text-overflow:ellipsis;white-space:nowrap}.deck-panel .deck-preset-item>small{position:relative;z-index:2;display:block;margin-top:4px;overflow:hidden;color:var(--paper-dim);font:italic 900 7px/1 var(--font-condensed);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.deck-panel .deck-preset-item.is-selected>small{color:#08090c9e}.deck-panel .deck-preset-item i{top:auto;right:6px;bottom:5px;color:var(--ink);background:var(--electric);font-size:6px}.deck-panel .deck-preset-item.is-selected{color:var(--paper);border-color:var(--paper);background:var(--ink);box-shadow:inset 5px 0 0 var(--signal),4px 4px 0 var(--electric);transform:translateY(-2px)}.deck-panel .deck-preset-item.is-selected:after{background:linear-gradient(90deg,#f0443b1f 0 22%,#08090cb3 58%,#08090cf0)}.deck-panel .deck-preset-item.is-selected>small{color:var(--electric)}.deck-panel .deck-add-btn{position:absolute;top:4px;right:4px;width:50px;min-width:50px;height:50px;padding:0;display:grid;place-items:center;font:900 28px/1 var(--font-condensed)}.deck-panel .deck-add-btn:disabled{opacity:.28;cursor:not-allowed}.deck-preset-count{position:absolute;right:7px;bottom:-1px;color:var(--paper-dim);font:900 7px/1 var(--font-condensed);letter-spacing:.1em}.deck-panel .deck-detail{padding:11px 13px 15px;box-shadow:6px 7px 0 var(--signal);clip-path:polygon(2% 0,100% 1%,98% 96%,93% 100%,2% 98%,0 90%,1% 8%)}.deck-panel .deck-detail-head{min-height:42px;margin-bottom:8px;align-items:center}.deck-panel .deck-detail-head>div{min-width:0}.deck-panel .deck-detail-head h3{font-size:25px}.deck-panel .deck-detail-head .deck-rule-badge{flex:0 0 auto;align-self:center;transform:rotate(-2deg)}.deck-detail-controls{flex:0 0 auto;display:flex;align-items:center;gap:7px}.deck-auto-fill-btn,.deck-auto-fill-btn:hover,.deck-auto-fill-btn:active,.deck-auto-fill-btn:focus{width:82px;height:44px;padding:6px 8px 5px;display:grid;align-content:center;gap:3px;color:var(--ink);border:2px solid var(--ink);border-radius:0;background:var(--punch);box-shadow:3px 3px 0 var(--signal);clip-path:polygon(5% 0,100% 6%,94% 100%,0 91%);text-align:left;transform:rotate(-1deg)}.deck-auto-fill-btn span{font:italic 900 7px/1 var(--font-condensed);letter-spacing:.1em}.deck-auto-fill-btn strong{font:900 11px/1 var(--font-ui);white-space:nowrap}.deck-auto-fill-btn:active{transform:translate(2px,2px) rotate(-1deg);box-shadow:1px 1px 0 var(--signal)}.deck-auto-fill-btn:focus-visible{outline:3px solid var(--electric);outline-offset:2px}.deck-menu-btn{width:48px;height:44px;padding:0 0 6px;color:var(--paper);border:2px solid var(--paper);background:var(--ink-soft);box-shadow:3px 3px 0 var(--electric);font:900 18px/1 var(--font-condensed);letter-spacing:.08em;cursor:pointer;clip-path:polygon(5% 0,100% 7%,92% 100%,0 92%)}.deck-menu-btn:focus-visible{outline:3px solid var(--punch);outline-offset:2px}.deck-panel .deck-slots{position:relative;min-height:166px;padding:12px 12px 17px;display:flex;gap:5px;margin:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-color:var(--electric) rgba(242,234,220,.12);scrollbar-width:thin;background:repeating-linear-gradient(90deg,transparent 0 84px,rgba(242,234,220,.13) 84px 86px),linear-gradient(180deg,#f2eadc0f,#08090cd1);border-top:2px solid rgba(242,234,220,.34);border-bottom:5px solid var(--ink);box-shadow:inset 0 -2px 0 var(--signal-hot)}.deck-panel .deck-slots::-webkit-scrollbar{height:5px}.deck-panel .deck-slots::-webkit-scrollbar-thumb{background:var(--electric)}.deck-panel .deck-slots:after{content:"";height:1px;flex:0 0 44%;pointer-events:none}.deck-panel .deck-slot{width:calc(var(--w-unit) * var(--deck-card-width, 1));min-width:calc(var(--w-unit) * var(--deck-card-width, 1));height:132px;flex:0 0 calc(var(--w-unit) * var(--deck-card-width, 1));padding:0;transform:none;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.deck-leader-slot{cursor:pointer!important}.card.leader-card .pow{min-width:var(--power-gem-width);padding-inline:12px;border-color:#8f211d;border-radius:999px;background:radial-gradient(ellipse at center,#7b1118,#98151d 38%,#c6272b 72%,#ef493b);box-shadow:inset 0 0 0 1px #4c1111,inset 0 2px #ffc4b157,inset 0 -5px 8px #43070a47;filter:drop-shadow(0 2px 0 #4c1111) drop-shadow(3px 4px 3px rgba(62,11,12,.56));clip-path:none}.card.leader-card .pow-facets{display:none}.card.leader-card .pow-value{position:relative;inset:auto;display:block;color:#fff7ef;-webkit-text-stroke-color:#681613;text-shadow:0 1px 0 #561313}.card.leader-card .pow:after{inset:3px;border-radius:inherit;clip-path:none}.deck-panel .deck-slot.is-just-added{z-index:6;animation:deckCardArrive .68s cubic-bezier(.2,.9,.2,1) both}@keyframes deckCardArrive{0%{filter:brightness(1.9) saturate(1.4);transform:translateY(-10px) scale(1.035)}42%{box-shadow:0 0 0 4px var(--punch),8px 9px 0 var(--signal)}to{filter:none;transform:none}}.deck-panel .deck-slot.character{cursor:pointer}.deck-panel .deck-slot.common{border-color:var(--electric);box-shadow:inset -4px 0 0 var(--toxic),0 0 0 0 var(--punch)}.deck-lock,.deck-swap-mark{position:absolute;z-index:3;top:6px;right:5px;padding:3px 4px 2px;color:var(--ink);background:var(--paper-dim);font:900 6px/1 var(--font-condensed);letter-spacing:.08em;transform:rotate(2deg)}.deck-swap-mark{color:var(--ink);background:var(--electric)}.deck-panel .deck-slot.is-empty{opacity:.72;border:2px dashed rgba(67,215,211,.72);background:#43d7d312;box-shadow:inset -4px 0 #43d7d33d}.deck-panel .deck-slot.character.is-empty{border-color:#f0443bcc;background:#f0443b14;box-shadow:inset -4px 0 #f0443b47}.deck-empty-plus{position:absolute;inset:12px 8px 34px;display:grid;place-items:center;color:var(--electric);font:400 36px/1 var(--font-display)}.deck-slots.needs-space .deck-slot:not(.is-empty){animation:deckTargetNudge .32s ease-out 2}@keyframes deckTargetNudge{50%{border-color:var(--punch);transform:translateY(-3px)}}.deck-card-picker{min-height:150px;flex:0 0 auto;padding:10px 12px 12px;display:flex;flex-direction:column;color:var(--paper);border:2px solid rgba(242,234,220,.45);background:#08090cd6;box-shadow:5px 6px #43d7d37a;clip-path:polygon(1% 2%,98% 0,100% 94%,5% 100%,0 91%)}.deck-card-picker .deck-collection-head{margin-bottom:3px;align-items:flex-end}.deck-card-picker .deck-collection-head h3{margin:3px 0 0;color:var(--paper);font:400 22px/1 var(--font-display);letter-spacing:-.04em}.deck-builder-status{min-height:18px;margin:0 0 6px;color:var(--electric);font:800 10px/1.3 var(--font-ui)}.deck-builder-status:empty{display:none}.deck-collection-scroll{padding:3px 5px 14px 2px;display:flex;flex-direction:column;gap:15px;overflow:visible}.deck-collection-group>header{min-height:24px;padding:5px 7px 4px;display:flex;align-items:center;justify-content:space-between;color:var(--paper);border-left:4px solid var(--signal-hot);background:#08090cf0;font:900 9px/1 var(--font-ui);letter-spacing:.08em}.deck-collection-group:last-child>header{border-left-color:var(--electric)}.deck-collection-group>header span{color:var(--punch)}.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool{margin-top:7px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:7px}.deck-card-filters{display:flex;gap:7px}.deck-card-filters button{min-height:38px;padding:8px 15px;color:var(--paper-dim);border:1px solid rgba(242,234,220,.32);border-radius:0;background:#08090cb8;font:900 11px/1 var(--font-ui)}.deck-card-filters button.is-active{color:var(--ink);border-color:var(--punch);background:var(--punch);box-shadow:3px 3px 0 var(--signal)}.deck-pool-empty{grid-column:1 / -1;min-height:66px;margin:0;padding:17px 14px 12px;color:var(--paper-dim);border:1px dashed rgba(242,234,220,.32);background:#f2eadc09;font:900 10px/1.2 var(--font-ui)}.deck-pool-empty small{display:block;margin-top:6px;color:var(--electric);font:700 8px/1.25 var(--font-ui)}.deck-panel .deck-pool-card{height:clamp(86px,10.5cqh,112px);opacity:1;border-color:#f2eadc80;-webkit-tap-highlight-color:transparent}.deck-panel .deck-pool-card:active{transform:scale(.96)}.deck-panel .deck-card-check{width:auto;color:var(--ink);background:var(--electric);font-size:7px}.deck-preset-menu{position:absolute;top:0;right:auto;left:0;z-index:20;width:156px;padding:6px;border:2px solid var(--paper);background:var(--ink);box-shadow:7px 8px 0 var(--signal);clip-path:polygon(3% 0,100% 3%,96% 100%,0 94%)}.deck-preset-menu[hidden],.deck-action-sheet[hidden],.deck-global-undo[hidden]{display:none}.deck-preset-menu button{width:100%;min-height:44px;padding:9px 11px;color:var(--paper);border:0;border-bottom:1px solid rgba(242,234,220,.18);background:transparent;font:900 12px/1 var(--font-ui);text-align:left;cursor:pointer}.deck-preset-menu button:last-child{color:var(--signal-hot);border-bottom:0}.deck-preset-menu button:hover{color:var(--ink);background:var(--paper)}.deck-preset-menu button:disabled{opacity:.3;cursor:not-allowed}.deck-action-sheet{position:absolute;left:10px;right:10px;bottom:14px;z-index:32;min-height:88px;padding:13px 14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;color:var(--paper);border:3px solid var(--paper);background:var(--ink);box-shadow:8px 9px 0 var(--signal);clip-path:polygon(2% 0,100% 4%,97% 100%,0 94%)}.deck-action-sheet label,.deck-action-sheet strong{grid-column:1 / -1;font:900 13px/1 var(--font-ui)}.deck-action-sheet input{min-width:0;height:44px;padding:8px 10px;color:var(--ink);border:2px solid var(--ink);background:var(--paper);font:900 15px/1 var(--font-ui)}.deck-action-sheet button{min-width:72px;min-height:44px;padding:8px 11px;color:var(--paper);border:1px solid var(--paper);background:var(--ink-soft);font:900 11px/1 var(--font-ui)}.deck-action-sheet button:last-child{color:var(--ink);border-color:var(--punch);background:var(--punch)}.deck-delete-sheet{grid-template-columns:1fr auto auto}.deck-delete-sheet span{grid-column:1;color:var(--paper-dim);font:700 10px/1.25 var(--font-ui)}.deck-delete-sheet button:last-child{color:var(--paper);border-color:var(--signal);background:var(--signal)}.deck-character-sheet{position:absolute;z-index:90;inset:0;padding:18px 18px calc(104px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.deck-character-sheet[hidden]{display:none}.deck-character-backdrop,.deck-character-backdrop:hover,.deck-character-backdrop:active,.deck-character-backdrop:focus{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#030407c7;box-shadow:none;backdrop-filter:blur(5px);transform:none}.deck-character-dialog{position:relative;z-index:1;width:min(100%,504px);padding:18px 16px 16px;color:var(--paper);border:3px solid var(--paper);background:linear-gradient(145deg,rgba(240,68,59,.3),transparent 38%),radial-gradient(circle,rgba(242,234,220,.11) 0 1px,transparent 1.4px) 0 0 / 8px 8px,#0c0e13;box-shadow:9px 10px 0 var(--signal);clip-path:polygon(2% 0,100% 3%,97% 100%,0 96%);animation:deckCharacterSheetIn .18s cubic-bezier(.18,.86,.3,1) both}.deck-character-dialog>header{min-height:58px;margin-bottom:13px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.deck-character-dialog>header span{color:var(--electric);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.16em}.deck-character-dialog>header h3{margin:6px 0 0;font:400 27px/.95 var(--font-display);letter-spacing:-.04em}#deckCharacterCloseBtn,#deckCharacterCloseBtn:hover,#deckCharacterCloseBtn:active,#deckCharacterCloseBtn:focus{width:42px;min-width:42px;height:40px;padding:0 0 3px;color:var(--paper);border:2px solid var(--paper);border-radius:0;background:var(--signal);box-shadow:3px 3px 0 var(--ink);font:900 27px/1 var(--font-condensed);transform:rotate(1deg)}.deck-character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.deck-character-list button,.deck-character-list button:hover,.deck-character-list button:active,.deck-character-list button:focus{position:relative;height:102px;min-width:0;padding:0;overflow:hidden;color:var(--paper);border:1px solid rgba(242,234,220,.48);border-radius:0;background:#11141a;box-shadow:none;clip-path:polygon(4% 0,100% 3%,96% 100%,0 95%);text-align:left;transform:none}.deck-character-list button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,rgba(8,9,12,.74) 48%,rgba(8,9,12,.98) 100%)}.deck-character-list button:hover{border-color:var(--punch)}.deck-character-list button:active{transform:scale(.97)}.deck-character-list button:focus-visible{outline:3px solid var(--punch);outline-offset:2px}.deck-character-list img{position:absolute;inset:0;width:66%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.72) contrast(1.1)}.deck-character-list button>span{position:absolute;z-index:2;top:50%;left:42%;right:8px;display:grid;gap:4px;transform:translateY(-50%)}.deck-character-list small{color:var(--signal-hot);font:italic 900 7px/1 var(--font-condensed);letter-spacing:.07em}.deck-character-list strong{overflow:hidden;font:italic 900 16px/.95 var(--font-condensed);text-overflow:ellipsis;white-space:nowrap}.deck-character-list em{color:var(--paper-dim);font:900 7px/1 var(--font-condensed);font-style:normal;letter-spacing:.1em}@keyframes deckCharacterSheetIn{0%{opacity:0;transform:translateY(36px) rotate(-1deg)}}@container stage (max-width: 720px){.deck-workspace{display:block}.deck-panel{position:absolute;inset:28px 22px calc(104px + env(safe-area-inset-bottom));width:auto;height:auto;max-height:none;padding-bottom:34px}}@media(prefers-reduced-motion:reduce){.deck-slots.needs-space .deck-slot,.deck-slot.is-just-added,.deck-global-undo,.deck-character-dialog,.deck-card-modal-dialog{animation:none}}.deck-panel .deck-detail{padding-bottom:11px}.deck-panel .deck-slots{min-height:132px;padding:9px 10px 13px}.deck-panel .deck-slot{height:104px}.deck-panel .deck-slots:after{flex-basis:28%}.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.deck-panel .deck-pool-card{height:64px;padding:0 52px 0 76px;border-width:1px;background:#11141a;clip-path:polygon(2% 0,100% 4%,98% 100%,0 94%)}.deck-panel .deck-pool-card strong,.deck-panel .deck-pool-card small{left:78px;right:48px}.deck-panel .deck-pool-card strong{bottom:24px;font-size:13px}.deck-panel .deck-pool-card small{bottom:11px;font-size:6px}.deck-card-modal{--deck-modal-unit: 150.5px;--deck-modal-gap: 10.5px;position:absolute;z-index:96;inset:0;padding:28px 26px calc(116px + env(safe-area-inset-bottom));display:grid;place-items:center}.deck-card-modal[hidden]{display:none}.deck-card-modal-backdrop,.deck-card-modal-backdrop:hover,.deck-card-modal-backdrop:active,.deck-card-modal-backdrop:focus{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#030407db;box-shadow:none;backdrop-filter:blur(6px);transform:none}.deck-card-modal-dialog{position:relative;z-index:1;width:min(100%,650px);max-height:100%;padding:16px;display:grid;grid-template-columns:minmax(190px,.82fr) minmax(260px,1.18fr);gap:17px;overflow:auto;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.08) 0 1px,transparent 1.3px) 0 0 / 9px 9px,#0b0d12;box-shadow:10px 11px 0 var(--signal);clip-path:polygon(2% 0,100% 2%,98% 97%,4% 100%,0 94%);animation:deckCardModalIn .18s cubic-bezier(.18,.86,.3,1) both}.deck-card-modal-dialog:focus{outline:none}.deck-card-modal-visual{position:relative;max-width:100%;min-height:0;align-self:center;justify-self:center;overflow:hidden;border:2px solid rgba(242,234,220,.72);background:#151820;clip-path:polygon(5% 0,100% 2%,95% 100%,0 96%)}.deck-card-modal-visual:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 56%,rgba(8,9,12,.74) 100%)}.deck-card-modal-visual img{width:100%;height:100%;object-fit:cover;object-position:center top}.deck-card-modal-preview-power{position:absolute;z-index:3;right:9px;bottom:9px;min-width:54px;padding:6px 8px 5px;display:grid;gap:2px;color:var(--ink);border:2px solid var(--ink);background:var(--punch);box-shadow:3px 3px 0 var(--signal);transform:rotate(-2deg)}.deck-card-modal-preview-power small{font:900 7px/1 var(--font-condensed);letter-spacing:.1em}.deck-card-modal-preview-power strong{font:italic 900 20px/1 var(--font-condensed)}.deck-card-modal-visual.is-grab .deck-card-modal-preview-power{color:var(--paper);border-color:var(--paper);background:#6d43b2;box-shadow:3px 3px 0 var(--toxic)}.deck-card-modal-card-label{position:absolute;z-index:3;left:11px;right:72px;bottom:10px;min-width:0;color:var(--paper);text-shadow:2px 2px 0 var(--ink)}.deck-card-modal-card-label h3{margin:0;overflow:hidden;font:italic 900 26px/.92 var(--font-condensed);letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap}.deck-card-modal-visual.is-narrow .deck-card-modal-card-label{right:9px;bottom:58px}.deck-card-modal-visual.is-narrow .deck-card-modal-card-label h3{font-size:22px}.deck-card-modal-title{margin:0 0 12px;color:var(--paper);font:italic 900 28px/1.1 var(--font-condensed)}.deck-card-modal-copy{min-width:0;padding:13px 5px 3px 0;display:flex;flex-direction:column;gap:14px}.deck-card-modal-effect{padding:11px 12px 12px;border-left:4px solid var(--punch);background:#f4c93f17}.deck-card-modal-effect strong{display:block;margin:0;color:var(--paper);font:900 13px/1 var(--font-condensed);font-synthesis:none;text-shadow:none;-webkit-text-stroke:0}.deck-card-modal-effect p{margin:7px 0 0;color:#f2eadce6;font-family:var(--font-body-ko);font-size:11px;font-weight:600;line-height:1.55;letter-spacing:-.015em;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0;word-break:keep-all}.deck-card-modal-flavor{position:relative;margin:0;padding:13px 7px 2px 22px;color:#f2eadca8;border-top:1px solid rgba(242,234,220,.18);font:italic 500 11px/1.65 var(--font-ui);letter-spacing:.015em;word-break:keep-all}.deck-card-modal-flavor:before{content:"\201c";position:absolute;top:11px;left:3px;color:#43d7d394;font:italic 900 23px/1 var(--font-condensed)}.deck-card-modal-state{position:absolute;z-index:3;top:9px;left:9px;max-width:calc(100% - 18px);width:fit-content;margin:0;padding:7px 9px 7px 8px;display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;color:var(--paper);border-left:3px solid var(--electric);background:#08090cd6;box-shadow:2px 2px #43d7d373;backdrop-filter:blur(3px)}.deck-card-modal-state span{color:var(--electric);font:italic 900 7px/1 var(--font-condensed);letter-spacing:.12em}.deck-card-modal-state strong{font:800 8px/1.1 var(--font-ui);white-space:nowrap}.deck-card-modal-state.is-available{border-left-color:var(--punch);box-shadow:2px 2px #f4c93f66}.deck-card-modal-state.is-available span{color:var(--punch)}.deck-card-modal-state.is-blocked{border-left-color:var(--signal-hot);box-shadow:2px 2px #f0443b66}.deck-card-modal-state.is-blocked span{color:var(--signal-hot)}.deck-card-modal-action,.deck-card-modal-action:hover,.deck-card-modal-action:active,.deck-card-modal-action:focus{position:absolute;z-index:3;left:50%;bottom:calc(56px + env(safe-area-inset-bottom));width:min(220px,calc(100% - 40px));min-height:58px;padding:12px 18px;color:var(--ink);border:2px solid var(--ink);border-radius:0;background:var(--punch);box-shadow:4px 4px 0 var(--signal);font:900 14px/1 var(--font-ui);transform:translate(-50%)}.deck-card-modal-action.is-remove{color:var(--ink);border-color:var(--ink);background:var(--electric);box-shadow:4px 4px 0 var(--paper)}.deck-card-modal-action:disabled{opacity:.36;cursor:not-allowed;box-shadow:none}.deck-card-modal-action:focus-visible{outline:3px solid var(--electric);outline-offset:2px}@keyframes deckCardModalIn{0%{opacity:0;transform:translateY(18px) scale(.98)}}@container stage (max-width: 560px){.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool{grid-template-columns:1fr}.deck-card-modal{padding:20px 18px calc(112px + env(safe-area-inset-bottom))}.deck-card-modal-dialog{grid-template-columns:minmax(0,1fr);gap:12px;padding:12px}.deck-card-modal-visual{max-height:none;justify-self:center}.deck-card-modal-copy{padding-top:8px}.deck-card-modal-effect{padding:9px}}.deck-panel .deck-loadout-view .deck-slot.is-empty{cursor:pointer}.deck-panel .deck-loadout-view .deck-slot.is-empty:hover,.deck-panel .deck-loadout-view .deck-slot.is-empty:focus-visible,.deck-panel .deck-loadout-view .deck-slot.is-empty.is-picking{border-color:var(--punch);filter:brightness(1.14)}.deck-panel .deck-loadout-view .deck-slot.is-empty.is-picking{box-shadow:0 0 0 3px var(--ink),0 0 0 6px var(--punch),7px 8px 0 var(--signal)}.deck-slot-picker{position:relative;margin:4px clamp(13px,2cqw,20px) 18px;padding:0 0 10px;color:var(--paper);border-top:4px solid var(--punch);background:linear-gradient(104deg,rgba(240,68,59,.13) 0 36%,transparent 36.2%),radial-gradient(circle,rgba(242,234,220,.1) 0 1px,transparent 1.35px) 0 0 / 9px 9px,#08090cf0;box-shadow:8px 9px #f0443b57;clip-path:polygon(0 0,98% 0,100% 8%,99% 100%,3% 99%,0 91%)}.deck-slot-picker-head{min-height:58px;padding:11px 16px 9px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(242,234,220,.2)}.deck-slot-picker-head>div{display:grid;gap:4px;margin-right:auto}.deck-slot-picker-head small{color:var(--electric);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.16em}.deck-slot-picker-head strong{color:var(--paper);font:400 clamp(23px,4.4cqw,34px)/.9 var(--font-display)}.deck-slot-picker-count{color:#f2eadc8c;font:italic 900 10px/1 var(--font-condensed);letter-spacing:.12em;white-space:nowrap}.deck-slot-picker-head button{width:40px;height:40px;padding:0 0 3px;display:grid;place-items:center;color:var(--paper);border:2px solid var(--paper);border-radius:0;background:var(--signal);box-shadow:3px 3px 0 var(--electric);font:900 26px/1 var(--font-condensed);transform:rotate(2deg)}.deck-slot-picker>p{margin:8px 16px 0;color:#f2eadca8;font:800 11px/1.2 var(--font-ui)}.deck-global-undo{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;z-index:84;width:min(calc(100% - 120px),440px);min-height:46px;padding:7px 8px 7px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--paper);border:2px solid var(--paper);border-left:6px solid var(--electric);background:#08090cf5;box-shadow:5px 6px 0 var(--signal);font:800 11px/1.2 var(--font-ui);transform:translate(-55%) rotate(-.4deg);animation:deckGlobalUndoIn .16s ease-out both}.deck-global-undo button{min-height:30px;padding:5px 10px;color:var(--ink);border:0;border-radius:0;background:var(--punch);font:900 10px/1 var(--font-ui);white-space:nowrap}@keyframes deckGlobalUndoIn{0%{opacity:0;transform:translate(-55%,-8px) rotate(-.4deg)}}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-global-undo{right:82px;left:14px;width:auto;transform:rotate(-.4deg)}@keyframes deckGlobalUndoIn{0%{opacity:0;transform:translateY(-8px) rotate(-.4deg)}}}.connection-overlay{position:absolute;inset:0;z-index:96;display:grid;place-items:center;padding:24px;background:#08090cc7;backdrop-filter:blur(5px)}.connection-overlay[hidden]{display:none}.connection-card{position:relative;width:min(88%,520px);padding:26px 26px 24px;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.09) 0 1px,transparent 1.25px) 0 0 / 8px 8px,linear-gradient(112deg,var(--ink-soft) 0 66%,#2a1014 66.4% 100%);box-shadow:10px 11px 0 var(--signal);clip-path:polygon(2% 0,100% 3%,96% 96%,8% 100%,0 90%)}.connection-card>span{color:var(--signal-hot);font:italic 900 11px/1 var(--font-condensed);letter-spacing:.16em}.connection-card h2{margin:12px 0 8px;font:400 clamp(28px,7cqw,42px)/1 var(--font-display)}.connection-card p{max-width:340px;margin:0;color:var(--paper-dim);font:800 13px/1.4 var(--font-ui)}.connection-card>strong{position:absolute;top:20px;right:24px;color:var(--punch);font:italic 900 54px/.8 var(--font-condensed);text-shadow:4px 4px 0 var(--ink)}.connection-card button{width:100%;margin-top:20px;padding:14px;color:var(--ink);border:0;background:var(--punch);font:900 16px/1 var(--font-ui)}.result-rewards{position:absolute;inset-inline:clamp(20px,5cqw,34px);bottom:calc(104px + env(safe-area-inset-bottom));z-index:13;padding:18px 22px 22px;color:var(--paper);border-top:3px solid var(--result-accent);background:linear-gradient(110deg,#08090cfa,#08090ce0)}.result-rewards-title{margin:0 0 14px;font:800 13px/1.3 var(--font-ui);color:var(--paper-dim)}.result-reward-status{margin:0;font:700 16px/1.5 var(--font-ui);overflow-wrap:anywhere}.result-reward-values{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-reward-values[hidden]{display:none}.result-reward-values>div{min-width:0}.result-reward-values span{font:800 12px/1.3 var(--font-ui);color:var(--paper-dim)}.result-reward-values strong{display:block;margin-top:6px;color:var(--result-accent);font:italic 900 clamp(32px,9cqw,56px)/1 var(--font-condensed)}.result-active .result-rewards{animation:resultRiseIn .38s .2s ease-out both}.result-rewards.is-granted .result-reward-values{animation:resultRiseIn .32s ease-out both}@media(prefers-reduced-motion:reduce){.result-active .result-rewards,.result-rewards.is-granted .result-reward-values{animation:none}}#stage[data-signal-kit=moon] .hub-tab.is-active{background:#d6bdff;box-shadow:inset 0 -5px #7046a4,7px 7px #7046a457}#stage[data-signal-kit=moon] #game{background-color:#0d0914}#stage[data-signal-kit=moon] .player.me .rail{border-color:#b98cff;box-shadow:5px 5px #b98cff47}#stage[data-signal-kit=nova] .hub-tab.is-active{background:#76eee7;box-shadow:inset 0 -5px #168a93,7px 7px #43d7d357}#stage[data-signal-kit=nova] #game{background-color:#071216}#stage[data-signal-kit=nova] .player.me .rail{border-color:var(--electric);box-shadow:5px 5px #43d7d352}.step-guide{position:absolute;inset:0;z-index:260;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.step-guide[hidden]{display:none}.step-guide__backdrop,.step-guide__backdrop:hover,.step-guide__backdrop:active,.step-guide__backdrop:focus{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#08090ce0;backdrop-filter:blur(7px);transform:none}.step-guide__sheet{position:relative;width:min(94%,640px);min-height:min(650px,82cqh);padding:clamp(22px,4cqw,34px);display:grid;grid-template-rows:auto minmax(220px,1fr) auto auto auto;gap:18px;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.3px) 0 0 / 8px 8px,linear-gradient(154deg,#19141a 0 58%,#0b0d12 58.3% 100%);box-shadow:12px 14px 0 var(--signal);clip-path:polygon(2% 0,100% 2%,97% 92%,88% 100%,7% 97%,0 88%);animation:tutorialIn .24s cubic-bezier(.16,1,.3,1) both}.step-guide__head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.step-guide__head>div{min-width:0;flex:1 1 auto}.step-guide__code{color:var(--electric);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.16em}.step-guide__title{max-width:100%;margin:10px 0 0;color:var(--paper);font-family:Black Han Sans,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:clamp(29px,6.5cqw,42px);font-style:normal;font-weight:400;font-synthesis:none;line-height:.98;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:normal}.step-guide__title>span{display:block}.step-guide__close{flex:0 0 42px;width:42px;height:42px;padding:0;color:var(--paper);border:2px solid var(--paper);background:var(--signal);font:900 25px/1 var(--font-ui)}.step-guide__close:hover{background:var(--signal-hot)}.step-guide__visual{position:relative;min-width:0;min-height:220px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;overflow:hidden;border-block:1px solid rgba(242,234,220,.18)}.step-guide__body{margin:0;color:var(--paper-dim);font:800 clamp(14px,3cqw,17px)/1.55 var(--font-ui)}.step-guide__pips{display:flex;gap:7px}.step-guide__pips i{width:28px;height:8px;overflow:hidden;background:#f2eadc2e;transform:skew(-15deg)}.step-guide__pips i.is-done{background:var(--electric)}.step-guide__pips i.is-active{width:54px;background:var(--punch)}.step-guide__actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px}.step-guide__actions button{min-height:54px;color:var(--paper);border:2px solid var(--paper);background:var(--ink);font:900 16px/1 var(--font-ui)}.step-guide__actions .step-guide__next{color:var(--ink);border-color:var(--punch);background:var(--punch);box-shadow:5px 5px 0 var(--signal)}.step-guide__actions button:disabled{opacity:.28}.tutorial-game-card{--w-unit: var(--tutorial-card-width);position:relative;width:var(--tutorial-card-width);padding:4px;flex:0 0 auto;pointer-events:none;transform:none}.tutorial-game-card .name{right:5px;bottom:5px;left:5px;font-size:clamp(15px,calc(var(--tutorial-card-width) * .1),24px)}.tutorial-game-card .pow{--power-gem-height: 30px;--power-gem-width: 40px;font-size:24px}.tutorial-live-rail{position:relative;width:min(94%,500px);padding:20px 12px 18px;border:3px solid rgba(242,234,220,.72);background:#090b0f;box-shadow:7px 8px #43d7d32e}.tutorial-live-rail__cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tutorial-live-rail__cards .tutorial-game-card{width:100%;min-width:0}.tutorial-rail-caption{position:absolute;right:10px;bottom:-19px;left:10px;display:grid;grid-template-columns:1fr 2.5fr .5fr;gap:6px;color:var(--paper-dim);font:italic 900 9px/1 var(--font-condensed);letter-spacing:.1em}.tutorial-rail-caption b:last-child{grid-column:2}.tutorial-triangle{position:relative;width:260px;height:190px}.tutorial-triangle b{position:absolute;width:100px;height:66px;display:grid;place-items:center;color:var(--ink);background:var(--punch);font:italic 900 18px/1 var(--font-condensed);clip-path:polygon(8% 0,100% 5%,92% 100%,0 92%)}.tutorial-triangle b small{font:800 10px/1 var(--font-ui)}.tutorial-triangle b:nth-child(1){top:0;left:80px}.tutorial-triangle b:nth-child(2){bottom:0;left:0;color:var(--paper);background:#257d91}.tutorial-triangle b:nth-child(3){right:0;bottom:0;color:var(--paper);background:#7645a8}.tutorial-triangle i{position:absolute;width:74px;height:3px;background:var(--paper);transform-origin:left center}.tutorial-triangle i:nth-of-type(1){top:68px;left:127px;transform:rotate(133deg)}.tutorial-triangle i:nth-of-type(2){top:68px;right:53px;transform:rotate(47deg)}.tutorial-triangle i:nth-of-type(3){bottom:42px;left:94px}.tutorial-card-timing{position:relative;width:min(96%,520px);display:grid;place-items:center;padding-top:31px}.tutorial-timing-labels{position:absolute;top:1px;right:5%;left:5%;z-index:8;display:grid;grid-template-columns:1fr 1fr 1fr;color:var(--paper-dim);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.11em}.tutorial-timing-labels span{opacity:.24;text-align:center}.tutorial-timing-labels span:nth-child(1){animation:tutorialStartupLabel 4.8s steps(1,end) infinite}.tutorial-timing-labels span:nth-child(2){color:var(--punch);animation:tutorialHitLabel 4.8s steps(1,end) infinite}.tutorial-timing-labels span:nth-child(3){color:var(--electric);animation:tutorialRecoveryLabel 4.8s steps(1,end) infinite}.tutorial-timing-card{width:min(var(--tutorial-card-width),82cqw);max-width:100%;height:auto;aspect-ratio:2 / 1;animation:tutorialCardState 4.8s linear infinite;box-shadow:7px 8px #f0443b59}.tutorial-timing-card .timeline-fill{position:absolute;top:0;bottom:0;left:50%;z-index:2;width:0;pointer-events:none;background:linear-gradient(90deg,#ffd44721,#ffd447b8,#ffd44721);mix-blend-mode:screen;animation:tutorialCardTimeline 4.8s linear infinite}.tutorial-timing-card .timeline-fill:before,.tutorial-timing-card .timeline-fill:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--paper);box-shadow:0 0 9px var(--paper)}.tutorial-timing-card .timeline-fill:before{left:0}.tutorial-timing-card .timeline-fill:after{right:0}.tutorial-hit-slash{position:absolute;z-index:9;width:64%;height:6px;opacity:0;background:var(--punch);box-shadow:0 0 18px var(--punch);transform:rotate(-18deg);animation:tutorialHitSlash 4.8s steps(1,end) infinite}.tutorial-loadout{width:min(96%,500px);display:grid;grid-template-columns:repeat(8,minmax(0,1fr));align-items:end;gap:5px;padding:18px 8px 9px;border-bottom:3px solid var(--signal);background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),rgba(67,215,211,.18) calc(12.5% - 1px) 12.5%)}.tutorial-loadout-card{width:100%;padding:2px}.tutorial-loadout--pair{display:flex;justify-content:center;gap:16px;background:none}.tutorial-loadout-card .name{right:2px;bottom:2px;left:2px;max-height:1em;font-size:9px}.tutorial-loadout-card .pow{--power-gem-height: 18px;--power-gem-width: 23px;min-width:23px;padding-inline:4px;border-width:1px;font-size:13px}@keyframes tutorialIn{0%{opacity:0;transform:translateY(35px) rotate(-1deg)}to{opacity:1;transform:none}}@keyframes tutorialCardTimeline{0%,4%{left:50%;width:0;background:#ffd44733}40%{left:0;width:100%;background:#ffd447b8}41%,48%{left:0;width:100%;background:#ffffffc2}49%{left:0;width:100%;background:#43d7d385}92%,to{left:50%;width:0;background:#43d7d32e}}@keyframes tutorialCardState{0%,39%,49%,to{transform:translate(0) rotate(0);filter:brightness(1)}41%{transform:translate(-5px) rotate(-.7deg);filter:brightness(1.65)}43%{transform:translate(5px) rotate(.7deg);filter:brightness(1.2)}45%{transform:translate(-2px) rotate(-.2deg);filter:brightness(1)}55%,58%,61%,64%{transform:translate(-1px) rotate(-.12deg)}56.5%,59.5%,62.5%,65.5%{transform:translate(1px) rotate(.12deg)}}@keyframes tutorialStartupLabel{0%,40%{opacity:1}41%,to{opacity:.24}}@keyframes tutorialHitLabel{0%,39%,48%,to{opacity:.24}40%,47%{opacity:1}}@keyframes tutorialRecoveryLabel{0%,47%,to{opacity:.24}48%,92%{opacity:1}}@keyframes tutorialHitSlash{0%,39%,47%,to{opacity:0}40%,46%{opacity:1}}@media(max-width:620px){.shop-profile{grid-template-columns:1fr 1fr}.shop-profile .shop-progress{grid-column:1 / -1}.step-guide__sheet{min-height:min(620px,86cqh);gap:14px}.step-guide__visual{min-height:190px}.step-guide__title{font-size:clamp(27px,7.8cqw,38px)}.tutorial-timing-card{width:100%}}@media(prefers-reduced-motion:reduce){.result-active .result-rewards,.step-guide__sheet,.tutorial-timing-card,.tutorial-timing-card .timeline-fill,.tutorial-timing-labels span,.tutorial-hit-slash{animation:none}.tutorial-timing-card .timeline-fill{left:0;width:100%;opacity:.25}.shop-progress i b{transition:none}}.deck-panel .deck-slot-picker-cards{--editor-card-row-height: clamp(150px, 30cqw, 245px);--editor-card-gutter: clamp(7px, 1cqw, 11px);--editor-power-gem-height: 33px;--editor-power-gem-width: 45px;--editor-power-font-size: 28px;min-height:0;margin:8px 10px 0;padding:var(--editor-card-gutter) 3px calc(10px + var(--editor-power-gem-height) / 2)!important;display:grid;grid-template-columns:repeat(40,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:calc(var(--editor-card-row-height) - var(--editor-power-gem-height) / 2 - 2px);gap:var(--editor-card-gutter) 0!important;overflow:visible;border:0;background:repeating-linear-gradient(90deg,rgba(67,215,211,.12) 0 2px,transparent 2px 25%);box-shadow:none}.deck-panel .deck-slot-picker-cards .deck-pool-card{position:relative;z-index:var(--deck-row-layer, 1);isolation:isolate;grid-column:span var(--deck-grid-span, 10)!important;width:calc(100% - var(--editor-card-gutter))!important;min-width:0!important;max-width:none;height:var(--editor-card-row-height)!important;margin:0 var(--editor-card-gutter) 0 0;container-type:inline-size;overflow:visible}.deck-panel .deck-slot-picker-cards .deck-pool-card:hover,.deck-panel .deck-slot-picker-cards .deck-pool-card:focus-visible{z-index:30}.deck-panel .deck-slot-picker-cards .deck-pool-card .deck-play-card{--w-unit: 100cqw;inset:calc(var(--power-gem-height) / 2) 2px 2px}.deck-panel .deck-slot-picker-cards .deck-pool-card .pow{top:0;transform:translate(-50%,-50%) rotate(-2deg)}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-slot-picker-cards{--editor-card-row-height: clamp(145px, 39cqw, 185px);--editor-card-gutter: 7px;--editor-power-gem-height: 29px;--editor-power-gem-width: 39px;--editor-power-font-size: 25px}#stage.is-fluid-stage .deck-slot-picker-count{display:none}}@container stage (max-width: 479px){.deck-card-modal{--deck-modal-unit: clamp(95px, calc((100cqw - 88px) / 3.26), 112px);--deck-modal-gap: 10.5px}}.deck-character-dialog{width:min(100%,780px);max-height:calc(100% - 10px);padding:clamp(18px,2.5cqw,24px);overflow-y:auto}.deck-character-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(9px,1.4cqw,14px)}.deck-character-list button,.deck-character-list button:hover,.deck-character-list button:active,.deck-character-list button:focus{aspect-ratio:3 / 4;height:auto;min-height:0;border:0;background:#090b0f;box-shadow:inset 0 -6px 0 var(--fighter-accent, var(--electric)),inset 0 0 0 2px #f2eadc6b;clip-path:polygon(3% 0,100% 2%,97% 100%,0 96%,1% 12%);isolation:isolate;transform:none}.deck-character-list button:nth-child(2n),.deck-character-list button:nth-child(2n):hover,.deck-character-list button:nth-child(2n):focus{clip-path:polygon(0 2%,97% 0,100% 96%,4% 100%)}.deck-character-list button:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(8,9,12,.18) 52%,rgba(8,9,12,.96) 100%),linear-gradient(120deg,var(--fighter-accent, rgba(67, 215, 211, .34)),transparent 46%);opacity:.78}.deck-character-list button:after{z-index:2;background:radial-gradient(circle,rgba(242,234,220,.34) 0 1px,transparent 1.25px) 0 0 / 8px 8px;mix-blend-mode:overlay;opacity:.24}.deck-character-list img{z-index:0;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.12) brightness(.72);transform:scale(1.035);transition:transform .18s ease,filter .18s ease}.deck-character-list button>span{z-index:3;inset:auto 12px 15px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;transform:none}.deck-character-list small{padding:3px 5px 2px;color:var(--ink);background:var(--punch);font-size:clamp(7px,.85cqw,9px);letter-spacing:.08em}.deck-character-list strong{max-width:100%;color:var(--paper);font:italic 400 clamp(22px,2.8cqw,32px)/.88 var(--font-display);letter-spacing:-.035em;text-shadow:3px 3px 0 var(--ink)}.deck-character-list button[data-role=speed] strong{font-size:clamp(18px,2.15cqw,23px);letter-spacing:-.055em}.deck-character-list em{color:var(--paper-dim);font-size:clamp(8px,.9cqw,10px)}.deck-character-list button:hover,.deck-character-list button:focus-visible{box-shadow:inset 0 -8px 0 var(--punch),inset 0 0 0 3px var(--paper),7px 8px 0 var(--signal);transform:translate(-2px,-3px)}.deck-character-list button:hover img,.deck-character-list button:focus-visible img{filter:saturate(1) contrast(1.08) brightness(.88);transform:scale(1.09)}.deck-character-list button:active{transform:scale(.98)}@container stage (max-width: 720px){.deck-character-dialog{width:min(100%,504px);padding:18px 16px 16px}.deck-character-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.deck-character-list button,.deck-character-list button:hover,.deck-character-list button:active,.deck-character-list button:focus{aspect-ratio:4 / 5}}@container stage (max-width: 380px){.deck-card-modal{--deck-modal-unit: clamp(88px, calc((100cqw - 68px) / 2.29), 98px);--deck-modal-gap: 10.5px}}@keyframes cardTooltipIn{0%{opacity:0;filter:brightness(1.5)}to{opacity:1;filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.card-tooltip{animation:none}}#stage.is-fluid-stage{top:0;left:0;width:100%;height:100dvh;height:100svh;min-height:100svh;transform:none;transform-origin:0 0}#stage.is-fluid-stage #lobby{width:100%;height:100%;min-height:100%}@container stage (max-width: 560px){#stage.is-fluid-stage #lobby{padding-right:16px;padding-left:16px}#stage.is-fluid-stage #lobby:before{display:none}#stage.is-fluid-stage .screen-print-noise:after{opacity:.18}#stage.is-fluid-stage .deck-panel{inset:calc(70px + env(safe-area-inset-top)) 16px calc(94px + env(safe-area-inset-bottom));padding-bottom:24px}#stage.is-fluid-stage .deck-panel .deck-tab-head{min-height:64px;margin-bottom:2px}#stage.is-fluid-stage .deck-builder-kicker{font-size:12px;letter-spacing:.14em}#stage.is-fluid-stage .deck-panel .deck-tab-head h2{font-size:40px}#stage.is-fluid-stage .deck-rule-badge{font-size:11px}#stage.is-fluid-stage .deck-rule-badge b{font-size:24px}#stage.is-fluid-stage .deck-preset-strip{min-height:72px;padding-right:58px}#stage.is-fluid-stage .deck-panel .deck-preset-list{height:68px}#stage.is-fluid-stage .deck-panel .deck-preset-item{flex-basis:110px;min-height:62px;padding:9px 8px 9px 33px}#stage.is-fluid-stage .deck-panel .deck-preset-item>span{font-size:19px}#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{font-size:14px}#stage.is-fluid-stage .deck-panel .deck-preset-item>small{margin-top:5px;max-width:78px;font-size:10px;opacity:.82}#stage.is-fluid-stage .deck-panel .deck-preset-item i{padding:3px 4px 2px;font-size:9px}#stage.is-fluid-stage .deck-panel .deck-add-btn{width:54px;min-width:54px;height:54px}#stage.is-fluid-stage .deck-preset-count{font-size:10px}#stage.is-fluid-stage .deck-panel .deck-detail{padding:13px 12px 15px}#stage.is-fluid-stage .deck-panel .deck-detail-head h3{font-size:28px}#stage.is-fluid-stage .deck-active-state{font-size:10px}#stage.is-fluid-stage .deck-panel .deck-slots{--w-unit: 96px;min-height:146px;padding:10px 10px 15px;gap:7px}#stage.is-fluid-stage .deck-panel .deck-slot{height:116px}#stage.is-fluid-stage .deck-panel .deck-slot strong{bottom:10px;font-size:15px}#stage.is-fluid-stage .deck-panel .deck-slot small{display:none}#stage.is-fluid-stage .deck-swap-mark,#stage.is-fluid-stage .deck-lock{top:8px;right:7px;padding:4px 5px 3px;font-size:9px}#stage.is-fluid-stage .deck-card-picker{padding:14px 12px 16px}#stage.is-fluid-stage .deck-card-picker .deck-collection-head{margin-bottom:6px;font-size:12px}#stage.is-fluid-stage .deck-card-picker .deck-collection-head>strong{display:none}#stage.is-fluid-stage .deck-card-picker .deck-collection-head h3{font-size:26px}#stage.is-fluid-stage .deck-builder-status{min-height:22px;margin-bottom:9px;font-size:13px}#stage.is-fluid-stage .deck-collection-group>header{min-height:34px;padding:8px 9px 7px;font-size:12px}#stage.is-fluid-stage .deck-panel .deck-signature-pool,#stage.is-fluid-stage .deck-panel .deck-common-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{margin-top:9px;gap:9px}#stage.is-fluid-stage .deck-panel .deck-pool-card{height:76px;padding:0 58px 0 92px}#stage.is-fluid-stage .deck-panel .deck-pool-card strong{left:94px;right:54px}#stage.is-fluid-stage .deck-panel .deck-pool-card strong{bottom:16px;font-size:16px}#stage.is-fluid-stage .deck-panel .deck-pool-card small{display:none}#stage.is-fluid-stage .deck-pool-empty{min-height:78px;padding:19px 16px 15px;font-size:13px;line-height:1.35}#stage.is-fluid-stage .deck-pool-empty small{margin-top:8px;font-size:11px;line-height:1.35}#stage.is-fluid-stage .hub-tab-code{font-size:11px}#stage.is-fluid-stage .hub-tab-label{font-size:22px}#stage.is-fluid-stage .deck-card-modal-preview-power small,#stage.is-fluid-stage .deck-card-modal-state span{font-size:10px}#stage.is-fluid-stage .deck-card-modal-effect p,#stage.is-fluid-stage .deck-card-modal-state strong{font-size:12px}#stage.is-fluid-stage .deck-card-modal-flavor{font-size:13px}}@media(orientation:portrait){#stage.is-fluid-stage #lobby:before{display:none}#stage.is-fluid-stage .sound-control{top:max(16px,env(safe-area-inset-top));right:max(16px,calc((100% - 760px)/2))}#stage.is-fluid-stage .deck-panel .deck-slot small,#stage.is-fluid-stage .deck-panel .deck-pool-card small{display:none}#stage.is-fluid-stage .deck-card-picker .deck-collection-head>strong{display:none}#stage.is-fluid-stage .deck-panel{position:absolute;top:calc(24px + env(safe-area-inset-top));right:max(14px,calc((100% - 760px)/2));bottom:calc(104px + env(safe-area-inset-bottom));left:max(14px,calc((100% - 760px)/2));width:auto;height:auto;max-width:760px;padding-bottom:30px}#stage.is-fluid-stage .deck-panel .deck-tab-head{min-height:clamp(68px,8cqw,84px);margin-bottom:6px}#stage.is-fluid-stage .deck-builder-kicker{font-size:clamp(12px,1.55cqw,15px);letter-spacing:.13em}#stage.is-fluid-stage .deck-panel .deck-tab-head h2{font-size:clamp(42px,5.1cqw,54px)}#stage.is-fluid-stage .deck-rule-badge{padding:9px 13px 8px;font-size:clamp(11px,1.3cqw,14px)}#stage.is-fluid-stage .deck-rule-badge b{font-size:clamp(25px,3cqw,32px)}#stage.is-fluid-stage .deck-preset-strip{min-height:clamp(78px,10cqw,104px);padding-right:clamp(66px,9cqw,88px)}#stage.is-fluid-stage .deck-panel .deck-preset-list{height:clamp(74px,9.2cqw,96px);gap:clamp(8px,1.2cqw,12px)}#stage.is-fluid-stage .deck-panel .deck-preset-item{flex-basis:clamp(120px,22cqw,190px);min-height:clamp(68px,8.5cqw,88px);padding:13px 14px 12px}#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{font-size:clamp(15px,1.8cqw,18px)}#stage.is-fluid-stage .deck-panel .deck-preset-item>small{max-width:none;font-size:clamp(10px,1.15cqw,12px);opacity:.86}#stage.is-fluid-stage .deck-panel .deck-preset-item i{padding:4px 5px 3px;font-size:clamp(9px,1.05cqw,11px)}#stage.is-fluid-stage .deck-panel .deck-add-btn{width:clamp(60px,8cqw,78px);min-width:clamp(60px,8cqw,78px);height:clamp(60px,8cqw,78px);font-size:clamp(32px,4.5cqw,44px)}#stage.is-fluid-stage .deck-preset-count{font-size:clamp(10px,1.2cqw,12px)}#stage.is-fluid-stage .deck-panel .deck-detail{padding:clamp(15px,2cqw,20px)}#stage.is-fluid-stage .deck-panel .deck-detail-head{min-height:clamp(54px,7cqw,70px);margin-bottom:10px}#stage.is-fluid-stage .deck-active-state{font-size:clamp(10px,1.25cqw,13px)}#stage.is-fluid-stage .deck-panel .deck-detail-head h3{font-size:clamp(30px,4cqw,40px)}#stage.is-fluid-stage .deck-menu-btn{width:clamp(52px,7cqw,68px);height:clamp(48px,6.5cqw,64px);font-size:clamp(20px,2.7cqw,27px)}#stage.is-fluid-stage .deck-panel .deck-slots{--w-unit: clamp(104px, 20cqw, 180px);min-height:clamp(170px,23cqw,224px);padding:12px 12px 18px;gap:clamp(7px,1cqw,10px)}#stage.is-fluid-stage .deck-panel .deck-slot{height:clamp(140px,19cqw,190px)}#stage.is-fluid-stage .deck-panel .deck-slot strong{bottom:12px;font-size:clamp(17px,2.2cqw,22px)}#stage.is-fluid-stage .deck-swap-mark,#stage.is-fluid-stage .deck-lock{padding:5px 6px 4px;font-size:clamp(10px,1.15cqw,12px)}#stage.is-fluid-stage .deck-card-picker{padding:clamp(16px,2.3cqw,23px)}#stage.is-fluid-stage .deck-card-picker .deck-collection-head{font-size:clamp(12px,1.45cqw,15px)}#stage.is-fluid-stage .deck-card-picker .deck-collection-head h3{font-size:clamp(30px,4cqw,40px)}#stage.is-fluid-stage .deck-builder-status{min-height:26px;margin:2px 0 12px;font-size:clamp(14px,1.7cqw,17px)}#stage.is-fluid-stage .deck-card-filters{gap:9px}#stage.is-fluid-stage .deck-card-filters button{min-height:clamp(44px,5.5cqw,54px);padding:10px clamp(18px,2.5cqw,25px);font-size:clamp(13px,1.55cqw,16px)}#stage.is-fluid-stage .deck-collection-group>header{min-height:clamp(40px,5cqw,50px);padding:10px 12px 9px;font-size:clamp(13px,1.55cqw,16px)}#stage.is-fluid-stage .deck-panel .deck-signature-pool,#stage.is-fluid-stage .deck-panel .deck-common-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{margin-top:11px;padding:10px 8px 15px;display:flex;align-items:stretch;gap:clamp(8px,1.1cqw,11px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-color:var(--electric) rgba(242,234,220,.12);scrollbar-width:thin;background:repeating-linear-gradient(90deg,transparent 0 96px,rgba(242,234,220,.09) 96px 98px),#08090c94}#stage.is-fluid-stage .deck-panel .deck-signature-pool::-webkit-scrollbar,#stage.is-fluid-stage .deck-panel .deck-common-pool::-webkit-scrollbar,#stage.is-fluid-stage .deck-panel .deck-card-pool::-webkit-scrollbar{height:5px}#stage.is-fluid-stage .deck-panel .deck-signature-pool::-webkit-scrollbar-thumb,#stage.is-fluid-stage .deck-panel .deck-common-pool::-webkit-scrollbar-thumb,#stage.is-fluid-stage .deck-panel .deck-card-pool::-webkit-scrollbar-thumb{background:var(--electric)}#stage.is-fluid-stage .deck-panel .deck-pool-card{--pool-card-unit: clamp(104px, 20cqw, 180px);width:calc(var(--pool-card-unit) * var(--deck-card-width, 1));min-width:calc(var(--pool-card-unit) * var(--deck-card-width, 1));height:clamp(140px,19cqw,190px);flex:0 0 calc(var(--pool-card-unit) * var(--deck-card-width, 1));padding:0;scroll-snap-align:start;border-width:2px}#stage.is-fluid-stage .deck-panel .deck-pool-card strong{inset:auto 11px 12px 12px;font-size:clamp(18px,2.2cqw,22px);text-shadow:2px 2px 0 var(--ink);transform:none}#stage.is-fluid-stage .deck-panel .deck-pool-empty{flex:1 0 100%}#stage.is-fluid-stage .deck-pool-empty{min-height:clamp(60px,7cqw,72px);padding:19px 16px 15px;font-size:clamp(14px,1.7cqw,17px)}#stage.is-fluid-stage .deck-pool-empty small{font-size:clamp(12px,1.4cqw,14px)}#stage.is-fluid-stage .hub-tabs{padding-right:max(18px,calc((100% - 760px)/2));padding-left:max(18px,calc((100% - 760px)/2))}#stage.is-fluid-stage .deck-card-modal{padding:max(22px,env(safe-area-inset-top)) 14px calc(124px + env(safe-area-inset-bottom))}#stage.is-fluid-stage .deck-card-modal-dialog{width:min(calc(100% - 4px),760px);padding:clamp(18px,2.5cqw,26px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(18px,2.5cqw,26px)}#stage.is-fluid-stage .deck-card-modal-visual{align-self:auto;justify-self:center}#stage.is-fluid-stage .deck-card-modal-card-label h3{font-size:clamp(27px,3.4cqw,34px)}#stage.is-fluid-stage .deck-card-modal-preview-power{min-width:64px;padding:9px 10px 8px}#stage.is-fluid-stage .deck-card-modal-preview-power strong{font-size:clamp(25px,3cqw,30px)}#stage.is-fluid-stage .deck-card-modal-copy{width:min(100%,680px);padding:0;gap:18px}#stage.is-fluid-stage .deck-card-modal-effect{padding:15px 16px 16px}#stage.is-fluid-stage .deck-card-modal-effect strong{margin-top:0;font-size:clamp(16px,2cqw,20px)}#stage.is-fluid-stage .deck-card-modal-effect p{margin-top:8px;font-size:clamp(14px,1.7cqw,17px)}#stage.is-fluid-stage .deck-card-modal-flavor{padding:17px 10px 4px 28px;font-size:clamp(14px,1.8cqw,18px);line-height:1.7}#stage.is-fluid-stage .deck-card-modal-flavor:before{top:14px;font-size:28px}}.next-label{color:var(--paper-dim);font:900 10px/1 var(--font-ui);letter-spacing:.16em}.next-card-mini{border-radius:0;background:var(--ink-soft);clip-path:polygon(5% 0,100% 0,95% 100%,0 96%);box-shadow:3px 3px #f2eadc29}.next-card-mini.card{--card-label-size: 8px;padding:0;overflow:hidden;box-shadow:3px 3px #f2eadc29}.next-card-mini.card>.card-inner{border-radius:0}.next-card-mini.card .card-art{opacity:.34;filter:saturate(.72) contrast(1.12)}.next-card-mini.card .name{display:none}.next-card-mini.card .pow{top:3px;right:3px;min-width:20px;height:18px;padding:0 4px;border-width:1px;box-shadow:2px 2px 0 var(--signal);font-size:11px}.next-card-mini.card.grab .pow{box-shadow:2px 2px 0 var(--toxic)}.impact-line{height:3px;background:linear-gradient(90deg,transparent,var(--paper) 16% 84%,transparent)}.impact-line:after{background:linear-gradient(90deg,transparent,var(--signal) 34% 66%,transparent);box-shadow:0 0 12px #f0443b7a}.impact-timer-wrap{left:12px;padding:3px 9px 2px;color:var(--ink);border-radius:0;background:var(--paper);box-shadow:3px 3px 0 var(--signal);transform:translateY(-50%) rotate(-2deg)}.impact-timer-icon{display:none}.timer{color:var(--ink);font:italic 900 24px/1 var(--font-condensed)}.impact-timer-wrap.is-countdown{padding:5px 12px 4px;background:#ffb35b;box-shadow:4px 4px 0 var(--ink),0 0 0 2px #ffb35b}.impact-timer-wrap.is-countdown .timer{display:block;min-width:1.1em;text-align:center;font-size:38px;transform-origin:center}.impact-timer-wrap.is-final-three{background:#f0443b;box-shadow:4px 4px 0 var(--ink),0 0 0 2px var(--paper)}.impact-timer-wrap.is-final-three .timer{color:var(--paper)}.ready-overlay,.arena-overlay{font-family:var(--font-display);font-style:italic;letter-spacing:-.04em;text-shadow:5px 5px 0 var(--ink);transform:skew(-7deg)}.ready-overlay.phase-ready{color:var(--paper)}.ready-overlay.phase-fight{color:var(--punch)}.arena-overlay.show:before{content:"";position:absolute;width:130%;height:1.6em;z-index:-1;background:var(--ink);transform:rotate(-4deg);box-shadow:0 5px 0 var(--signal)}.grab-tech-btn{border-radius:0;border:0;background:transparent;clip-path:none;font-family:var(--font-display)}.sound-control{position:absolute;top:16px;right:16px;left:auto;z-index:150;font-family:var(--font-condensed);transition:top .2s ease,opacity .16s ease}#splash:not([hidden])~.sound-control{opacity:0;pointer-events:none}#stage:has(#endOverlay:not([hidden])) .sound-control{opacity:0;pointer-events:none}#stage:has(#matchQueueBar:not([hidden])) .sound-control{top:120px}#stage:has(#matchFoundOverlay:not([hidden])) .sound-control{opacity:0;pointer-events:none}.sound-toggle,.sound-toggle:hover,.sound-toggle:active,.sound-toggle:focus{position:relative;width:48px;height:40px;padding:0;color:var(--paper);border:0;border-radius:0;background:#08090cf7;box-shadow:none;clip-path:polygon(8% 0,100% 5%,92% 100%,0 92%);filter:drop-shadow(0 7px 0 rgba(8,9,12,.62)) drop-shadow(0 11px 8px rgba(8,9,12,.34));font:italic 900 14px/1 var(--font-condensed);letter-spacing:.08em;transform:none}.sound-toggle:hover{color:var(--ink);background:var(--punch)}.sound-toggle:active{transform:translateY(3px);box-shadow:none;filter:drop-shadow(0 3px 0 rgba(8,9,12,.65))}.sound-toggle:focus-visible{outline:3px solid var(--punch);outline-offset:3px}.sound-control.is-muted .sound-toggle{color:var(--paper);background:var(--signal);box-shadow:none}.sound-panel{position:absolute;top:0;left:58px;width:220px;min-height:74px;padding:10px 11px 11px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px 9px;color:var(--paper);border:2px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.14) 0 1px,transparent 1.3px) 0 0 / 7px 7px,#08090cf5;box-shadow:6px 7px 0 var(--signal);clip-path:polygon(0 2%,100% 0,97% 96%,2% 100%);animation:soundPanelIn .12s cubic-bezier(.2,.9,.2,1) both}.sound-panel-label{color:var(--punch);font:italic 900 12px/1 var(--font-condensed);letter-spacing:.15em}.sound-volume-value{min-width:34px;color:var(--paper);font:900 12px/1 var(--font-condensed);text-align:right}.sound-mute,.sound-mute:hover,.sound-mute:active,.sound-mute:focus{min-width:52px;padding:5px 7px 4px;color:var(--ink);border:0;border-radius:0;background:var(--punch);font:900 9px/1 var(--font-condensed);letter-spacing:.08em;transform:skew(-5deg)}.sound-mute:hover{color:var(--paper);background:var(--signal)}.sound-mute:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.sound-mute[aria-pressed=true]{color:var(--paper);background:var(--signal)}.sound-slider{grid-column:1 / -1;width:100%;height:18px;margin:0;padding:0;accent-color:var(--punch);cursor:pointer;background:transparent}.sound-slider::-webkit-slider-runnable-track{height:6px;border:1px solid rgba(242,234,220,.62);background:linear-gradient(90deg,var(--signal),#7e59b2);transform:skew(-8deg)}.sound-slider::-webkit-slider-thumb{width:15px;height:18px;margin-top:-7px;border:2px solid var(--ink);border-radius:0;background:var(--punch);box-shadow:2px 2px 0 var(--paper);-webkit-appearance:none}.sound-slider::-moz-range-track{height:6px;border:1px solid rgba(242,234,220,.62);background:linear-gradient(90deg,var(--signal),#7e59b2)}.sound-slider::-moz-range-thumb{width:15px;height:18px;border:2px solid var(--ink);border-radius:0;background:var(--punch);box-shadow:2px 2px 0 var(--paper)}@keyframes soundPanelIn{0%{opacity:0;transform:translate(-8px) rotate(-1deg) scale(.97)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.sound-panel{animation:none}}.sound-toggle,.sound-toggle:hover,.sound-toggle:active,.sound-toggle:focus{width:54px;height:46px;display:grid;align-content:center;justify-items:center;gap:5px}.sound-toggle>span{width:27px;height:3px;display:block;background:currentColor;transform:skew(-10deg)}.sound-toggle>span:first-child{width:22px;transform:translate(-3px) skew(-10deg)}.sound-toggle>span:last-child{width:20px;transform:translate(3px) skew(-10deg)}.app-menu{position:absolute;top:58px;right:0;width:184px;padding:7px;color:var(--paper);border:2px solid var(--paper);background:#08090cfa;box-shadow:6px 7px 0 var(--signal);clip-path:polygon(3% 0,100% 4%,96% 100%,0 94%);animation:soundPanelIn .12s cubic-bezier(.2,.9,.2,1) both}.app-menu[hidden]{display:none}.app-menu button,.app-menu button:hover,.app-menu button:active,.app-menu button:focus{width:100%;min-height:58px;padding:10px 12px;display:grid;gap:5px;color:var(--paper);border:0;border-radius:0;background:transparent;text-align:left;transform:none}.app-menu button:hover{color:var(--ink);background:var(--punch)}.app-menu button:focus-visible{outline:3px solid var(--punch);outline-offset:-3px}.app-menu button span{color:var(--electric);font:italic 900 9px/1 var(--font-condensed);letter-spacing:.14em}.app-menu button:hover span{color:var(--signal)}.app-menu button strong{font:900 14px/1 var(--font-ui)}.app-menu .app-menu__lobby{border-top:1px solid rgba(242,234,220,.22)}.app-menu .app-menu__lobby span{color:#ff716c}.app-menu .app-menu__lobby:hover{color:var(--paper);background:var(--signal)}.app-menu .app-menu__lobby:hover span{color:var(--punch)}.sound-modal{position:absolute;z-index:190;inset:0;padding:20px;display:grid;place-items:center}.sound-modal[hidden]{display:none}.sound-modal-backdrop,.sound-modal-backdrop:hover,.sound-modal-backdrop:active,.sound-modal-backdrop:focus{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#030407d6;box-shadow:none;backdrop-filter:blur(6px);transform:none}.sound-modal-dialog{position:relative;z-index:1;width:min(100%,430px);padding:22px;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.1) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#0b0d12;box-shadow:9px 10px 0 var(--signal);clip-path:polygon(2% 0,100% 3%,97% 100%,0 96%);animation:deckCardModalIn .16s cubic-bezier(.18,.86,.3,1) both}.sound-modal-dialog:focus{outline:none}.sound-modal-dialog>header{margin-bottom:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sound-modal-dialog>header span{color:var(--electric);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.14em}.sound-modal-dialog>header h2{margin:7px 0 0;font:400 30px/1 var(--font-display);letter-spacing:-.04em}#soundModalClose,#soundModalClose:hover,#soundModalClose:active,#soundModalClose:focus{width:46px;min-width:46px;height:44px;padding:0 0 3px;color:var(--paper);border:2px solid var(--paper);border-radius:0;background:var(--signal);box-shadow:3px 3px 0 var(--punch);font:900 28px/1 var(--font-condensed);transform:none}.sound-settings-row{padding:17px 16px 15px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:15px;border-left:4px solid var(--electric);background:#f2eadc0f}.sound-settings-row label{font:900 15px/1 var(--font-ui)}.sound-modal .sound-volume-value{min-width:54px;color:var(--punch);font-size:17px}.sound-modal .sound-slider{grid-column:1 / -1;height:30px}.sound-modal .sound-slider::-webkit-slider-runnable-track{height:8px}.sound-modal .sound-slider::-webkit-slider-thumb{width:22px;height:26px;margin-top:-10px}.sound-modal .sound-slider::-moz-range-track{height:8px}.sound-modal .sound-slider::-moz-range-thumb{width:22px;height:26px}.sound-modal .sound-mute,.sound-modal .sound-mute:hover,.sound-modal .sound-mute:active,.sound-modal .sound-mute:focus{width:100%;min-height:52px;margin-top:14px;color:var(--ink);border:2px solid var(--ink);background:var(--punch);font:900 14px/1 var(--font-ui);transform:none}.sound-modal .sound-mute[aria-pressed=true]{color:var(--paper);border-color:var(--paper);background:var(--signal)}@media(prefers-reduced-motion:reduce){.app-menu,.sound-modal-dialog{animation:none}}.account-modal{position:absolute;z-index:195;inset:0;overflow-x:hidden;overflow-y:auto;color:var(--paper);background:#070b0d;font-family:var(--font-ui);isolation:isolate}.account-modal[hidden]{display:none}.account-modal:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(112deg,#070b0dfa 0 19%,#070b0d85 44%,#070b0de0),radial-gradient(circle,rgba(91,210,224,.16) 0 1px,transparent 1.5px) 0 0 / 10px 10px}.account-page-art{position:fixed;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 34%;filter:saturate(.68) contrast(1.08) brightness(.55);transform:scale(1.015)}.account-page-shell{width:min(100%,900px);min-height:100%;margin:0 auto;padding:max(18px,env(safe-area-inset-top)) clamp(18px,5cqw,46px) max(42px,env(safe-area-inset-bottom));display:grid;grid-template-rows:auto 1fr}.account-page-header{min-height:clamp(128px,22cqh,210px);display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:start}.account-page-logo{grid-column:2;width:min(100%,500px);height:auto;align-self:center;justify-self:center;filter:drop-shadow(0 9px 0 rgba(5,7,9,.9))}#accountModalClose,#accountModalClose:hover,#accountModalClose:active,#accountModalClose:focus{grid-column:1;grid-row:1;width:58px;min-width:58px;height:58px;padding:10px;color:var(--paper);border:2px solid rgba(242,234,220,.72);border-radius:0;background:#070b0df0;box-shadow:5px 6px #55c7d8a6;clip-path:polygon(4% 0,100% 3%,94% 96%,0 100%);transform:rotate(-1deg);transition:filter .14s ease,transform .14s ease}#accountModalClose svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(2px 2px 0 #111)}#accountModalClose:hover{filter:brightness(1.12);transform:rotate(1deg) translateY(-1px)}#accountModalClose:focus-visible{outline:3px solid var(--electric);outline-offset:3px}.account-modal-dialog{position:relative;width:min(100%,680px);margin:auto;padding:clamp(24px,4cqw,38px) clamp(20px,5cqw,44px) 34px;align-self:end;color:var(--paper);border-top:4px solid var(--paper);border-right:2px solid rgba(242,234,220,.38);background:linear-gradient(116deg,rgba(255,69,62,.18) 0 29%,transparent 29.3%),radial-gradient(circle,rgba(242,234,220,.085) 0 1px,transparent 1.4px) 0 0 / 9px 9px,#080b0ff2;box-shadow:12px 14px #55c7d861;clip-path:polygon(2% 0,100% 1%,98% 93%,92% 93%,88% 100%,3% 98%,0 12%);animation:accountPageIn .28s cubic-bezier(.18,.86,.3,1) both}.account-modal-dialog:focus{outline:none}.account-modal-header{margin:0 0 18px;display:block}.account-modal-header>span{color:var(--electric);font:italic 900 11px/1 var(--font-condensed);letter-spacing:.17em}.account-modal-header h2{margin:8px 0 0;font:400 clamp(34px,7cqw,54px)/.9 var(--font-display);letter-spacing:-.05em}.account-status{position:relative;margin:0 -8px 18px;padding:17px 50px 17px 19px;overflow:hidden;border-left:5px solid var(--punch);background:#f2eadc13;clip-path:polygon(0 0,100% 0,96% 100%,0 92%)}.account-status:after{content:"";position:absolute;top:-22px;right:8px;width:32px;height:94px;background:var(--signal);opacity:.88;transform:rotate(13deg)}.account-status>span{display:block;color:var(--punch);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.15em}.account-status>strong{margin-top:7px;display:block;overflow:hidden;font:900 21px/1.05 var(--font-ui);text-overflow:ellipsis;white-space:nowrap}.account-status>p{margin:8px 0 0;color:#f2eadcb0;font:700 12px/1.45 var(--font-ui)}.account-result{margin:-4px 0 13px;padding:10px 12px;color:var(--ink);border-left:4px solid var(--electric);background:var(--paper);font:800 12px/1.35 var(--font-ui)}.account-result[data-state=error]{color:var(--paper);border-left-color:var(--punch);background:var(--signal)}.account-providers{display:grid;gap:11px}.account-provider{min-height:60px;padding:9px 15px 9px 11px;display:grid;grid-template-columns:38px 1fr;align-items:center;gap:12px;color:#171717;border:2px solid transparent;text-decoration:none;box-shadow:4px 5px #000000b8;clip-path:polygon(0 0,100% 2%,98% 100%,2% 96%);transition:filter .1s ease,transform .1s ease}.account-provider--google{background:#f7f7f5}.account-provider--kakao{background:#fee500}.account-provider:hover{filter:brightness(1.07);transform:translateY(-1px)}.account-provider:active{transform:translateY(3px);box-shadow:2px 2px #000000b8}.account-provider:focus-visible{outline:3px solid var(--electric);outline-offset:3px}.account-provider.is-disabled{cursor:default;filter:grayscale(.75) brightness(.62);opacity:.74;transform:none;box-shadow:2px 3px #000000b8}.account-provider.is-linked{filter:none;opacity:.7}.account-provider-icon{width:36px;height:36px;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;font:900 17px/1 var(--font-condensed)}.account-provider--kakao .account-provider-icon{border-radius:45% 45% 50% 50%;background:#171717;color:#fee500}.account-provider-copy{min-width:0;display:grid;gap:4px}.account-provider-copy strong{font:900 15px/1 var(--font-ui)}.account-provider-copy small{font:700 9px/1 var(--font-ui);opacity:.62}.account-continue,.account-continue:hover,.account-continue:active,.account-continue:focus{width:100%;min-height:64px;margin-top:17px;color:var(--ink);border:2px solid var(--paper);border-radius:0;background:radial-gradient(circle,rgba(7,11,13,.2) 0 2px,transparent 2.5px) 100% 50% / 13px 13px,var(--electric);box-shadow:inset 0 -6px #070b0d2b,6px 7px 0 var(--signal);clip-path:polygon(2% 0,100% 2%,97% 100%,0 95%);font:400 clamp(22px,4.4cqw,31px)/1 var(--font-display);transform:none}.account-continue:hover{filter:brightness(1.08)}.account-continue:focus-visible{outline:3px solid var(--punch);outline-offset:3px}.account-merge-notice{margin:15px 4px 0;color:#f2eadc85;font:700 10px/1.5 var(--font-ui)}.account-logout,.account-logout:hover,.account-logout:active,.account-logout:focus{width:100%;min-height:48px;margin-top:14px;color:var(--paper);border:1px solid rgba(242,234,220,.35);border-radius:0;background:#ff453e1f;box-shadow:none;font:900 12px/1 var(--font-ui);transform:none}.account-logout:hover{border-color:var(--signal);background:var(--signal)}.account-logout:focus-visible{outline:3px solid var(--punch);outline-offset:3px}.account-logout:disabled{opacity:.5}.account-legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-top:14px;font:700 12px/1.4 var(--font-condensed)}.account-legal-links a{color:var(--paper);text-decoration:underline;text-underline-offset:3px}.account-delete{margin-top:10px;padding:8px 12px;color:#f1aaa2;border:1px solid rgba(241,170,162,.45);background:transparent;font:800 12px/1 var(--font-condensed)}.account-delete:hover{color:var(--paper);border-color:var(--signal);background:#d0302540}.account-delete:disabled{opacity:.5}@keyframes accountPageIn{0%{opacity:0;transform:translateY(28px) skewY(-1deg)}to{opacity:1;transform:none}}@media(max-width:480px){.account-page-shell{padding-inline:13px}.account-page-header{min-height:118px;grid-template-columns:52px minmax(0,1fr) 52px}#accountModalClose,#accountModalClose:hover,#accountModalClose:active,#accountModalClose:focus{width:48px;min-width:48px;height:48px;padding:8px}.account-modal-dialog{padding:24px 17px 30px}.account-status{margin-inline:-2px}}@media(prefers-reduced-motion:reduce){.account-modal-dialog{animation:none}.account-provider{transition:none}}.account-page-open #soundControl{visibility:hidden;pointer-events:none}@container stage (max-width: 720px){#lobby{padding:78px 22px calc(112px + env(safe-area-inset-bottom))}#lobby.has-match-queue{padding-top:174px}.hub-panel{gap:24px}.lobby-modes{grid-template-columns:1fr}.mode-btn{min-height:82px;padding:12px 22px}.ticket-action__copy{gap:12px}.ticket-action__meta{letter-spacing:.07em}.shop-panel{gap:18px;max-height:calc(100dvh - 176px - env(safe-area-inset-bottom));padding-inline:4px}.supply-card{min-height:112px;padding:34px 16px 13px}.supply-card h3{margin-top:17px}.supply-mark{top:27px}#charSelect{display:flex;flex-direction:column;gap:16px;padding:24px 18px;overflow-y:auto}.char-select-header{width:100%}.char-select-title{font-size:clamp(40px,12cqw,68px)}.char-list{flex:none}.char-btn{height:clamp(130px,23cqh,190px)}.char-select-actions{align-self:stretch;justify-content:flex-end}}@container stage (max-width: 420px){.char-btn .char-name{font-size:21px}.char-btn .char-sub{font-size:9px}.char-index{font-size:26px}}@media(prefers-reduced-motion:reduce){.rage-field.active,.rail.rage,.state-badge.rage{animation-duration:2.4s}}#lobby .status{position:absolute;bottom:calc(108px + env(safe-area-inset-bottom));left:50%;min-height:0;padding:5px 14px;transform:translate(-50%) rotate(-1deg);color:var(--ink);background:var(--punch);font:900 13px/1 var(--font-ui);letter-spacing:.08em}#lobby .status:empty{display:none}#charSelect{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(480px,1.45fr);grid-template-rows:1fr auto;gap:22px clamp(28px,5cqw,72px);padding:clamp(28px,6cqh,64px) clamp(24px,6cqw,84px);background:var(--ink)}#charSelect .screen-print-noise:before{right:auto;left:-30cqmax;transform:rotate(-14deg);opacity:.78}.char-select-header{align-self:center;text-align:left;z-index:1}.char-select-mode-badge{display:inline-block;margin:0 0 12px;padding:5px 14px 4px;color:var(--ink);border:0;border-radius:0;background:var(--punch);font:900 12px/1 var(--font-condensed);letter-spacing:.18em;transform:rotate(-2deg)}.char-select-title{margin:0;color:var(--paper);font:400 clamp(48px,7cqw,94px)/.78 var(--font-display);letter-spacing:-.06em;transform:skew(-5deg);text-shadow:6px 5px 0 rgba(8,9,12,.7)}.char-select-title span{display:inline-block;color:var(--ink);background:var(--paper);padding:.12em .12em .03em;clip-path:polygon(3% 0,100% 5%,96% 100%,0 91%)}.char-select-sub{margin:18px 0 0;color:var(--paper);font-weight:800;letter-spacing:.08em}.char-list{align-self:center;width:min(690px,100%);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;z-index:1}.char-btn{position:relative;width:auto;height:clamp(160px,29cqh,245px);min-height:0;padding:0;overflow:hidden;color:var(--paper);border:3px solid var(--paper);border-radius:0;background:#11141a;clip-path:polygon(5% 0,100% 0,95% 100%,0 96%);isolation:isolate;transition:transform .12s,border-color .12s,filter .12s;grid-column:span 2}.char-btn:nth-child(4){grid-column:2 / span 2}.char-btn:nth-child(5){grid-column:4 / span 2}.char-btn:nth-child(2n){clip-path:polygon(0 3%,95% 0,100% 96%,4% 100%)}.char-btn:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(8,9,12,.96) 0 24%,transparent 64%),linear-gradient(115deg,rgba(240,68,59,.34),transparent 48%)}.char-btn:after{content:"";position:absolute;inset:0;z-index:2;opacity:.32;background-image:radial-gradient(circle,var(--paper) 0 1px,transparent 1.2px);background-size:7px 7px;mix-blend-mode:overlay}.char-select-portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:grayscale(.8) contrast(1.12) brightness(.68);transform:scale(1.04);transition:transform .18s,filter .18s}.char-index{position:absolute;top:6px;left:12px;z-index:4;color:var(--paper);font:italic 900 36px/1 var(--font-condensed);text-shadow:3px 3px 0 var(--ink)}.char-btn .char-icon{position:absolute;right:12px;bottom:12px;z-index:4;font-size:22px;filter:grayscale(1)}.char-btn .char-name{position:absolute;left:14px;bottom:26px;z-index:4;font:400 clamp(23px,2.7cqw,34px)/1 var(--font-display);letter-spacing:-.03em;text-shadow:3px 3px 0 var(--ink)}.char-btn .char-sub{position:absolute;left:15px;bottom:9px;z-index:4;color:var(--paper-dim);font:800 11px/1 var(--font-ui);letter-spacing:.08em}.char-select-target{position:absolute;inset:16%;border:15px solid rgba(242,234,220,.18);border-radius:50%;box-shadow:0 0 0 15px #f0443b29}.char-btn:hover,.char-btn.active{border-color:var(--punch);transform:translate(-4px,-5px) rotate(-1deg);box-shadow:10px 10px 0 var(--signal);filter:none}.char-btn:hover .char-select-portrait,.char-btn.active .char-select-portrait{filter:grayscale(0) contrast(1.1) brightness(.9);transform:scale(1.1)}.char-btn.active:before{background:linear-gradient(to top,rgba(8,9,12,.96) 0 24%,transparent 62%),linear-gradient(115deg,rgba(255,212,71,.28),transparent 54%)}.char-select-actions{grid-column:2;justify-self:end;display:flex;gap:16px;z-index:1}.back-btn,.confirm-btn{min-width:130px;padding:11px 24px;border-radius:0;font:900 15px/1 var(--font-ui);letter-spacing:.08em}.back-btn{color:var(--paper);border:2px solid var(--paper);background:var(--ink);clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.confirm-btn{color:var(--ink);border:2px solid var(--punch);background:var(--punch);box-shadow:6px 6px 0 var(--signal);clip-path:polygon(5% 0,100% 3%,94% 100%,0 96%)}.back-btn:hover,.confirm-btn:hover{color:var(--ink);border-color:var(--paper);background:var(--paper);transform:translate(-2px,-2px)}.confirm-btn:disabled{color:#08090c8c;filter:grayscale(.7);box-shadow:none}@container stage (max-width: 720px){#charSelect{width:100%;max-width:100cqw;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:24px 18px 28px;overflow-x:hidden;overflow-y:auto}.char-select-header{width:100%;flex:0 0 auto;align-self:stretch;padding-left:6px}.char-select-title{font-size:clamp(40px,12cqw,68px);transform:none}.char-select-sub{margin-top:12px}.char-list{width:100%;max-width:100%;flex:0 0 auto;align-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.char-btn{width:100%;height:clamp(130px,23cqh,190px);grid-column:auto}.char-btn:nth-child(4){grid-column:auto}.char-btn:nth-child(5){grid-column:1 / -1;width:calc(50% - 5px);justify-self:center}.char-select-actions{width:100%;flex:0 0 auto;align-self:stretch;justify-self:auto;justify-content:flex-end}}@container stage (max-width: 420px){.char-select-actions{gap:10px}.back-btn,.confirm-btn{flex:1 1 0;min-width:0}}html,body{width:100%;height:100%;overflow:hidden}#stage{position:fixed;top:50%;left:50%;width:var(--stage-w, 1600px);height:var(--stage-h, 900px);overflow:hidden;transform:translate(-50%,-50%) scale(var(--stage-scale, 1));transform-origin:50% 50%;background:var(--bg);container-type:size;container-name:stage}.screen{width:100%;height:100cqh;min-height:0}#game{max-width:none}@container stage (max-width: 720px){#charSelect{justify-content:flex-start}.char-list{flex:1 1 auto;min-height:0;grid-auto-rows:1fr;align-content:stretch}.char-btn{height:auto;min-height:130px}}.arena-stun{border-radius:0;border:2px solid var(--punch);gap:0;background:radial-gradient(circle,rgba(255,212,71,.16) 0 1px,transparent 1.5px) 0 0 / 6px 6px,var(--ink-soft);clip-path:polygon(4% 0,100% 2%,96% 100%,0 97%);box-shadow:inset 0 0 0 1px var(--ink),inset 0 0 22px #08090cd9}.arena-stun .stun-label{font:italic 900 calc(var(--w-unit) * .34) / 1 var(--font-condensed);letter-spacing:-.01em;color:var(--paper);text-shadow:3px 3px 0 var(--ink);transform:skew(-7deg);position:relative;z-index:5}.arena-stun .timeline-fill{background:repeating-linear-gradient(-45deg,#ffd44780 0 6px,#08090ceb 6px 12px);background-size:17px 17px;box-shadow:none;animation:stunHazardMarch .7s linear infinite}@keyframes stunHazardMarch{0%{background-position:0 0}to{background-position:17px 0}}.arena-stun .timeline-fill:before,.arena-stun .timeline-fill:after{width:3px;border-radius:0;background:var(--paper);box-shadow:none;animation:stunEdgeBlink .5s steps(1,end) infinite}@keyframes stunEdgeBlink{0%,to{opacity:1}50%{opacity:.3}}.arena-half-block{border-radius:0;border:2px solid var(--electric);padding:6px;background:radial-gradient(circle,rgba(67,215,211,.16) 0 1px,transparent 1.5px) 0 0 / 6px 6px,var(--ink-soft);clip-path:polygon(0 2%,96% 0,100% 98%,4% 100%);box-shadow:inset 0 0 0 1px var(--ink),inset 0 0 22px #08090cd9}.arena-half-block .block-label{position:relative;z-index:5;color:var(--paper);font:italic 900 calc(var(--w-unit, 72px) * .34) / 1 var(--font-condensed);letter-spacing:-.01em;text-shadow:3px 3px 0 var(--ink);transform:skew(-7deg);white-space:nowrap;pointer-events:none}.arena-half-block.phase-cast .timeline-fill{background:repeating-linear-gradient(90deg,#43d7d380 0 5px,#08090ceb 5px 11px);box-shadow:none}.arena-half-block.phase-recovery{border-color:#cfc7b966;background:radial-gradient(circle,rgba(207,199,185,.1) 0 1px,transparent 1.5px) 0 0 / 6px 6px,var(--ink-soft)}.arena-half-block.phase-recovery .block-label{color:var(--paper-dim)}.arena-half-block.phase-recovery .timeline-fill{background:repeating-linear-gradient(90deg,#cfc7b94d 0 5px,#08090ceb 5px 11px);box-shadow:none}.arena-half-block.phase-cast .timeline-fill:before,.arena-half-block.phase-cast .timeline-fill:after{width:3px;border-radius:0;background:var(--paper);box-shadow:none;animation:blockEdgeBlink .5s steps(1,end) infinite}.arena-half-block.phase-recovery .timeline-fill:before,.arena-half-block.phase-recovery .timeline-fill:after{width:3px;border-radius:0;background:var(--paper-dim);box-shadow:none}@keyframes blockEdgeBlink{0%,to{opacity:1}50%{opacity:.3}}.arena-half-block.guard-flash{animation:guardFlashPunk .5s ease-out forwards}@keyframes guardFlashPunk{0%{border-color:var(--paper);transform:scale(1.05)}22%{border-color:var(--electric);transform:scale(1)}to{border-color:var(--electric);transform:scale(1)}}.arena-half-block.guard-flash:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:var(--paper);animation:guardFlashSheet .5s steps(1,end) forwards}@keyframes guardFlashSheet{0%{opacity:.92}12%{opacity:0}20%{opacity:.5}30%{opacity:0}to{opacity:0}}.ticket-action--prototype{--choice-fill: #9bdc70;grid-column:1 / -1;min-height:82px!important}#lobby.has-match-queue .ticket-action--prototype:disabled{color:#f2eadc6b;background:var(--choice-edge);filter:saturate(.2) brightness(.7) drop-shadow(4px 5px 0 rgba(8,9,12,.82))}.prototype-modal{position:absolute;z-index:110;inset:0;padding:clamp(28px,5cqh,62px) clamp(24px,6cqw,84px) calc(92px + env(safe-area-inset-bottom));display:grid;place-items:center}.prototype-modal[hidden]{display:none}.prototype-modal__backdrop,.prototype-modal__backdrop:hover,.prototype-modal__backdrop:active,.prototype-modal__backdrop:focus{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#040508b8;box-shadow:none;backdrop-filter:blur(9px) saturate(.72);transform:none}.prototype-modal__dialog{position:relative;z-index:1;width:min(100%,860px);max-height:100%;padding:clamp(20px,3cqw,34px);overflow:auto;color:var(--paper);border:3px solid var(--paper);background:radial-gradient(circle,rgba(242,234,220,.1) 0 1px,transparent 1.4px) 0 0 / 10px 10px,linear-gradient(135deg,#15191a,#090b0e 68%);box-shadow:12px 13px 0 var(--signal);clip-path:polygon(2% 0,98% 1%,100% 94%,96% 100%,3% 98%,0 7%);animation:prototypeModalIn .18s cubic-bezier(.18,.86,.3,1) both}.prototype-modal__header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(242,234,220,.25)}.prototype-modal__header span{color:#79cf81;font:italic 900 12px/1 var(--font-condensed);letter-spacing:.13em}.prototype-modal__header h2{margin:5px 0 3px;font:900 clamp(31px,5cqw,52px)/.92 var(--font-ui);letter-spacing:-.05em}.prototype-modal__header p{margin:0;color:#f2eadc9e;font:700 12px/1.4 var(--font-ui)}.prototype-modal__close,.prototype-modal__close:hover,.prototype-modal__close:active{flex:0 0 auto;width:44px;height:44px;padding:0;border:2px solid var(--paper);border-radius:0;color:var(--paper);background:var(--ink);box-shadow:4px 4px 0 var(--signal);font:900 28px/1 var(--font-condensed);transform:none}.prototype-modal__close:hover{color:var(--ink);background:var(--electric)}.prototype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prototype-card,.prototype-card:hover,.prototype-card:active,.prototype-card:focus{position:relative;min-width:0;min-height:128px;padding:17px 16px 14px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:2px solid rgba(242,234,220,.4);border-radius:0;color:var(--paper);background:#f2eadc0f;box-shadow:none;clip-path:polygon(0 0,95% 0,100% 12%,97% 100%,4% 97%);transform:none}.prototype-card--flower{border-color:#79cf81;background:linear-gradient(145deg,rgba(121,207,129,.22),transparent 68%),#111716;cursor:pointer}.prototype-card--lunara{border-color:#b996ff;background:radial-gradient(circle at 82% 18%,rgba(240,221,142,.3),transparent 15%),linear-gradient(145deg,rgba(117,77,190,.42),transparent 70%),#11111b;cursor:pointer}.prototype-card--lunara .prototype-card__number,.prototype-card--lunara .prototype-card__action{color:#d6bdff}.prototype-card--lunara .prototype-card__state{color:#0a0810;background:#d6bdff}.prototype-card--lunara:hover,.prototype-card--lunara:focus-visible{color:#0a0810;background:#d6bdff;border-color:var(--paper);box-shadow:6px 6px #6e3db9;transform:translate(-3px,-3px)}.prototype-card--flower:hover,.prototype-card--flower:focus-visible{color:var(--ink);background:#d9ef76;border-color:var(--paper);box-shadow:6px 6px 0 var(--signal);transform:translate(-3px,-3px)}.prototype-card__number{margin-bottom:auto;color:#79cf81;font:italic 900 22px/1 var(--font-condensed)}.prototype-card__state{position:absolute;top:13px;right:13px;padding:4px 6px;color:var(--ink);background:#79cf81;font:italic 900 8px/1 var(--font-condensed);letter-spacing:.1em}.prototype-card strong{margin-top:15px;font:900 23px/1 var(--font-ui)}.prototype-card small{margin-top:7px;color:#f2eadc8c;font:800 8px/1.2 var(--font-condensed);letter-spacing:.06em}.prototype-card__action{margin-top:14px;color:#79cf81;font:italic 900 10px/1 var(--font-condensed);letter-spacing:.1em}.prototype-card--flower:hover :is(.prototype-card__number,.prototype-card__action),.prototype-card--flower:focus-visible :is(.prototype-card__number,.prototype-card__action),.prototype-card--flower:hover small,.prototype-card--flower:focus-visible small{color:var(--ink)}.prototype-card--lunara:hover :is(.prototype-card__number,.prototype-card__action),.prototype-card--lunara:focus-visible :is(.prototype-card__number,.prototype-card__action),.prototype-card--lunara:hover small,.prototype-card--lunara:focus-visible small{color:#0a0810}.prototype-card--empty{opacity:.34;cursor:not-allowed;filter:grayscale(1)}.prototype-card--empty strong{font-size:17px}.prototype-modal__footer{margin-top:17px;display:flex;justify-content:space-between;color:#f2eadc7a;font:italic 900 9px/1 var(--font-condensed);letter-spacing:.1em}@keyframes prototypeModalIn{0%{opacity:0;transform:translateY(18px) rotate(-.6deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@container stage (max-width: 720px){.prototype-modal{padding:22px 18px calc(94px + env(safe-area-inset-bottom))}.prototype-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-card{min-height:112px}}@media(prefers-reduced-motion:reduce){.prototype-modal__dialog{animation:none}}.lunara-setup{z-index:112}.lunara-setup__dialog{width:min(100%,940px);border-color:#d6bdff;background:radial-gradient(circle at 82% 10%,rgba(231,213,142,.12),transparent 25%),radial-gradient(circle,rgba(185,150,255,.1) 0 1px,transparent 1.4px) 0 0 / 10px 10px,linear-gradient(145deg,#171225,#08090e 72%);box-shadow:12px 13px #6338a8}.lunara-setup .prototype-modal__header span{color:#d6bdff}.lunara-setup__meter{margin-bottom:15px;padding:10px 13px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;border-left:5px solid #b996ff;background:#b996ff1a;font-family:var(--font-condensed)}.lunara-setup__meter>span{color:#b996ff;font:italic 900 10px/1 var(--font-condensed);letter-spacing:.13em}.lunara-setup__meter>strong{font:900 18px/1 var(--font-condensed)}.lunara-selection-pips{display:flex;gap:5px}.lunara-selection-pips i{width:24px;height:7px;border:1px solid #d6bdff;transform:skew(-12deg)}.lunara-selection-pips i.is-active{background:#d6bdff;box-shadow:0 0 10px #b996ffbf}.lunara-deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.lunara-deck-card,.lunara-deck-card:hover,.lunara-deck-card:active,.lunara-deck-card:focus{position:relative;min-width:0;height:145px;padding:12px;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;color:var(--paper);border:2px solid rgba(242,234,220,.42);border-radius:0;background:#10121a;box-shadow:none;clip-path:polygon(4% 0,100% 3%,96% 100%,0 95%);transform:none}.lunara-deck-card img,.lunara-deck-card__shade{position:absolute;inset:0;width:100%;height:100%}.lunara-deck-card img{object-fit:cover;filter:grayscale(.65) brightness(.58)}.lunara-deck-card__shade{background:linear-gradient(transparent 25%,#05060af2 88%)}.lunara-deck-card :is(b,strong,small,i){position:relative;z-index:1}.lunara-deck-card b{position:absolute;top:10px;left:11px;color:#d6bdff;font:italic 900 17px/1 var(--font-condensed)}.lunara-deck-card strong{font:900 17px/1 var(--font-ui)}.lunara-deck-card small{margin-top:6px;color:#f2eadca6;font:900 8px/1 var(--font-condensed);letter-spacing:.08em}.lunara-deck-card>i{position:absolute;top:5px;right:10px;opacity:0;color:#f0dd8e;font:normal 900 32px/1 var(--font-condensed);filter:drop-shadow(0 0 8px #9d70e5)}.lunara-deck-card:not(:disabled){cursor:pointer}.lunara-deck-card:not(:disabled):hover,.lunara-deck-card:not(:disabled):focus-visible{border-color:#d6bdff;transform:translateY(-3px)}.lunara-deck-card.is-selected{border-color:#f0dd8e;box-shadow:inset 0 0 0 3px #7b4bc2,5px 5px #5e339f}.lunara-deck-card.is-selected img{filter:grayscale(0) brightness(.78) saturate(1.18)}.lunara-deck-card.is-selected>i{opacity:1}.lunara-deck-card.is-selected small{color:#f0dd8e}.lunara-deck-card.is-disabled{opacity:.3;filter:grayscale(1);cursor:not-allowed}.lunara-setup__actions{margin-top:18px;display:grid;grid-template-columns:1fr 1.55fr;gap:12px}.lunara-setup__actions button,.lunara-setup__actions button:hover,.lunara-setup__actions button:active{min-height:48px;border:2px solid var(--paper);border-radius:0;color:var(--paper);background:#0b0d12;font:900 13px/1 var(--font-ui);transform:none}.lunara-setup__actions #lunaraStartBtn{color:#0a0810;border-color:#d6bdff;background:#d6bdff;box-shadow:5px 5px #6338a8}.lunara-setup__actions #lunaraStartBtn:disabled{opacity:.3;box-shadow:none;cursor:not-allowed}.lunara-setup__actions button:not(:disabled):hover{color:#0a0810;background:#f0dd8e}.card.lunara-card{border:3px solid #f1dd83!important;outline:2px solid #8050c7;outline-offset:-6px;box-shadow:inset 0 0 0 1px #160c25,inset 0 0 20px #8c54dc6b,0 0 0 2px #2b1547,0 0 19px #9a61e7cc!important}.card.lunara-card>.card-inner{background:linear-gradient(145deg,rgba(93,47,153,.24),transparent 58%)}.card.lunara-card .card-art{filter:saturate(1.14) contrast(1.12) brightness(.88) hue-rotate(8deg)}.card.lunara-card .pow,.card.lunara-card.strike .pow{min-width:36px;color:#fff0a6;border:2px solid #f1dd83;background:linear-gradient(145deg,#8f58d2 0 45%,#3a1d63 46% 100%);box-shadow:0 0 0 2px #160c25,0 4px #4f287f,0 0 15px #c9a0ffe6;text-shadow:2px 2px 0 #28123e}.lunara-card-mark{position:absolute;z-index:11;inset:0;pointer-events:none}.lunara-card-mark b{position:absolute;top:5px;right:5px;width:32px;height:32px;display:grid;place-items:center;color:#fff0a6;border:2px solid #f1dd83;background:#62359c;box-shadow:3px 3px #160c25,0 0 11px #c397ffd9;clip-path:polygon(12% 0,100% 9%,88% 100%,0 88%);font:normal 900 24px/1 var(--font-condensed);text-shadow:0 0 6px #fff;transform:rotate(3deg)}.lunara-card-mark em{position:absolute;right:0;bottom:0;left:0;min-height:18px;padding:4px 5px 3px;display:grid;place-items:center;color:#fff0a6;border-top:2px solid #f1dd83;background:repeating-linear-gradient(135deg,transparent 0 7px,rgba(255,255,255,.08) 7px 9px),linear-gradient(90deg,#3a1d63,#8750ca 52%,#3a1d63);box-shadow:0 -3px #13081fd1,0 -5px 12px #9d63e073;font:italic 900 10px/1 var(--font-condensed);letter-spacing:.16em;text-shadow:2px 2px 0 #28123e}.card.lunara-card .name{bottom:38px;color:#fff5c4}.card.lunara-card .badge{bottom:23px;color:#d8bfff}.player.me .card.lunara-card.playable:hover{box-shadow:inset 0 0 0 1px #160c25,inset 0 0 22px #8c54dc8c,0 0 0 2px #2b1547,0 0 25px #e2c1fff2!important}.lunara-hud{position:absolute;z-index:24;inset:0;pointer-events:none}.lunara-hud__side{position:absolute;right:10px;min-width:132px;padding:7px 9px;display:grid;grid-template-columns:1fr auto;gap:4px 8px;color:var(--paper);border-right:3px solid #b996ff;background:#090710c7;backdrop-filter:blur(3px);clip-path:polygon(4% 0,100% 0,96% 100%,0 92%)}.lunara-hud__side.opp{top:8px}.lunara-hud__side.me{bottom:8px}.lunara-hud__side>span{color:#b996ff;font:italic 900 8px/1 var(--font-condensed);letter-spacing:.1em}.lunara-hud__side>strong{grid-row:1 / 3;grid-column:2;display:flex;gap:1px;font:normal 900 18px/1 var(--font-condensed)}.lunara-hud__side>strong i{color:#f2eadc38;font-style:normal}.lunara-hud__side>strong i.is-live{color:#f0dd8e;text-shadow:0 0 7px #8d57d7}.lunara-hud__side>small{font:900 9px/1 var(--font-condensed);letter-spacing:.06em}.arena-overlay.lunara-hit{color:#d6bdff;text-shadow:0 0 15px #7b4bc2,5px 5px 0 #0a0810}.arena-overlay.moon-clash{color:#f0dd8e;text-shadow:-5px 0 0 #8e5bd7,5px 0 0 #e14c6a,0 0 20px #fff}.arena-overlay.full-moon{color:#fff2ae;text-shadow:0 0 10px #fff,0 0 28px #9d70e5,6px 6px 0 #321b58;animation-duration:1.9s}@container stage (max-width: 720px){.lunara-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lunara-deck-card{height:118px}.lunara-hud__side{min-width:112px}}.combo-flower-layer{position:absolute;z-index:22;inset:0;overflow:visible;pointer-events:none}.combo-flower,.combo-flower:hover,.combo-flower:active,.combo-flower:focus{--flower-color: #8de06f;--flower-core: #ffe66d;position:absolute;width:118px;min-height:76px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none;pointer-events:auto;cursor:pointer;transform:translate(-50%,-50%);transition:filter .12s ease,opacity .16s ease,transform .12s ease}.combo-flower.enemy{--flower-color: #ef5b57;--flower-core: #f6e6cd}.combo-flower:hover{filter:brightness(1.18);transform:translate(-50%,-50%) scale(1.08) rotate(-2deg)}.combo-flower:active{transform:translate(-50%,-50%) scale(.92)}.combo-flower:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.combo-flower:disabled{opacity:.55;filter:grayscale(.5);cursor:not-allowed}.combo-flower.is-spawning{animation:comboFlowerBloom .52s cubic-bezier(.15,1.45,.3,1) both}.combo-flower__plant{position:absolute;left:10px;top:5px;width:58px;height:66px;filter:drop-shadow(3px 4px 0 rgba(8,9,12,.72))}.combo-flower__plant .petal{position:absolute;left:22px;top:7px;width:19px;height:28px;border:2px solid var(--ink);border-radius:55% 55% 45% 45%;background:var(--flower-color);transform-origin:50% 23px}.combo-flower__plant .p1{transform:rotate(0) translateY(-9px)}.combo-flower__plant .p2{transform:rotate(72deg) translateY(-9px)}.combo-flower__plant .p3{transform:rotate(144deg) translateY(-9px)}.combo-flower__plant .p4{transform:rotate(216deg) translateY(-9px)}.combo-flower__plant .p5{transform:rotate(288deg) translateY(-9px)}.combo-flower__plant b{position:absolute;z-index:2;left:24px;top:20px;width:16px;height:16px;border:2px solid var(--ink);border-radius:50%;background:var(--flower-core)}.combo-flower__plant em{position:absolute;left:30px;top:38px;width:5px;height:30px;background:#4da75c;box-shadow:3px 0 0 var(--ink);transform:rotate(4deg)}.combo-flower__copy{position:absolute;left:62px;top:17px;display:grid;gap:4px;text-align:left;white-space:nowrap}.combo-flower__copy strong{padding:4px 6px 3px;color:var(--ink);background:var(--flower-color);font:italic 900 13px/1 var(--font-condensed);box-shadow:3px 3px 0 var(--ink)}.combo-flower__copy small{color:var(--paper);font:900 8px/1 var(--font-ui);letter-spacing:.08em;text-shadow:2px 2px 0 var(--ink)}.combo-flower__durability{position:absolute;left:65px;top:55px;display:flex;gap:4px}.combo-flower__durability i{width:13px;height:5px;border:1px solid var(--paper);background:transparent}.combo-flower__durability i.is-live{background:var(--flower-color)}@keyframes comboFlowerBloom{0%{opacity:0;transform:translate(-50%,-35%) scale(.2) rotate(-18deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}.arena-overlay.flower-own,.arena-overlay.flower-heal{color:#9bf27d}.arena-overlay.flower-enemy,.arena-overlay.flower-break{color:#ff716c}@container stage (max-width: 720px){.ticket-action--prototype{grid-column:auto}.combo-flower{width:108px;transform:translate(-50%,-50%) scale(.9)}}@container stage (max-width: 720px){#charSelect{justify-content:center}.char-list{flex:0 0 auto;grid-auto-rows:auto;align-content:center}.char-btn{height:clamp(150px,20cqh,200px);min-height:0}}.char-btn:not(.active){border-color:#f2eadc4d;filter:saturate(.3) brightness(.62)}.char-btn:not(.active):hover{filter:saturate(.7) brightness(.85);border-color:#f2eadca6;transform:translate(-2px,-2px);box-shadow:5px 5px #f2eadc38}.char-btn.active{border-color:var(--punch);filter:none;transform:translate(-5px,-6px) rotate(-1deg);box-shadow:11px 12px 0 var(--signal);z-index:2}.char-btn.active .char-index{color:var(--ink);background:var(--punch);padding:2px 11px 0;text-shadow:none;transform:rotate(-3deg)}.char-btn.active .char-name{color:var(--punch)}.char-btn[data-char].active{border-color:var(--punch);box-shadow:11px 12px 0 var(--signal);background:#11141a}#splash{align-items:center;justify-content:center;background:#000}.splash-mark{width:min(44%,220px);opacity:0}.studio-wordmark{display:block;width:100%;height:auto}.studio-wordmark--splash{opacity:.92}#splash.run .splash-mark{animation:splashFade 2.6s ease forwards}@keyframes splashFade{0%{opacity:0;transform:scale(.965)}20%{opacity:1;transform:scale(1)}76%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.015)}}.splash-name{color:var(--paper);font:400 clamp(30px,8cqw,46px)/1 var(--font-display);letter-spacing:.02em}.splash-rule{width:100%;height:2px;background:var(--paper);opacity:.5}.splash-kind{color:var(--paper-dim);font:800 13px/1 var(--font-condensed);letter-spacing:.52em;text-indent:.52em}@media(prefers-reduced-motion:reduce){#splash.run .splash-mark{animation-duration:.7s}}#intro{align-items:center;justify-content:space-between;padding:clamp(64px,10cqh,104px) clamp(24px,6cqw,42px) clamp(38px,6cqh,64px);background:var(--ink);overflow:hidden;isolation:isolate}#intro:before{content:"";position:absolute;inset:-12%;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(104deg,var(--ink) 0 37%,var(--signal) 37.2% 44%,var(--punch) 44.2% 47%,var(--ink) 47.2% 100%);transform:translate(-118%) skew(-8deg)}#intro.intro-enter:before{animation:introSlashWipe .62s cubic-bezier(.76,0,.24,1) both}.intro-key-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:introArtBreath 10s ease-in-out infinite alternate}#intro.intro-enter .intro-key-art{animation:introArtReveal .82s cubic-bezier(.16,1,.3,1) both,introArtBreath 10s .82s ease-in-out infinite alternate}#intro:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(8,9,12,.58) 0%,rgba(8,9,12,.22) 20%,transparent 39%,transparent 62%,rgba(8,9,12,.42) 79%,rgba(8,9,12,.9) 100%),linear-gradient(90deg,rgba(8,9,12,.18),transparent 45%,rgba(8,9,12,.12))}@keyframes introArtBreath{0%{transform:scale(1)}to{transform:scale(1.018)}}@keyframes introArtReveal{0%{opacity:0;transform:scale(1.12) translateY(1.5%);filter:saturate(.2) contrast(1.3) brightness(.5)}52%{opacity:1;filter:saturate(1.25) contrast(1.15) brightness(1.08)}to{opacity:1;transform:scale(1) translateY(0);filter:none}}@keyframes introSlashWipe{0%{opacity:1;transform:translate(-118%) skew(-8deg)}42%{opacity:1}to{opacity:0;transform:translate(118%) skew(-8deg)}}.intro-brand{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.72));transform:translateY(clamp(110px,13cqh,180px))}.brand-logo{display:block;height:auto;object-fit:contain}.intro-logo{position:relative;z-index:2;width:min(108%,760px);max-width:none}.intro-brand-subtitle{position:relative;z-index:3;min-width:clamp(178px,36cqw,252px);margin-top:clamp(-12px,-1.3cqh,-6px);padding:.38em 1.5em .42em;color:var(--paper);background:var(--ink);border-top:2px solid var(--signal);clip-path:polygon(5% 0,100% 0,95% 100%,0 100%);font-family:var(--font-condensed);font-size:clamp(13px,2.7cqw,19px);font-style:italic;font-weight:900;line-height:1;letter-spacing:.22em;text-align:center;text-indent:.22em;text-shadow:2px 2px 0 rgba(240,68,59,.45);white-space:nowrap}.logo-surge{position:absolute;top:14%;left:50%;z-index:2;width:clamp(10px,2.4cqw,18px);height:72%;pointer-events:none;transform:rotate(18deg);transform-origin:center}.logo-surge:before,.logo-surge:after{content:"";position:absolute;top:0;width:7px;height:100%;opacity:0;background:var(--punch);clip-path:polygon(42% 0,100% 0,62% 20%,100% 32%,48% 49%,88% 60%,30% 78%,55% 100%,0 100%,20% 79%,0 66%,43% 50%,4% 37%,48% 20%);filter:drop-shadow(0 0 4px var(--punch)) drop-shadow(0 0 8px var(--signal-hot));will-change:transform,opacity;transform:scaleY(.08);transform-origin:top}.logo-surge:before{left:calc(50% - 2.5px);width:5px}.logo-surge:after{display:none}#intro.intro-enter .logo-surge:before,#intro.intro-enter .logo-surge:after{animation:logoRailStrike .34s .53s cubic-bezier(.16,1,.3,1) both}#intro.intro-enter .logo-surge:after{animation-delay:.58s}#intro:not(.intro-enter) .logo-surge:before{animation:logoRailIdle 5.8s 1.7s linear infinite}#intro:not(.intro-enter) .logo-surge:after{animation:logoRailIdle 5.8s 1.75s linear infinite reverse}@keyframes logoRailStrike{0%{opacity:0;transform:scaleY(.08) translateY(-10%)}28%{opacity:1;transform:scaleY(1.08) translateY(0)}62%{opacity:.9;transform:scaleY(.9) translateY(2%)}to{opacity:0;transform:scaleY(1) translateY(4%)}}@keyframes logoRailIdle{0%,88%,to{opacity:0;transform:scaleY(.1)}89%{opacity:.85;transform:scaleY(.42) translateY(-18%)}91%{opacity:1;transform:scaleY(1) translateY(0)}93%{opacity:0;transform:scaleY(.7) translateY(15%)}}.logo-particles{position:absolute;inset:-28% -12%;z-index:-1;overflow:visible;pointer-events:none}.logo-particles i{--particle-color: var(--paper);--particle-x: 0;--particle-y: 0;--particle-rotate: 0deg;position:absolute;top:50%;left:50%;width:clamp(7px,1.8cqw,13px);height:clamp(17px,4.4cqw,30px);opacity:0;background:var(--particle-color);clip-path:polygon(15% 0,100% 18%,72% 100%,0 76%);will-change:transform,opacity}.logo-particles i:nth-child(1){--particle-x: -34cqw;--particle-y: -8cqh;--particle-rotate: -145deg}.logo-particles i:nth-child(2){--particle-x: -24cqw;--particle-y: 7cqh;--particle-rotate: 95deg;--particle-color: var(--signal)}.logo-particles i:nth-child(3){--particle-x: -13cqw;--particle-y: -11cqh;--particle-rotate: -65deg;--particle-color: var(--punch)}.logo-particles i:nth-child(4){--particle-x: -8cqw;--particle-y: 10cqh;--particle-rotate: 155deg}.logo-particles i:nth-child(5){--particle-x: 10cqw;--particle-y: -12cqh;--particle-rotate: 70deg;--particle-color: var(--signal)}.logo-particles i:nth-child(6){--particle-x: 17cqw;--particle-y: 10cqh;--particle-rotate: -125deg;--particle-color: var(--punch)}.logo-particles i:nth-child(7){--particle-x: 27cqw;--particle-y: -7cqh;--particle-rotate: 130deg}.logo-particles i:nth-child(8){--particle-x: 36cqw;--particle-y: 5cqh;--particle-rotate: -80deg;--particle-color: var(--signal)}.logo-particles i:nth-child(9){--particle-x: 5cqw;--particle-y: 13cqh;--particle-rotate: 210deg}.logo-particles i:nth-child(10){--particle-x: 31cqw;--particle-y: -12cqh;--particle-rotate: 45deg;--particle-color: var(--punch)}#intro.intro-enter .logo-particles i{animation:logoShardBurst .54s .54s cubic-bezier(.1,.8,.2,1) both}#intro.intro-enter .logo-particles i:nth-child(2n){animation-delay:.58s}#intro.intro-enter .logo-particles i:nth-child(3n){animation-delay:.61s}@keyframes logoShardBurst{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--particle-x)),calc(-50% + var(--particle-y))) scale(1) rotate(var(--particle-rotate))}}#intro.intro-enter .intro-logo{animation:introLogoIn .52s .3s cubic-bezier(.16,1,.3,1) both}#intro.intro-enter .intro-brand-subtitle{animation:introSubtitleIn .34s .68s cubic-bezier(.16,1,.3,1) both}@keyframes introLogoIn{0%{opacity:0;transform:translateY(-20px) scale(1.18) rotate(-3deg);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);clip-path:inset(0)}}@keyframes introSubtitleIn{0%{opacity:0;transform:translateY(-8px) scaleX(.72)}to{opacity:1;transform:translateY(0) scaleX(1)}}.intro-auth-actions{position:relative;z-index:6;width:min(100%,680px);margin-bottom:clamp(48px,6.5cqh,68px);display:grid;gap:clamp(6px,.9cqh,9px)}#intro .intro-auth-btn{--choice-edge: rgba(242, 234, 220, .86);--choice-face: rgba(8, 9, 12, .88);--choice-fill: var(--electric);position:relative;isolation:isolate;width:100%;min-height:clamp(54px,7.2cqh,66px);padding:9px clamp(23px,5.8cqw,36px);display:flex;align-items:center;justify-content:center;gap:0;overflow:hidden;color:var(--paper);border:0;border-radius:0;background:var(--choice-edge);clip-path:polygon(1.6% 3%,99.5% 0,98.2% 86%,94% 100%,.8% 96%,0 16%);filter:drop-shadow(5px 6px 0 rgba(8,9,12,.82));text-decoration:none;cursor:pointer;transition:color .16s ease,filter .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}#intro .intro-auth-btn:before,#intro .intro-auth-btn:after{content:"";position:absolute;inset:2px 3px 3px;z-index:0;pointer-events:none;clip-path:polygon(1.2% 2%,99.6% 0,98.5% 85%,94% 100%,.6% 96%,0 15%)}#intro .intro-auth-btn:before{background:var(--choice-face)}#intro .intro-auth-btn:after{background:linear-gradient(90deg,var(--choice-fill) 0 54%,transparent 82%),radial-gradient(circle,rgba(8,9,12,.22) 0 1.55px,transparent 1.9px) 0 0 / 9px 9px,var(--choice-fill);transform:scaleX(0);transform-origin:left center;transition:transform .2s cubic-bezier(.16,1,.3,1)}#intro .intro-auth-btn--google{--choice-fill: #dce9ff}#intro .intro-auth-btn--kakao{--choice-edge: #fee500;--choice-face: #fee500;--choice-fill: #fee500;color:#000000d9;border-radius:12px;clip-path:none;filter:drop-shadow(5px 6px 0 rgba(8,9,12,.82));touch-action:manipulation}#intro .intro-auth-btn--kakao:before{inset:0;border-radius:inherit;clip-path:none}#intro .intro-auth-btn--kakao:after{display:none}#intro .intro-auth-btn--kakao .intro-auth-label{color:#000000d9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:clamp(17px,4.2cqw,21px);font-style:normal;font-weight:600;letter-spacing:0;text-shadow:none}#intro .intro-auth-btn--kakao:not(.is-disabled):hover,#intro .intro-auth-btn--kakao:not(.is-disabled):focus-visible{color:#000000d9;transform:translate(-3px);filter:drop-shadow(8px 7px 0 rgba(8,9,12,.82))}#intro .intro-auth-btn--guest{--choice-edge: var(--paper);--choice-fill: var(--punch);color:var(--ink);filter:drop-shadow(6px 7px 0 var(--signal))}#intro .intro-auth-btn--guest:after{transform:scaleX(1)}#intro .intro-auth-btn:not(.is-disabled):hover,#intro .intro-auth-btn:not(.is-disabled):focus-visible{color:var(--ink);transform:translate(-6px);filter:drop-shadow(10px 8px 0 var(--signal))}#intro .intro-auth-btn:not(.is-disabled):hover:after,#intro .intro-auth-btn:not(.is-disabled):focus-visible:after{transform:scaleX(1)}#intro .intro-auth-btn:focus-visible{--choice-edge: var(--electric);outline:none}#intro .intro-auth-btn:active{transform:translate(1px,2px);filter:drop-shadow(3px 3px 0 var(--signal))}.intro-auth-label{position:relative;z-index:1;display:block;width:100%;color:currentColor;font:italic 900 clamp(18px,4.6cqw,25px)/1 var(--font-ui);letter-spacing:-.04em;text-align:center;text-shadow:2px 2px 0 rgba(8,9,12,.42)}#intro .intro-auth-btn--guest .intro-auth-label,#intro .intro-auth-btn:not(.is-disabled):hover .intro-auth-label,#intro .intro-auth-btn:not(.is-disabled):focus-visible .intro-auth-label{text-shadow:none}.intro-auth-icon{position:absolute;z-index:1;left:clamp(21px,5.5cqw,34px);width:clamp(25px,6.2cqw,32px);height:clamp(25px,6.2cqw,32px);display:grid;place-items:center;color:var(--paper)}.intro-auth-icon svg{width:100%;height:100%;overflow:visible}.intro-auth-btn--kakao .intro-auth-icon{color:#000}.intro-auth-btn--guest .intro-auth-icon{color:var(--ink)}#intro .intro-auth-btn.is-disabled{--choice-edge: rgba(242, 234, 220, .38);color:#f2eadc8f;cursor:not-allowed;filter:saturate(.36) brightness(.76) drop-shadow(4px 5px 0 rgba(8,9,12,.82))}#intro .intro-auth-btn.is-disabled:hover,#intro .intro-auth-btn.is-disabled:active{transform:none;filter:saturate(.36) brightness(.76) drop-shadow(4px 5px 0 rgba(8,9,12,.82))}#intro .intro-auth-btn.is-linked{filter:saturate(.45) brightness(.8) drop-shadow(4px 5px 0 rgba(8,9,12,.82))}#intro.intro-enter .intro-auth-actions{animation:introGuestIn .4s .58s cubic-bezier(.16,1,.3,1) both}@keyframes introGuestIn{0%{opacity:0;transform:translateY(34px) rotate(1.5deg);filter:drop-shadow(0 0 0 transparent)}to{opacity:1;transform:translateY(0) rotate(0);filter:none}}#intro .guest-btn.is-launching{animation:none!important;color:var(--ink);transform:translate(2px,3px) scale(.99);filter:drop-shadow(2px 2px 0 var(--signal));cursor:progress}.intro-foot{position:absolute;bottom:clamp(12px,2cqh,20px);left:50%;transform:translate(-50%);margin:0;z-index:1;width:clamp(76px,14cqw,104px);opacity:.64}.studio-wordmark--footer{opacity:.94}#intro.intro-enter .intro-foot{animation:introFootIn .35s .78s ease-out both}@keyframes introFootIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.intro-key-art,#intro.intro-enter .intro-key-art,#intro.intro-enter:before,#intro.intro-enter .intro-logo,#intro.intro-enter .intro-brand-subtitle,#intro.intro-enter .logo-surge:before,#intro.intro-enter .logo-surge:after,#intro:not(.intro-enter) .logo-surge:before,#intro:not(.intro-enter) .logo-surge:after,#intro.intro-enter .logo-particles i,#intro.intro-enter .intro-auth-actions,#intro:not(.intro-enter) .guest-btn,.guest-btn.is-launching:after,#intro.intro-enter .intro-foot{animation:none}.guest-btn,.intro-auth-btn{transition:none}}.grab-tech-overlay.is-observer .grab-tech-prompt{top:27cqh;bottom:auto;animation-name:grabTechPromptInTop}@keyframes grabTechPromptInTop{0%{opacity:0;transform:translateY(-26px) rotate(2deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(-1.2deg) scale(1)}}.versus-screen{position:relative;isolation:isolate;overflow:hidden;color:var(--paper);background:radial-gradient(circle at 50% 48%,rgba(83,213,216,.14),transparent 20%),radial-gradient(circle at 72% 15%,rgba(240,68,59,.2),transparent 32%),radial-gradient(circle at 25% 86%,rgba(83,213,216,.16),transparent 34%),#050609}.versus-screen:before{content:"";position:absolute;inset:0;z-index:4;opacity:.24;background:radial-gradient(circle,rgba(242,234,220,.48) 0 1px,transparent 1.25px) 0 0 / 9px 9px;mask-image:linear-gradient(to bottom,#000,transparent 36%,transparent 64%,#000);pointer-events:none}.versus-screen:after{content:"COMBAT RITE  /  FINAL CITY  /  01";position:absolute;top:50%;left:50%;z-index:8;width:100%;color:#f2eadc80;font:italic 900 9px/1 var(--font-condensed);letter-spacing:.34em;text-align:center;transform:translate(-50%,48px) rotate(-5deg);pointer-events:none}.versus-speed-lines{position:absolute;inset:-35%;z-index:0;opacity:.28;background:repeating-conic-gradient(from 4deg at 50% 50%,transparent 0 2.2deg,rgba(242,234,220,.22) 2.25deg 2.35deg);animation:versusLines 2.4s ease-out both}.versus-fighter{position:absolute;left:0;width:100%;z-index:2;overflow:hidden;background:#0b0d12}.versus-fighter:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,var(--fighter-color),transparent 3px),radial-gradient(circle at 50% 50%,transparent 42%,rgba(5,6,9,.42) 100%);pointer-events:none}.versus-fighter-me{top:0;height:53.5%;clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}.versus-fighter-opp{bottom:0;height:53.5%;clip-path:polygon(0 13%,100% 0,100% 100%,0 100%)}.versus-portrait{position:absolute;inset:-2%;width:104%;height:104%;display:block;object-fit:cover;filter:saturate(.88) contrast(1.08);transform:scale(1.06)}.versus-fighter-me .versus-portrait{transform-origin:50% 30%}.versus-fighter-opp .versus-portrait{transform-origin:50% 70%}.versus-fighter-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,6,9,.88) 0,rgba(5,6,9,.2) 46%,transparent 70%),linear-gradient(to bottom,transparent 52%,rgba(5,6,9,.82))}.versus-fighter-opp .versus-fighter-shade{background:linear-gradient(270deg,rgba(5,6,9,.88) 0,rgba(5,6,9,.18) 48%,transparent 72%),linear-gradient(to top,transparent 50%,rgba(5,6,9,.68))}.versus-fighter-copy{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:flex-start;max-width:76%;filter:drop-shadow(4px 5px 0 rgba(5,6,9,.9))}.versus-fighter-me .versus-fighter-copy{left:28px;bottom:86px}.versus-fighter-opp .versus-fighter-copy{right:28px;top:94px;align-items:flex-end;text-align:right}.versus-side-label{margin-bottom:7px;padding:5px 10px 4px;color:#050609;background:var(--fighter-color);font:italic 900 11px/1 var(--font-condensed);letter-spacing:.15em;clip-path:polygon(4% 0,100% 0,96% 100%,0 88%)}.versus-name{color:var(--paper);font:400 clamp(52px,13cqw,72px)/.86 var(--font-display);letter-spacing:-.055em;white-space:nowrap}.versus-role{margin-top:9px;color:#f2eadccc;font:italic 900 13px/1 var(--font-condensed);letter-spacing:.14em}.versus-center{position:absolute;top:50%;left:50%;z-index:12;width:126px;height:126px;display:grid;place-items:center;color:var(--paper);border:5px solid var(--paper);border-radius:50%;background:radial-gradient(circle at 40% 34%,rgba(83,213,216,.28),transparent 32%),#07080c;box-shadow:0 0 0 7px #07080c,0 0 0 10px var(--signal),0 0 42px #53d5d8b8,0 0 82px #f0443b7a;transform:translate(-50%,-50%) rotate(-4deg)}.versus-center:before,.versus-center:after{content:"";position:absolute;top:50%;right:100%;width:240px;height:5px;background:linear-gradient(90deg,transparent,var(--electric));transform:translateY(-50%) rotate(-5deg);transform-origin:right}.versus-center:after{right:auto;left:100%;background:linear-gradient(90deg,var(--signal),transparent);transform-origin:left}.versus-center strong{font:italic 900 64px/1 var(--font-condensed);letter-spacing:-.1em;transform:translate(-3px);text-shadow:4px 4px 0 var(--signal)}.versus-center small{position:absolute;bottom:13px;color:var(--electric);font:900 8px/1 var(--font-condensed);letter-spacing:.2em}.versus-status{position:absolute;left:50%;bottom:max(30px,3.4cqh);z-index:10;display:flex;align-items:center;gap:9px;padding:9px 14px 8px;color:var(--paper);background:#050609d6;border-left:3px solid var(--electric);font:900 12px/1 var(--font-ui);letter-spacing:.08em;transform:translate(-50%);white-space:nowrap}.versus-status-dot{width:7px;height:7px;background:var(--punch);animation:versusStatusBlink .65s steps(1,end) infinite}.versus-screen.is-entering .versus-fighter-me{animation:versusOppIn .52s cubic-bezier(.16,1,.3,1) both}.versus-screen.is-entering .versus-fighter-opp{animation:versusMeIn .52s .08s cubic-bezier(.16,1,.3,1) both}.versus-screen.is-entering .versus-center{animation:versusMarkIn .42s .34s cubic-bezier(.16,1,.3,1.25) both}.versus-screen.is-entering .versus-fighter-copy{animation:versusCopyIn .42s .42s ease-out both}.versus-screen.is-leaving{animation:versusOut .22s ease-in both}#stage:has(#versusScreen:not([hidden])) .sound-control{opacity:0;pointer-events:none}@keyframes versusOppIn{0%{opacity:0;transform:translateY(-18%) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes versusMeIn{0%{opacity:0;transform:translateY(18%) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes versusMarkIn{0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scale(1.8)}to{opacity:1;transform:translate(-50%,-50%) rotate(-4deg) scale(1)}}@keyframes versusCopyIn{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes versusLines{0%{opacity:0;transform:rotate(-8deg) scale(.72)}to{opacity:.28;transform:rotate(0) scale(1)}}@keyframes versusStatusBlink{0%,54%{opacity:1}55%,to{opacity:.22}}@keyframes versusOut{to{opacity:0;filter:brightness(2.2);transform:scale(1.025)}}@media(prefers-reduced-motion:reduce){.versus-speed-lines,.versus-status-dot,.versus-screen.is-entering .versus-fighter-me,.versus-screen.is-entering .versus-fighter-opp,.versus-screen.is-entering .versus-center,.versus-screen.is-entering .versus-fighter-copy,.versus-screen.is-leaving{animation:none}}.versus-screen{color:var(--paper);background:radial-gradient(circle at 74% 18%,rgba(240,68,59,.1),transparent 34%),radial-gradient(circle at 24% 82%,rgba(67,215,211,.1),transparent 36%),#050609}.versus-screen:before{inset:0;z-index:7;opacity:.28;background:radial-gradient(circle,rgba(8,9,12,.72) 0 1.25px,transparent 1.5px) 0 0 / 10px 10px;-webkit-mask-image:linear-gradient(to bottom,#000 0 15%,transparent 34% 66%,#000 85% 100%);mask-image:linear-gradient(to bottom,#000 0 15%,transparent 34% 66%,#000 85% 100%)}.versus-screen:after{content:none}.versus-speed-lines{inset:0;z-index:1;opacity:.16;background:repeating-linear-gradient(165deg,transparent 0 31px,rgba(242,234,220,.16) 32px 33px,transparent 34px 66px);animation-duration:.72s}.versus-fighter{left:0;width:100%;background:var(--ink);box-shadow:none}.versus-fighter:before{z-index:3;background:linear-gradient(180deg,rgba(242,234,220,.08),transparent 24%),radial-gradient(circle,transparent 48%,rgba(8,9,12,.32) 100%)}.versus-fighter:after{content:"";position:absolute;inset:0;z-index:2;opacity:.28;background:radial-gradient(circle,var(--paper) 0 1px,transparent 1.3px) 0 0 / 9px 9px;mix-blend-mode:overlay;pointer-events:none}.versus-fighter-me{top:0;height:54%;clip-path:polygon(0 0,100% 0,100% 84%,0 100%)}.versus-fighter-opp{bottom:0;height:54%;clip-path:polygon(0 16%,100% 0,100% 100%,0 100%);box-shadow:none}.versus-portrait{inset:0;width:100%;height:100%;filter:saturate(.92) contrast(1.13) brightness(.88);transform:scale(1.04)}.versus-fighter-me .versus-portrait{transform-origin:70% 30%;animation:none}.versus-fighter-opp .versus-portrait{transform-origin:30% 70%;animation:none}.versus-fighter-shade{z-index:2;background:linear-gradient(90deg,rgba(8,9,12,.92) 0 10%,rgba(8,9,12,.48) 36%,transparent 70%),linear-gradient(to bottom,transparent 40%,rgba(8,9,12,.9))}.versus-fighter-opp .versus-fighter-shade{background:linear-gradient(270deg,rgba(8,9,12,.94) 0 10%,rgba(8,9,12,.42) 38%,transparent 70%),linear-gradient(to top,transparent 42%,rgba(8,9,12,.76))}.versus-fighter-copy{z-index:5;max-width:82%;filter:drop-shadow(5px 6px 0 var(--ink))}.versus-fighter-me .versus-fighter-copy{left:30px;bottom:84px}.versus-fighter-opp .versus-fighter-copy{top:90px;right:30px}.versus-side-label{margin-bottom:8px;padding:0;color:var(--punch);background:transparent;border:0;font-size:11px;text-shadow:2px 2px 0 var(--ink);box-shadow:none;clip-path:none}.versus-fighter-opp .versus-side-label{color:var(--electric);background:transparent;border:0;box-shadow:none}.versus-name{position:relative;color:var(--paper);font-size:clamp(62px,15cqw,84px);line-height:.82;text-shadow:5px 6px 0 var(--signal)}.versus-fighter-opp .versus-name{text-shadow:-5px 6px 0 #218b91}.versus-role{margin-top:13px;padding:5px 9px 4px;color:var(--paper);background:#08090cd1;border-top:2px solid var(--fighter-color);font-size:12px}.versus-center{inset:0;width:100%;height:100%;display:block;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;clip-path:none;pointer-events:none}.versus-center:before,.versus-center:after{display:none}.versus-center-line{position:absolute;top:50%;left:-8%;width:116%;height:clamp(58px,6.8cqh,72px);overflow:hidden;background:repeating-linear-gradient(104deg,transparent 0 22px,rgba(242,234,220,.055) 23px 25px,transparent 26px 45px),#050609;box-shadow:0 -7px 0 var(--signal),0 8px 0 var(--electric),0 18px 34px #05060985;transform:translateY(-50%) rotate(-6deg);transform-origin:center;clip-path:polygon(0 22%,8% 4%,32% 17%,57% 0,79% 16%,100% 5%,97% 88%,74% 100%,48% 82%,21% 98%,2% 82%)}.versus-center-line:before,.versus-center-line:after{content:"";position:absolute}.versus-center-line:before{inset:0;background:linear-gradient(90deg,rgba(240,68,59,.25),transparent 38% 62%,rgba(67,215,211,.25));opacity:.82}.versus-center-line:after{top:-18px;left:54%;width:13px;height:108px;background:var(--punch);box-shadow:-6px 0 0 var(--signal),6px 0 0 var(--electric);transform:rotate(13deg) skewY(-18deg)}.versus-center strong{position:absolute;top:50%;left:50%;padding:0;color:var(--paper);background:transparent;font-size:clamp(98px,21cqw,126px);letter-spacing:-.18em;line-height:.72;text-shadow:-7px 5px 0 var(--signal),7px -4px 0 var(--electric),11px 11px 0 rgba(5,6,9,.88);transform:translate(-50%,-52%) rotate(-6deg) skew(-12deg);clip-path:none}.versus-center small{display:none}.versus-status{right:auto;bottom:max(18px,env(safe-area-inset-bottom));left:50%;z-index:20;display:block;width:min(360px,calc(100% - 48px));min-width:0;padding:0;color:var(--paper);background:transparent;border:0;box-shadow:none;transform:translate(-50%);font-size:10px}.versus-opponent-ready{position:absolute;top:18px;right:auto;bottom:auto;left:calc(100% + 16px);z-index:10;display:block;width:max-content;padding:0;visibility:hidden;color:var(--paper);background:transparent;border:0;box-shadow:none;clip-path:none;opacity:0;pointer-events:none}.versus-opponent-ready strong{display:block;color:var(--paper);font:italic 400 66px/.72 var(--font-display);letter-spacing:-.08em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:6px 5px 0 var(--signal),-4px -2px 0 var(--electric),10px 9px 0 rgba(8,9,12,.76);transform:skew(-10deg)}.versus-opponent-ready.is-ready{visibility:visible;animation:versusRivalReadyIn .58s cubic-bezier(.16,1,.3,1.18) both}.versus-review-state{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;min-height:24px;font:600 16px/1.3 var(--font-condensed);text-shadow:0 2px 3px var(--ink);white-space:nowrap}.versus-review-state strong{min-width:20px;color:var(--punch);font:italic 900 24px/1 var(--font-condensed);text-align:right}#versusReadyBtn{--choice-edge: var(--paper);--choice-face: var(--mana, #55c7d8);--choice-fill: var(--paper);width:100%;min-height:76px;padding:16px 24px;color:var(--ink);text-align:center;filter:none}#versusReadyLabel{justify-content:center;font:900 28px/1.2 var(--font-ui);letter-spacing:0}#versusReadyBtn:not(:disabled):active{transform:translate(2px,2px)}#versusReadyBtn:focus-visible{outline:3px solid var(--electric);outline-offset:3px}#versusReadyBtn:disabled{--choice-edge: var(--bone-dim, #aaa596);--choice-face: var(--tar, #090f12);--choice-fill: var(--bone-dim, #aaa596);color:var(--paper);filter:none;cursor:default}#versusReadyBtn.is-ready{--choice-edge: var(--paper);--choice-face: var(--paper);--choice-fill: var(--mana, #55c7d8);color:var(--ink);background:var(--electric);opacity:1}.versus-status-dot{background:var(--electric)}.versus-screen.is-leaving{animation:versusPrintOut .22s steps(3,end) both}.versus-screen.is-entering .versus-center{animation:none}.versus-screen.is-entering .versus-center-line{animation:versusHaloSlashIn .62s .22s cubic-bezier(.16,1,.3,1) both}.versus-screen.is-entering .versus-center strong{animation:versusHaloMarkIn .48s .4s cubic-bezier(.16,1,.3,1.2) both}.versus-loadout{--versus-card-unit: 108px;--versus-card-gap: 6px;position:absolute;z-index:8;display:block;width:100%;max-width:none;overflow:visible;padding:0;color:var(--paper);background:transparent;box-shadow:none;clip-path:none;isolation:isolate}.versus-loadout:before,.versus-loadout:after{content:none}.versus-loadout--opp{left:0;top:20px}.versus-loadout--me{bottom:138px;left:0}.versus-loadout-cards{display:block;width:100%;overflow-x:auto;overflow-y:hidden;background:transparent;border:0;box-shadow:none;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.versus-loadout-cards::-webkit-scrollbar{display:none}.versus-loadout-track{position:relative;display:flex;align-items:flex-end;gap:var(--versus-card-gap);width:max-content;min-width:100%;padding-top:0;padding-bottom:0;background:transparent}.versus-loadout-track:before{content:"";position:absolute;inset:12px 0 0;z-index:0;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--versus-card-unit) - 1px),rgba(242,234,220,.07) var(--versus-card-unit) calc(var(--versus-card-unit) + var(--versus-card-gap))),#090b0f;border:2px solid rgba(242,234,220,.42);border-radius:2px;box-shadow:5px 5px #f0443b2e;pointer-events:none}.versus-loadout--opp .versus-loadout-track,.versus-loadout--me .versus-loadout-track{padding-right:6px;padding-left:6px}.versus-loadout--opp .versus-loadout-track:before,.versus-loadout--me .versus-loadout-track:before{background-position:6px 0,0 0}.versus-loadout--me .versus-loadout-track:before{box-shadow:5px 5px #43d7d321}.versus-loadout-card-wrap{--loadout-card-rise: 0px;appearance:none;position:relative;z-index:1;flex:0 0 auto;padding:18px 0 6px;color:inherit;border:0;background:transparent;font:inherit;cursor:pointer;scroll-snap-align:start}.versus-loadout-card-wrap:hover,.versus-loadout-card-wrap:focus,.versus-loadout-card-wrap:active{background:transparent;box-shadow:none;transform:none}.versus-loadout-card-wrap.is-changed{--loadout-card-rise: 0px}.versus-loadout-card-wrap:focus-visible{outline:3px solid var(--electric);outline-offset:3px}.versus-loadout-card.card{--w-unit: var(--versus-card-unit);width:var(--versus-card-unit);padding:6px;overflow:visible;cursor:pointer;pointer-events:auto}.versus-loadout-card-wrap:hover .versus-loadout-card,.versus-loadout-card-wrap:focus-visible .versus-loadout-card{z-index:auto;filter:none;box-shadow:inset 0 0 0 1px #08090ce6;transform:none}.versus-loadout-card-wrap:active .versus-loadout-card{filter:none;transform:none}.versus-loadout-card .name{right:6px;bottom:6px;left:6px}.versus-loadout-copy{position:absolute;top:15px;right:8px;left:auto;z-index:12;padding:0;color:var(--paper);border:0;background:transparent;font:italic 900 clamp(29px,calc(var(--versus-card-unit) * .33),46px)/.86 var(--font-condensed);letter-spacing:-.035em;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink),4px 4px 0 rgba(240,68,59,.72);transform:translate(18%,-35%) rotate(4deg);pointer-events:none}.versus-loadout-change{position:absolute;right:2px;bottom:0;z-index:8;padding:3px 6px 2px;color:var(--ink);background:var(--punch);border-left:2px solid var(--paper);font:italic 900 9px/1 var(--font-condensed);letter-spacing:.06em;transform:rotate(-2deg)}.versus-card-detail{position:absolute;z-index:32;width:min(286px,calc(100% - 30px));padding:14px 40px 13px 14px;color:var(--paper);background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#08090cf7;border:3px solid var(--paper);border-bottom-color:var(--electric);box-shadow:7px 8px #f0443b75,0 12px 30px #0000008f;transform:translate(-50%,calc(-100% - 11px)) rotate(-.5deg);transform-origin:center bottom;clip-path:polygon(2% 0,100% 3%,97% 100%,0 95%);animation:cardTooltipIn .1s cubic-bezier(.2,.9,.2,1) both}.versus-card-detail[hidden]{display:none}.versus-card-detail.is-below{transform:translate(-50%,11px) rotate(.5deg);transform-origin:center top}.versus-card-detail small{display:block;margin-bottom:5px;color:var(--electric);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.16em}.versus-card-detail>strong{display:block;font:italic 900 29px/.92 var(--font-condensed);letter-spacing:-.035em;text-shadow:3px 3px 0 var(--signal)}.versus-card-detail p{margin:10px 0;color:#f2eadcd6;font:800 11px/1.4 var(--font-ui)}.versus-card-detail>span{color:var(--punch);font:italic 900 10px/1 var(--font-condensed);letter-spacing:.1em}#versusCardDetailClose{position:absolute;top:8px;right:9px;width:26px;height:26px;padding:0;color:var(--paper);border:2px solid var(--paper);border-radius:0;background:var(--signal);font:900 17px/1 var(--font-ui);cursor:pointer}#versusCardDetailClose:focus-visible{outline:3px solid var(--electric);outline-offset:2px}.versus-screen.is-entering .versus-loadout-card-wrap{animation:versusLoadoutSnap .36s cubic-bezier(.16,1,.3,1.18) both}.versus-screen.is-entering .versus-loadout-card-wrap:nth-child(2){animation-delay:.06s}.versus-screen.is-entering .versus-loadout-card-wrap:nth-child(3){animation-delay:.12s}.versus-screen.is-entering .versus-loadout-card-wrap:nth-child(4){animation-delay:.18s}.versus-screen.is-entering .versus-loadout-card-wrap:nth-child(5){animation-delay:.24s}.versus-screen.is-entering .versus-loadout-card-wrap:nth-child(6){animation-delay:.3s}@keyframes versusLoadoutSnap{0%{opacity:0;transform:translate3d(18px,-8px,0) rotate(7deg) scale(1.14)}to{opacity:1;transform:translate3d(0,var(--loadout-card-rise),0) rotate(0) scale(1)}}@keyframes versusPortraitDriftOpp{0%{transform:scale(1.15) translateY(-2%)}to{transform:scale(1.04) translateY(0)}}@keyframes versusPortraitDriftMe{0%{transform:scale(1.15) translateY(2%)}to{transform:scale(1.04) translateY(0)}}@keyframes versusMarkIn{0%{opacity:0;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes versusHaloSlashIn{0%{opacity:0;transform:translate3d(-24%,-50%,0) rotate(-6deg) scaleX(.72)}to{opacity:1;transform:translate3d(0,-50%,0) rotate(-6deg) scaleX(1)}}@keyframes versusHaloMarkIn{0%{opacity:0;transform:translate3d(-44%,-52%,0) rotate(-14deg) skew(-12deg) scale(1.5)}to{opacity:1;transform:translate3d(-50%,-52%,0) rotate(-6deg) skew(-12deg) scale(1)}}@keyframes versusLines{0%{opacity:0;transform:translate(-8%)}to{opacity:.3;transform:translate(0)}}@keyframes versusPrintOut{0%{opacity:1;transform:translate(0);filter:contrast(1)}50%{opacity:.74;transform:translate(9px);filter:contrast(1.8)}to{opacity:0;transform:translate(-15px);filter:contrast(2.4) brightness(1.4)}}.ready-overlay{isolation:isolate;font-size:76px;letter-spacing:-.055em;text-shadow:5px 6px 0 var(--ink);transform:skew(-8deg);contain:layout paint;will-change:transform,opacity}.ready-overlay:before{content:"";position:absolute;z-index:-1;width:118%;height:1.18em;background:radial-gradient(circle,rgba(242,234,220,.11) 0 1px,transparent 1.3px) 0 0 / 8px 8px,var(--ink);border-top:4px solid var(--paper);border-bottom:5px solid currentColor;box-shadow:0 9px #08090c47;transform:rotate(-4deg);clip-path:polygon(3% 0,100% 4%,96% 100%,0 92%)}.ready-overlay.phase-ready{color:var(--electric);text-shadow:5px 6px 0 var(--signal);animation:readyTicketHold var(--phase-duration, 3s) linear both}.ready-overlay.phase-fight{color:var(--punch);text-shadow:5px 6px 0 var(--paper);animation:fightTicketSlam var(--phase-duration, .8s) cubic-bezier(.16,1,.3,1) both}@keyframes readyTicketHold{0%{opacity:0;transform:translate3d(-18%,0,0) skew(-8deg) scale(.96)}10%{opacity:1;transform:translate3d(1.5%,0,0) skew(-8deg) scale(1.025)}16%,90%{opacity:1;transform:translateZ(0) skew(-8deg) scale(1)}to{opacity:1;transform:translateZ(0) skew(-8deg) scale(1.025)}}@keyframes fightTicketSlam{0%{opacity:0;transform:translate3d(24%,0,0) skew(-16deg) scale(1.16)}68%{opacity:1;transform:translate3d(-2%,0,0) skew(-8deg) scale(.98)}to{opacity:1;transform:translateZ(0) skew(-8deg) scale(1)}}@keyframes versusRivalReadyIn{0%{opacity:0;transform:translate3d(12px,-74px,0) rotate(8deg) scale(1.92);filter:brightness(2.4)}44%{opacity:1;transform:translate3d(-2px,8px,0) rotate(-5deg) scale(.9);filter:brightness(1.5)}68%{transform:translate3d(1px,-3px,0) rotate(-2deg) scale(1.06);filter:brightness(1.12)}to{opacity:1;transform:translateZ(0) rotate(-3deg) scale(1);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.versus-fighter-me .versus-portrait,.versus-fighter-opp .versus-portrait,.versus-screen.is-entering .versus-center-line,.versus-screen.is-entering .versus-center strong,.versus-screen.is-entering .versus-loadout-card-wrap,.versus-opponent-ready.is-ready,#versusReadyBtn,.ready-overlay.phase-ready,.ready-overlay.phase-fight{animation:none}}.deck-panel .deck-slot,.deck-panel .deck-pool-card{--deck-live-unit: var(--w-unit)}.deck-panel .deck-pool-card{--deck-live-unit: var(--pool-card-unit, var(--w-unit))}.deck-panel .deck-slots{min-height:calc(var(--w-unit) * 1.5 + 41px)}.deck-panel .deck-slot,.deck-panel .deck-pool-card{height:calc(var(--deck-live-unit) * 1.5 + 23px)}.deck-panel .deck-slot:not(.is-empty),.deck-panel .deck-pool-card{overflow:hidden;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;clip-path:none}.deck-play-card{position:absolute;inset:calc(var(--power-gem-height) / 2) 2px 2px;width:auto;height:auto;padding:6px;pointer-events:none;transform:none}.deck-play-card>.card-inner{position:absolute;inset:0}.deck-play-card .card-art{opacity:.78;filter:saturate(.8) contrast(1.15)}.deck-panel .deck-slot:not(.is-empty):hover .deck-play-card,.deck-panel .deck-pool-card:hover .deck-play-card,.deck-panel .deck-slot:not(.is-empty):focus-visible .deck-play-card,.deck-panel .deck-pool-card:focus-visible .deck-play-card{filter:brightness(1.12);transform:translateY(-3px) rotate(-.5deg)}.deck-panel .deck-slot:not(.is-empty):focus-visible,.deck-panel .deck-pool-card:focus-visible{outline:3px solid var(--punch);outline-offset:-3px}.deck-panel .deck-slot.modal-focus-return:focus-visible,.deck-panel .deck-pool-card.modal-focus-return:focus-visible{outline:none}.deck-panel .deck-card-check{top:17px;right:5px;z-index:8}.deck-panel .deck-slots,.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool{--deck-card-gap: 6px;gap:var(--deck-card-gap)!important;padding:0 4px 5px!important;scroll-padding-inline:4px;scroll-snap-type:x mandatory}.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool{--pool-card-unit: var(--w-unit);--deck-live-unit: var(--pool-card-unit)}.deck-panel .deck-slots{min-height:calc(var(--w-unit) * 1.5 + 35px);background:linear-gradient(90deg,transparent 0 var(--w-unit),rgba(242,234,220,.16) var(--w-unit) calc(var(--w-unit) + 2px),transparent calc(var(--w-unit) + 2px) calc(var(--w-unit) + var(--deck-card-gap))) 4px 13px / calc(var(--w-unit) + var(--deck-card-gap)) calc(100% - 18px) repeat-x,linear-gradient(180deg,#f2eadc0f,#08090cd1)}.deck-panel .deck-signature-pool,.deck-panel .deck-common-pool,.deck-panel .deck-card-pool,#stage.is-fluid-stage .deck-panel .deck-signature-pool,#stage.is-fluid-stage .deck-panel .deck-common-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{min-height:calc(var(--deck-live-unit) * 1.5 + 35px);border-top:2px solid rgba(242,234,220,.34);border-bottom:5px solid var(--ink);box-shadow:inset 0 -2px 0 var(--electric);background:linear-gradient(90deg,transparent 0 var(--deck-live-unit),rgba(242,234,220,.12) var(--deck-live-unit) calc(var(--deck-live-unit) + 2px),transparent calc(var(--deck-live-unit) + 2px) calc(var(--deck-live-unit) + var(--deck-card-gap))) 4px 13px / calc(var(--deck-live-unit) + var(--deck-card-gap)) calc(100% - 18px) repeat-x,linear-gradient(#08090cad,#08090cad)}.deck-panel .deck-card-picker{padding-right:13px;padding-left:13px}.deck-panel .deck-collection-scroll{padding-right:0;padding-left:0;gap:6px}.deck-panel .deck-card-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{margin-top:0}.deck-panel .deck-slot{width:calc(var(--w-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));min-width:calc(var(--w-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));flex-basis:calc(var(--w-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));scroll-snap-align:start;scroll-snap-stop:always}.deck-panel .deck-pool-card,#stage.is-fluid-stage .deck-panel .deck-pool-card{width:calc(var(--deck-live-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));min-width:calc(var(--deck-live-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));flex-basis:calc(var(--deck-live-unit) * var(--deck-card-width, 1) + var(--deck-card-gap) * var(--deck-card-gap-span, 0));scroll-snap-align:start;scroll-snap-stop:always}.deck-play-card{right:0;bottom:0;left:0}#stage.is-fluid-stage .deck-panel .deck-slot,#stage.is-fluid-stage .deck-panel .deck-pool-card{height:calc(var(--deck-live-unit) * 1.5 + 23px)}#stage.is-fluid-stage .deck-panel .deck-slots{min-height:calc(var(--w-unit) * 1.5 + 35px)}#stage.is-fluid-stage .deck-panel .deck-signature-pool,#stage.is-fluid-stage .deck-panel .deck-common-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{--pool-card-unit: clamp(104px, 20cqw, 180px)}#stage.is-fluid-stage .deck-panel .deck-card-picker{padding-right:clamp(15px,2cqw,20px);padding-left:clamp(15px,2cqw,20px)}.deck-panel .deck-detail{padding-top:8px}.deck-panel .deck-detail-head{min-height:40px;margin-bottom:3px}.deck-panel .deck-rule-badge{display:inline-flex;align-items:baseline;gap:2px;padding:5px 10px 4px;line-height:1;white-space:nowrap}.deck-panel .deck-rule-badge span{font-size:12px}.deck-panel .deck-menu-btn{width:44px;height:40px}#stage.is-fluid-stage .deck-panel .deck-detail{padding-top:clamp(10px,1.3cqw,13px);padding-bottom:clamp(12px,1.5cqw,15px)}#stage.is-fluid-stage .deck-panel .deck-detail-head{min-height:clamp(44px,5.5cqw,54px);margin-bottom:4px}#stage.is-fluid-stage .deck-panel .deck-detail-head h3{font-size:clamp(28px,3.6cqw,38px)}#stage.is-fluid-stage .deck-panel .deck-detail-head .deck-rule-badge{padding:6px 11px 5px}#stage.is-fluid-stage .deck-panel .deck-rule-badge b{font-size:clamp(25px,3cqw,31px)}#stage.is-fluid-stage .deck-panel .deck-rule-badge span{font-size:clamp(13px,1.5cqw,16px)}#stage.is-fluid-stage .deck-panel .deck-menu-btn{width:clamp(46px,6cqw,58px);height:clamp(44px,5.7cqw,54px)}@media(prefers-reduced-motion:reduce){.deck-play-card{transition:none}}.deck-panel .deck-card-pool,#stage.is-fluid-stage .deck-panel .deck-card-pool{--deck-grid-step: calc((var(--deck-live-unit) + var(--deck-card-gap)) / 10);--deck-grid-major: calc(var(--deck-live-unit) + var(--deck-card-gap));--deck-grid-row: calc(var(--deck-live-unit) * 1.5 + 23px + var(--deck-card-gap));position:relative;min-height:0;height:auto;padding:0 0 9px!important;display:grid;grid-template-columns:repeat(auto-fill,var(--deck-grid-step));grid-auto-flow:row dense;grid-auto-rows:calc(var(--deck-live-unit) * 1.5 + 23px);justify-content:start;align-content:start;gap:var(--deck-card-gap) 0!important;overflow:visible;overscroll-behavior-x:auto;scroll-snap-type:none;border-top:2px solid rgba(242,234,220,.34);border-bottom:0;box-shadow:inset 0 4px #08090cbd;background:repeating-linear-gradient(90deg,rgba(67,215,211,.24) 0 2px,transparent 2px var(--deck-grid-major)),repeating-linear-gradient(90deg,transparent 0 calc(var(--deck-grid-step) - 1px),rgba(242,234,220,.075) calc(var(--deck-grid-step) - 1px) var(--deck-grid-step)),repeating-linear-gradient(180deg,rgba(255,68,63,.2) 0 2px,transparent 2px var(--deck-grid-row)),repeating-linear-gradient(180deg,rgba(242,234,220,.04) 0 1px,transparent 1px 12px),linear-gradient(180deg,#190c0fb8,#08090c2e);scrollbar-width:auto}.deck-panel .deck-card-pool .deck-pool-card,#stage.is-fluid-stage .deck-panel .deck-card-pool .deck-pool-card{grid-column:span var(--deck-grid-span, 10);width:calc(100% - var(--deck-card-gap))!important;min-width:0!important;max-width:none;height:calc(var(--deck-live-unit) * 1.5 + 23px);margin:0 var(--deck-card-gap) 0 0;flex:none;scroll-snap-align:none;scroll-snap-stop:normal}.deck-panel .deck-card-pool .deck-pool-empty{grid-column:1 / -1}@container stage (max-width: 380px){#stage.is-fluid-stage .deck-panel .deck-card-pool{--pool-card-unit: calc((100cqw - 42px) / 3)}}.deck-panel .deck-preset-strip,#stage.is-fluid-stage .deck-panel .deck-preset-strip{height:clamp(88px,10.5cqw,108px);min-height:clamp(88px,10.5cqw,108px);padding:0;border:0}.deck-panel .deck-preset-track,#stage.is-fluid-stage .deck-panel .deck-preset-track{--preset-track-gap: 0px;height:clamp(88px,10.5cqw,108px);padding:4px 4px 8px;box-sizing:border-box;display:flex;align-items:stretch;gap:var(--preset-track-gap);overflow-x:hidden;overflow-y:hidden;border-top:1px solid rgba(242,234,220,.26);background:radial-gradient(circle,rgba(242,234,220,.08) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#08090d;box-shadow:inset 0 -3px 0 var(--signal),inset 0 -6px #f4c93fb8,inset 0 0 0 1px #08090ceb;clip-path:polygon(1% 0,100% 0,100% 91%,98% 100%,0 100%,0 9%);scroll-snap-type:none;scrollbar-width:none}.deck-panel .deck-preset-track::-webkit-scrollbar{display:none}.deck-panel .deck-preset-list,#stage.is-fluid-stage .deck-panel .deck-preset-list{flex:1 1 auto;width:auto;min-width:0;height:100%;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.deck-panel .deck-preset-item,#stage.is-fluid-stage .deck-panel .deck-preset-item{margin-left:-7px;min-height:100%;padding:12px 14px 11px 22px;justify-content:flex-end;border:0;background:#0b0d12;box-shadow:inset 1px 0 #f2eadc3d,inset -1px 0 #08090cd1;clip-path:polygon(0 0,95% 0,100% 100%,5% 100%);transform:none;transition:flex-basis .15s ease-out,filter .15s ease-out}.deck-panel .deck-preset-item:first-child,#stage.is-fluid-stage .deck-panel .deck-preset-item:first-child{margin-left:0;padding-left:16px}#stage.is-fluid-stage .deck-panel .deck-preset-item{flex-basis:calc((100% - var(--preset-track-gap) - var(--preset-track-gap)) / 3)}.deck-panel .deck-preset-item:nth-child(2n),#stage.is-fluid-stage .deck-panel .deck-preset-item:nth-child(2n){clip-path:polygon(0 0,95% 0,100% 100%,5% 100%)}.deck-panel .deck-preset-item:after,#stage.is-fluid-stage .deck-panel .deck-preset-item:after{background:linear-gradient(90deg,#08090cf7 0 30%,#08090cc2 52%,#08090c2e),linear-gradient(180deg,transparent 42%,rgba(8,9,12,.88) 100%)}.deck-panel .deck-preset-portrait,#stage.is-fluid-stage .deck-panel .deck-preset-portrait{filter:grayscale(.72) saturate(.55) contrast(1.08) brightness(.62);transform:scale(1.035);transition:filter .15s ease-out,transform .18s ease-out}.deck-panel .deck-preset-meta,#stage.is-fluid-stage .deck-panel .deck-preset-meta{position:absolute;z-index:3;top:10px;right:12px;left:15px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.deck-panel .deck-preset-meta small,#stage.is-fluid-stage .deck-panel .deck-preset-meta small{overflow:hidden;color:#f2eadcad;font:italic 900 clamp(8px,.95cqw,10px)/1 var(--font-condensed);letter-spacing:.13em;text-overflow:ellipsis;white-space:nowrap}.deck-panel .deck-preset-meta em,#stage.is-fluid-stage .deck-panel .deck-preset-meta em{padding:3px 5px 2px;flex:0 0 auto;color:var(--ink);background:var(--punch);box-shadow:2px 2px 0 var(--signal);font:normal 900 clamp(7px,.8cqw,9px)/1 var(--font-condensed);letter-spacing:.08em;transform:rotate(1deg)}.deck-panel .deck-preset-item>strong,#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{max-width:calc(100% - 2px);padding:0;color:var(--paper);background:none;box-shadow:none;clip-path:none;font:italic 900 clamp(17px,2.2cqw,23px)/.92 var(--font-condensed);letter-spacing:-.035em;text-shadow:2px 2px 0 var(--ink),0 0 9px rgba(8,9,12,.9)}.deck-panel .deck-preset-role,#stage.is-fluid-stage .deck-panel .deck-preset-role{position:relative;z-index:3;margin-top:5px;overflow:hidden;max-width:72%;color:#f2eadc8c;font:900 clamp(7px,.85cqw,9px)/1 var(--font-condensed);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.deck-panel .deck-preset-item.is-selected,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected{border:0;box-shadow:inset 0 -5px 0 var(--signal),inset 0 -8px 0 var(--punch),inset 1px 0 #f2eadcb8,inset -1px 0 #f2eadc7a;transform:none}.deck-panel .deck-preset-item.is-selected:after,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected:after{background:linear-gradient(90deg,#08090cf0 0 27%,#08090c94 51%,#08090c0a),linear-gradient(180deg,transparent 44%,rgba(8,9,12,.78) 100%)}.deck-panel .deck-preset-item:is(:hover,:focus-visible) .deck-preset-portrait,.deck-panel .deck-preset-item.is-selected .deck-preset-portrait,#stage.is-fluid-stage .deck-panel .deck-preset-item:is(:hover,:focus-visible) .deck-preset-portrait,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected .deck-preset-portrait{filter:grayscale(0) saturate(1.06) contrast(1.08) brightness(.9);transform:scale(1.075)}.deck-panel .deck-preset-item.is-selected>strong,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected>strong{color:var(--paper);background:none;box-shadow:none}.deck-panel .deck-preset-item.is-selected .deck-preset-role,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected .deck-preset-role{color:var(--punch)}.deck-panel .deck-add-btn,#stage.is-fluid-stage .deck-panel .deck-add-btn{position:relative;inset:auto;margin-left:-7px;flex:0 0 clamp(124px,16cqw,158px);width:auto;min-width:clamp(124px,16cqw,158px);height:auto;min-height:100%;padding:12px 14px;display:flex;place-items:initial;align-items:center;gap:10px;color:var(--paper);border:0;background:radial-gradient(circle,rgba(242,234,220,.11) 0 1px,transparent 1.3px) 0 0 / 8px 8px,linear-gradient(135deg,rgba(240,68,59,.2),transparent 54%),#08090ceb;box-shadow:inset 1px 0 #f2eadc57;clip-path:polygon(0 0,100% 0,96% 100%,5% 100%);scroll-snap-align:end;text-align:left;transform:none}.deck-panel .deck-add-btn:hover,#stage.is-fluid-stage .deck-panel .deck-add-btn:hover{color:var(--ink);background:var(--electric);box-shadow:inset 0 0 0 2px var(--ink);transform:none}.deck-panel .deck-add-mark{color:var(--punch);font:900 clamp(29px,3.7cqw,38px)/.72 var(--font-condensed)}.deck-panel .deck-add-btn:hover .deck-add-mark{color:var(--ink)}.deck-panel .deck-add-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.deck-panel .deck-add-copy strong{font:900 clamp(13px,1.55cqw,16px)/1 var(--font-ui);white-space:nowrap}.deck-panel .deck-add-btn .deck-preset-count,#stage.is-fluid-stage .deck-panel .deck-add-btn .deck-preset-count{position:static;color:var(--paper-dim);font-size:clamp(8px,1cqw,10px);line-height:1}.deck-panel .deck-add-btn:hover .deck-preset-count{color:#08090cad}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-preset-strip{height:68px;min-height:68px}#stage.is-fluid-stage .deck-panel .deck-preset-track{height:68px}#stage.is-fluid-stage .deck-panel .deck-preset-item{flex-basis:calc((100% - var(--preset-track-gap)) / 2);min-height:100%;padding:9px 10px 10px 17px}#stage.is-fluid-stage .deck-panel .deck-preset-item:first-child{padding-left:11px}#stage.is-fluid-stage .deck-panel .deck-add-btn{flex-basis:104px;min-width:104px;min-height:100%;padding:9px 10px}}.deck-panel{gap:4px}.deck-panel .deck-detail{padding-bottom:9px}.deck-panel .deck-card-picker{padding-top:8px}#stage.is-fluid-stage .deck-panel .deck-detail{padding-bottom:clamp(8px,1cqw,10px)}#stage.is-fluid-stage .deck-panel .deck-card-picker{padding-top:clamp(10px,1.4cqw,14px)}.deck-panel .deck-card-pool .deck-pool-card.has-copies,#stage.is-fluid-stage .deck-panel .deck-card-pool .deck-pool-card.has-copies{z-index:2;isolation:isolate;overflow:visible}.deck-panel .deck-card-pool .deck-pool-card.has-copies:hover,#stage.is-fluid-stage .deck-panel .deck-card-pool .deck-pool-card.has-copies:hover,.deck-panel .deck-card-pool .deck-pool-card.has-copies:focus-visible,#stage.is-fluid-stage .deck-panel .deck-card-pool .deck-pool-card.has-copies:focus-visible{z-index:4}.deck-panel .deck-card-pool .deck-pool-card.has-copies:before,#stage.is-fluid-stage .deck-panel .deck-card-pool .deck-pool-card.has-copies:before{content:"";position:absolute;inset:18px -4px -4px 8px;z-index:-1;border:2px solid rgba(242,234,220,.58);background:radial-gradient(circle,rgba(242,234,220,.12) 0 1px,transparent 1.4px) 0 0 / 7px 7px,#20181d;box-shadow:3px 3px #43d7d3b8;clip-path:polygon(2% 1%,100% 0,98% 96%,93% 100%,0 98%);transform:rotate(.8deg);pointer-events:none}.deck-panel .deck-card-pool .deck-card-copy-badge{--card-copy-size: clamp(29px, calc(var(--deck-live-unit) * .33), 46px)}.deck-panel .deck-detail-head,#stage.is-fluid-stage .deck-panel .deck-detail-head{min-height:38px;margin:0;padding:0 2px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;justify-content:stretch;gap:clamp(10px,1.5cqw,16px);border-bottom:2px solid rgba(242,234,220,.24)}.deck-panel .deck-detail-head>div:not(.deck-detail-controls){grid-column:1;grid-row:1}.deck-panel .deck-detail-head h3,#stage.is-fluid-stage .deck-panel .deck-detail-head h3{margin:0;overflow:hidden;color:var(--paper);font:italic 900 clamp(22px,3.1cqw,32px) / .95 var(--font-condensed);letter-spacing:-.035em;text-align:left;text-overflow:ellipsis;text-shadow:2px 2px 0 var(--ink);white-space:nowrap}.deck-panel .deck-detail-title{min-width:0}.deck-panel .deck-name-inline-input,#stage.is-fluid-stage .deck-panel .deck-name-inline-input{width:min(100%,360px);height:36px;padding:2px 8px 3px;color:var(--paper);border:0;border-bottom:3px solid var(--punch);border-radius:0;outline:0;background:#08090cd1;box-shadow:inset 4px 0 0 var(--signal);font:italic 900 clamp(22px,3.1cqw,32px)/.95 var(--font-condensed);letter-spacing:-.035em;text-shadow:2px 2px 0 var(--ink)}.deck-panel .deck-name-inline-input:focus{border-bottom-color:var(--electric);box-shadow:inset 4px 0 0 var(--signal),0 2px 0 var(--ink),0 4px 0 var(--electric)}.deck-panel .deck-name-inline-input[hidden]{display:none}.deck-panel .deck-rule-badge,#stage.is-fluid-stage .deck-panel .deck-rule-badge{grid-column:2;grid-row:1;align-self:center;padding:0;display:inline-flex;align-items:baseline;gap:2px;color:var(--punch);border:0;background:transparent;box-shadow:none;clip-path:none;font:italic 900 12px/1 var(--font-condensed);letter-spacing:-.02em;line-height:1;transform:none;white-space:nowrap}.deck-panel .deck-rule-badge b,#stage.is-fluid-stage .deck-panel .deck-rule-badge b{color:var(--punch);font-size:clamp(27px,3.2cqw,34px)}.deck-panel .deck-rule-badge span,#stage.is-fluid-stage .deck-panel .deck-rule-badge span{color:#f2eadc9e;font-size:clamp(15px,1.7cqw,19px)}.deck-panel .deck-detail-controls{grid-column:3;grid-row:1;gap:5px}.deck-panel .deck-menu-btn,.deck-panel .deck-menu-btn:hover,.deck-panel .deck-menu-btn:active,.deck-panel .deck-menu-btn:focus,#stage.is-fluid-stage .deck-panel .deck-menu-btn{width:36px;height:32px;padding:0 0 5px;color:var(--paper);border:0;background:transparent;box-shadow:none;clip-path:none;font:900 17px/1 var(--font-condensed);letter-spacing:.08em;transform:none}.deck-panel .deck-menu-btn:hover{color:var(--punch)}.deck-panel .deck-menu-btn:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.deck-panel .deck-card-filters,#stage.is-fluid-stage .deck-panel .deck-card-filters{min-height:38px;gap:clamp(18px,3cqw,30px);padding:0 3px;align-items:end;border-bottom:2px solid rgba(242,234,220,.18)}.deck-panel .deck-card-filters button,.deck-panel .deck-card-filters button:hover,.deck-panel .deck-card-filters button:active,.deck-panel .deck-card-filters button:focus,#stage.is-fluid-stage .deck-panel .deck-card-filters button{position:relative;min-width:0;min-height:36px;padding:5px 2px 11px;color:#f2eadc94;border:0;border-radius:0;background:transparent;box-shadow:none;font:italic 900 clamp(14px,1.8cqw,18px)/1 var(--font-condensed);letter-spacing:-.01em;transform:none}.deck-panel .deck-card-filters button:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:3px;background:linear-gradient(90deg,var(--punch) 0 82%,var(--signal) 82% 100%);transform:scaleX(0) skew(-18deg);transform-origin:left;transition:transform .12s ease-out}.deck-panel .deck-card-filters button:hover{color:var(--paper)}.deck-panel .deck-card-filters button.is-active{color:var(--paper);border:0;background:transparent;box-shadow:none}.deck-panel .deck-card-filters button.is-active:after{transform:scaleX(1) skew(-18deg)}.deck-panel .deck-card-filters button:focus-visible{outline:2px solid var(--electric);outline-offset:3px}@media(prefers-reduced-motion:reduce){.deck-panel .deck-card-filters button:after{transition:none}}.deck-panel .deck-collection-toolbar,#stage.is-fluid-stage .deck-panel .deck-collection-toolbar{position:relative;z-index:4;display:grid;gap:9px;margin-bottom:8px;padding:8px 7px 9px;background:radial-gradient(circle,rgba(242,234,220,.06) 0 1px,transparent 1.25px) 0 0 / 8px 8px,#08090cc7;border-left:4px solid var(--electric);border-bottom:1px solid rgba(242,234,220,.18)}.deck-panel .deck-collection-toolbar .deck-card-filters,#stage.is-fluid-stage .deck-panel .deck-collection-toolbar .deck-card-filters{gap:clamp(15px,2.5cqw,25px);overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.deck-panel .deck-collection-toolbar .deck-card-filters::-webkit-scrollbar{display:none}.deck-panel .deck-collection-toolbar .deck-card-filters button,#stage.is-fluid-stage .deck-panel .deck-collection-toolbar .deck-card-filters button{flex:0 0 auto}.deck-panel .deck-collection-toolbar .deck-card-filters button:after,#stage.is-fluid-stage .deck-panel .deck-collection-toolbar .deck-card-filters button:after{background:linear-gradient(90deg,var(--filter-accent, var(--punch)) 0 82%,var(--paper) 82% 100%)}.deck-panel .deck-collection-toolbar [data-collection-owner=common]{--filter-accent: var(--electric)}.deck-collection-subfilters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:7px}.deck-collection-subfilters label{display:grid;gap:4px;min-width:0;color:#f2eadc80;font:italic 900 8px/1 var(--font-condensed);letter-spacing:.14em}.deck-collection-subfilters select{width:100%;min-height:34px;padding:6px 28px 6px 9px;color:var(--paper);border:1px solid rgba(242,234,220,.34);border-radius:0;background:linear-gradient(135deg,transparent 0 50%,var(--electric) 51% 100%) right 9px center / 8px 8px no-repeat,#08090cf0;appearance:none;font:italic 900 11px/1 var(--font-condensed)}.deck-collection-subfilters select:focus-visible{outline:2px solid var(--electric);outline-offset:2px}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-collection-toolbar{margin-right:-2px;margin-left:-2px;padding-inline:6px}#stage.is-fluid-stage .deck-collection-subfilters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.deck-play-card{--w-unit: var(--deck-live-unit)}.deck-card-modal-preview{position:relative;container-type:inline-size;max-width:100%;height:auto;min-height:0;align-self:center;justify-self:center}.deck-card-modal-live-card{--modal-card-unit: calc(100cqw / var(--modal-card-span, 1));--w-unit: var(--modal-card-unit);--card-label-size: clamp(18px, calc(var(--modal-card-unit) * .19), 56px);width:100%;cursor:default}.deck-card-modal-live-card:hover{transform:none}.deck-card-modal>.deck-card-modal-state{position:absolute;inset:auto auto calc(122px + env(safe-area-inset-bottom)) 50%;z-index:3;width:min(220px,calc(100% - 40px));max-width:none;min-height:0;padding:0 4px;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;color:#f2eadc9e;border:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:translate(-50%)}.deck-card-modal>.deck-card-modal-state span{flex:0 0 auto;font-size:7px;letter-spacing:.08em}.deck-card-modal>.deck-card-modal-state strong{min-width:0;color:#f2eadc9e;font-size:8px;line-height:1.25;white-space:normal;word-break:keep-all}.deck-card-modal>.deck-card-modal-state.is-blocked{border:0;background:transparent;box-shadow:none}#stage.is-fluid-stage .deck-card-modal>.deck-card-modal-state span{font-size:clamp(7px,.9cqw,9px)}#stage.is-fluid-stage .deck-card-modal>.deck-card-modal-state strong{font-size:clamp(8px,1.1cqw,10px)}@media(prefers-reduced-motion:reduce){.deck-card-modal-dialog{animation:none}}.card .card-holo{--foil-opacity: 0;position:absolute;z-index:3;inset:-28%;opacity:var(--foil-opacity);pointer-events:none;transform:translateZ(0);transition:opacity .15s ease-out;will-change:background-position,opacity}.card .card-holo.rarity-normal{display:none}.card .card-holo.rarity-rare{--foil-opacity: .24;background:radial-gradient(circle at var(--holo-x, 50%) var(--holo-y, 50%),rgba(255,255,255,.72) 0 2%,transparent 20%),linear-gradient(118deg,transparent 28%,rgba(67,215,211,.62) 42%,rgba(242,234,220,.3) 50%,rgba(55,136,255,.48) 59%,transparent 72%);background-position:center,var(--holo-bg-x, 50%) var(--holo-bg-y, 50%);background-size:100% 100%,190% 190%;mix-blend-mode:screen}.card .card-holo.rarity-epic{--foil-opacity: .34;background:radial-gradient(circle at var(--holo-x, 50%) var(--holo-y, 50%),rgba(255,255,255,.9) 0 2%,transparent 18%),conic-gradient(from var(--holo-angle, 0deg) at var(--holo-x, 50%) var(--holo-y, 50%),rgba(67,215,211,.15),rgba(109,67,178,.82),rgba(240,68,59,.54),rgba(244,201,63,.62),rgba(67,215,211,.72),rgba(109,67,178,.82),rgba(67,215,211,.15)),repeating-linear-gradient(125deg,transparent 0 13px,rgba(255,255,255,.14) 14px 15px,transparent 16px 29px);background-position:center,center,var(--holo-bg-x, 50%) var(--holo-bg-y, 50%);background-size:100% 100%,155% 155%,180% 180%;filter:saturate(1.2) contrast(1.08);mix-blend-mode:color-dodge}.card .card-holo.rarity-legendary{--foil-opacity: .46;background:radial-gradient(circle at var(--holo-x, 50%) var(--holo-y, 50%),rgba(255,255,255,.95) 0 2%,transparent 16%),radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.5px) 0 0 / 17px 17px,radial-gradient(circle,rgba(244,201,63,.72) 0 1px,transparent 1.7px) 7px 9px / 23px 23px,conic-gradient(from var(--holo-angle, 0deg),#43d7d3,#6d43b2,#f0443b,#f4c93f,#43d7d3);background-position:center,var(--holo-bg-x, 50%) var(--holo-bg-y, 50%),var(--holo-x, 50%) var(--holo-y, 50%),center;background-size:100% 100%,17px 17px,23px 23px,170% 170%;filter:saturate(1.25) contrast(1.12);mix-blend-mode:color-dodge;animation:legendaryFoilDrift 5s linear infinite}.card.holo-active .card-holo.rarity-rare{--foil-opacity: .55}.card.holo-active .card-holo.rarity-epic{--foil-opacity: .68}.card.holo-active .card-holo.rarity-legendary{--foil-opacity: .78}@keyframes legendaryFoilDrift{0%{filter:saturate(1.15) contrast(1.08) hue-rotate(0deg)}50%{filter:saturate(1.35) contrast(1.15) hue-rotate(22deg)}to{filter:saturate(1.15) contrast(1.08) hue-rotate(0deg)}}.card .name[data-rarity=rare]{color:#e5ffff;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 #147985}.card .name[data-rarity=epic]{color:#f2e7ff;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink),3px 3px 0 #6d43b2,-2px 2px 0 rgba(240,68,174,.72)}.card .name[data-rarity=legendary]{color:#ffe477;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),2px 2px 0 var(--ink),4px 3px 0 var(--signal)}.arena-cast .card-holo,.next-card-mini .card-holo{display:none}.rail>.card .name:after,.arena-cast .name:after,.next-card-mini .name:after{display:none;animation:none}.rail>.card .card-holo.rarity-legendary{animation-play-state:paused}.rail>.card.holo-active .card-holo.rarity-legendary{animation-play-state:running}@media(prefers-reduced-motion:reduce){.card .card-holo{transition:none}.card .card-holo.rarity-legendary{animation:none}.card .name:after{display:none;animation:none}}@container stage (max-width: 720px){.shop-panel{max-height:calc(100dvh - 164px - env(safe-area-inset-bottom));padding-inline:4px}.shop-section{padding:15px 13px 17px}.pack-grid,.pack-product{grid-template-columns:minmax(0,1fr)}.pack-product__visual{min-height:330px;border-right:0;border-bottom:1px solid rgba(242,234,220,.18)}.pack-product__main-art{height:292px}.shop-status{right:18px}}@container stage (max-width: 460px){.economy-hud{top:12px;left:12px;gap:4px}#lobby.has-match-queue .economy-hud{top:116px}.wallet-chip{min-width:112px;min-height:42px;padding:6px;grid-template-columns:24px minmax(38px,1fr) 20px;column-gap:4px}.wallet-glyph{width:23px;height:23px;font-size:11px}.wallet-glyph img{width:23px;height:23px;max-width:23px}.wallet-chip strong{font-size:18px}.wallet-chip>i{width:20px;font-size:20px}.shop-section-head{align-items:flex-start}.shop-section-head p{max-width:245px}.supply-clock{padding-inline:7px}.supply-clock strong{font-size:16px}.free-offer-grid{margin-right:-13px;grid-template-columns:repeat(3,152px);padding-right:13px}.pack-product__body{padding:13px 10px 11px}.pack-product__visual{min-height:290px}.pack-product__main-art{height:252px}.pack-open-modal{padding-inline:8px}.pack-open-sheet{width:100%;padding:17px 14px 20px}.pack-open-cards{--reveal-card-width: 142px;margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}}@media(prefers-reduced-motion:reduce){.pack-open-sheet,.shop-reveal-card.card,.free-offer,.shop-status{animation:none;transition:none}}.card-tooltip-rarity{color:var(--rarity-ink, var(--paper));font:inherit}.card-tooltip[data-rarity=normal]{--rarity-ink: #b6aea0}.card-tooltip[data-rarity=rare]{--rarity-ink: var(--electric)}.card-tooltip[data-rarity=epic]{--rarity-ink: #c58aff}.card-tooltip[data-rarity=legendary]{--rarity-ink: var(--punch)}.deck-panel .deck-workbench,#stage.is-fluid-stage .deck-panel .deck-workbench{position:relative;min-width:0;padding:4px 8px 12px;display:grid;grid-template-columns:minmax(0,1fr);gap:0;isolation:isolate;color:var(--paper);border-top:3px solid var(--paper);border-right:1px solid rgba(242,234,220,.24);border-bottom:4px solid var(--ink);border-left:1px solid rgba(242,234,220,.24);background:linear-gradient(112deg,transparent 0 44%,rgba(240,68,59,.055) 44.2% 67%,transparent 67.2%),radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.35px) 0 0 / 9px 9px,#090b10;box-shadow:7px 8px #f0443bb8,inset 0 0 0 1px #08090ce6}.deck-panel .deck-workbench:after,#stage.is-fluid-stage .deck-panel .deck-workbench:after{content:"";position:absolute;right:0;bottom:0;left:0;z-index:-1;height:7px;background:linear-gradient(90deg,var(--punch) 0 16%,var(--signal) 16% 82%,transparent 82%);clip-path:polygon(0 45%,96% 45%,98% 0,100% 0,100% 100%,0 100%);pointer-events:none}.deck-panel .deck-workbench-tabs,#stage.is-fluid-stage .deck-panel .deck-workbench-tabs{min-height:clamp(62px,8cqw,78px);margin:-4px -8px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border-bottom:3px solid var(--signal);background:#07090d}.deck-panel .deck-workbench-tab,.deck-panel .deck-workbench-tab:hover,.deck-panel .deck-workbench-tab:active,.deck-panel .deck-workbench-tab:focus,#stage.is-fluid-stage .deck-panel .deck-workbench-tab{position:relative;min-width:0;min-height:clamp(62px,8cqw,78px);padding:9px clamp(18px,3cqw,30px) 11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;color:#f2eadc7a;border:0;border-right:1px solid rgba(242,234,220,.16);border-radius:0;background:radial-gradient(circle,rgba(242,234,220,.06) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#101319f0;box-shadow:none;clip-path:none;text-align:left;transform:none}.deck-panel .deck-workbench-tab:last-child,#stage.is-fluid-stage .deck-panel .deck-workbench-tab:last-child{border-right:0}.deck-panel .deck-workbench-tab small,#stage.is-fluid-stage .deck-panel .deck-workbench-tab small{font:italic 900 clamp(8px,1cqw,11px)/1 var(--font-condensed);letter-spacing:.15em}.deck-panel .deck-workbench-tab strong,#stage.is-fluid-stage .deck-panel .deck-workbench-tab strong{font:italic 900 clamp(22px,3cqw,34px)/.9 var(--font-condensed);letter-spacing:-.035em}.deck-panel .deck-workbench-tab:after,#stage.is-fluid-stage .deck-panel .deck-workbench-tab:after{content:"";position:absolute;right:0;bottom:0;left:0;height:6px;background:linear-gradient(90deg,var(--punch) 0 84%,var(--signal) 84% 100%);transform:scaleX(0);transform-origin:left}.deck-panel .deck-workbench-tab:is(:hover,:focus-visible),#stage.is-fluid-stage .deck-panel .deck-workbench-tab:is(:hover,:focus-visible){color:var(--paper);background:radial-gradient(circle,rgba(242,234,220,.08) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#171b23}.deck-panel .deck-workbench-tab.is-active,#stage.is-fluid-stage .deck-panel .deck-workbench-tab.is-active{z-index:1;color:var(--paper);background:linear-gradient(118deg,#f0443bfa 0 66%,#a62728fa 66% 100%);text-shadow:2px 2px 0 var(--ink)}.deck-panel .deck-workbench-tab:focus-visible,#stage.is-fluid-stage .deck-panel .deck-workbench-tab:focus-visible{outline:2px solid var(--electric);outline-offset:-4px}.deck-panel .deck-workbench-view,#stage.is-fluid-stage .deck-panel .deck-workbench-view{min-width:0}.deck-panel .deck-workbench-view[hidden],#stage.is-fluid-stage .deck-panel .deck-workbench-view[hidden]{display:none!important}.deck-panel .deck-loadout-view,#stage.is-fluid-stage .deck-panel .deck-loadout-view{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.deck-panel .deck-collection-view,#stage.is-fluid-stage .deck-panel .deck-collection-view{display:block}.deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip{margin:0 -8px}.deck-panel .deck-workbench .deck-preset-track,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-preset-track{border-top:0;clip-path:none}.deck-panel .deck-workbench .deck-loadout-view>.deck-detail,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-detail{margin:0;padding:clamp(10px,1.5cqw,15px) clamp(7px,1.1cqw,11px) clamp(12px,1.5cqw,16px);border:0;border-bottom:1px solid rgba(242,234,220,.18);background:linear-gradient(180deg,#f2eadc06,#08090c1f);box-shadow:none;clip-path:none}.deck-panel .deck-workbench .deck-collection-view>.deck-card-picker,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-collection-view>.deck-card-picker{margin:0;padding:clamp(10px,1.4cqw,14px) clamp(7px,1.1cqw,11px) 8px;border:0;background:linear-gradient(180deg,#08090c0d,#08090c38);box-shadow:none;clip-path:none}.deck-panel .deck-workbench .deck-collection-scroll,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-collection-scroll{padding-right:0;padding-left:0}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-workbench{padding-right:5px;padding-left:5px;box-shadow:4px 5px #f0443bad}#stage.is-fluid-stage .deck-panel .deck-workbench-tabs{margin-right:-5px;margin-left:-5px}#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip{margin-right:-5px;margin-left:-5px}}.deck-panel .deck-loadout-view .deck-slot.is-empty,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty{--empty-slot-accent: rgba(242, 234, 220, .58);--empty-slot-rail: rgba(242, 234, 220, .32);--empty-slot-wash: rgba(242, 234, 220, .08);opacity:1;overflow:visible;color:var(--paper);border:0;background:transparent;box-shadow:none;clip-path:none}.deck-panel .deck-loadout-view .deck-slot.is-empty:before,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty:before{content:"";position:absolute;z-index:0;top:calc(var(--editor-power-gem-height) / 2);right:2px;bottom:2px;left:2px;border:2px solid var(--empty-slot-accent);background:linear-gradient(112deg,var(--empty-slot-wash) 0 58%,transparent 58.5%),radial-gradient(circle,rgba(242,234,220,.11) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#14171e;box-shadow:inset 0 -6px 0 var(--empty-slot-rail),inset 0 0 22px #08090c85;clip-path:polygon(2% 0,100% 2%,97% 100%,0 97%);pointer-events:none}.deck-panel .deck-loadout-view .deck-slot.is-empty:after,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty:after{content:"";position:absolute;z-index:1;top:calc(var(--editor-power-gem-height) / 2 + 9px);right:11px;bottom:11px;left:11px;border:1px dashed rgba(242,234,220,.34);background:linear-gradient(135deg,transparent 0 47%,rgba(242,234,220,.07) 47.5% 52.5%,transparent 53%);pointer-events:none}.deck-panel .deck-loadout-view .deck-slot.character.is-empty,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.character.is-empty{--empty-slot-accent: rgba(240, 68, 59, .94);--empty-slot-rail: var(--signal);--empty-slot-wash: rgba(240, 68, 59, .13)}.deck-panel .deck-loadout-view .deck-leader-slot.is-empty,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-leader-slot.is-empty{--empty-slot-accent: var(--punch);--empty-slot-rail: var(--electric);--empty-slot-wash: rgba(244, 201, 63, .14)}.deck-panel .deck-loadout-view .deck-slot.is-locked,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-locked{--empty-slot-accent: rgba(242, 234, 220, .2);--empty-slot-rail: rgba(242, 234, 220, .12);--empty-slot-wash: rgba(242, 234, 220, .025);cursor:not-allowed;filter:grayscale(1);opacity:.48}.deck-panel .deck-loadout-view .deck-slot.is-locked .deck-empty-plus,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-locked .deck-empty-plus{color:#f2eadc70;text-shadow:2px 2px 0 var(--ink)}.deck-panel .deck-slot-picker .deck-leader-choice,#stage.is-fluid-stage .deck-panel .deck-slot-picker .deck-leader-choice{--deck-card-width: 1}.deck-panel .deck-loadout-view .deck-slot.is-empty .deck-empty-plus,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty .deck-empty-plus{z-index:2;inset:20% 10% 31%;color:var(--punch);font:400 clamp(48px,7cqw,68px)/1 var(--font-display);text-shadow:3px 3px 0 var(--signal),0 0 14px rgba(244,201,63,.28)}.deck-panel .deck-loadout-view .deck-slot.is-empty>strong,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty>strong{position:absolute;z-index:3;right:13px;bottom:25px;left:13px;color:var(--paper);font:italic 900 clamp(17px,2.5cqw,23px)/1 var(--font-condensed);letter-spacing:-.025em;text-shadow:2px 2px 0 var(--ink)}.deck-panel .deck-loadout-view .deck-slot.is-empty>small,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot.is-empty>small{position:absolute;z-index:3;right:13px;bottom:11px;left:13px;overflow:hidden;color:#f2eadc9e;font:900 clamp(7px,.95cqw,9px)/1 var(--font-condensed);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.deck-panel .deck-workbench-view.is-dealing .deck-slot,.deck-panel .deck-workbench-view.is-dealing .deck-pool-card,#stage.is-fluid-stage .deck-panel .deck-workbench-view.is-dealing .deck-slot,#stage.is-fluid-stage .deck-panel .deck-workbench-view.is-dealing .deck-pool-card{z-index:var(--deck-row-layer, 1);transform-origin:50% 0;animation:deckCardDealIn .24s cubic-bezier(.16,.84,.22,1) both;animation-delay:calc(var(--deal-index, 0) * 24ms);will-change:opacity,transform,filter}@keyframes deckCardDealIn{0%{opacity:0;transform:translate3d(0,calc(var(--deck-rest-y, 0px) - 44px),0) scale(1.018)}62%{opacity:1;transform:translate3d(0,calc(var(--deck-rest-y, 0px) + 5px),0) scale(.994)}82%{transform:translate3d(0,calc(var(--deck-rest-y, 0px) - 2px),0) scale(1.002)}to{opacity:1;transform:translate3d(0,var(--deck-rest-y, 0px),0) scale(1)}}.deck-panel .deck-workbench-view.is-dealing.is-preset-switching .deck-slot,#stage.is-fluid-stage .deck-panel .deck-workbench-view.is-dealing.is-preset-switching .deck-slot{animation-name:deckPresetCardDealIn;animation-duration:.39s;animation-delay:calc(var(--deal-index, 0) * 42ms)}@keyframes deckPresetCardDealIn{0%{opacity:0;transform:translate3d(0,calc(var(--deck-rest-y, 0px) - 112px),0) rotate(-1.2deg) scale(1.03)}58%{opacity:1;transform:translate3d(0,calc(var(--deck-rest-y, 0px) + 10px),0) rotate(.35deg) scale(.987)}78%{transform:translate3d(0,calc(var(--deck-rest-y, 0px) - 4px),0) rotate(-.12deg) scale(1.006)}to{opacity:1;transform:translate3d(0,var(--deck-rest-y, 0px),0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.deck-panel .deck-workbench-view.is-dealing .deck-slot,.deck-panel .deck-workbench-view.is-dealing .deck-pool-card{animation:none}}.deck-panel .deck-loadout-view .deck-slots,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slots{--editor-card-row-height: clamp(170px, 34cqw, 290px);--editor-card-gap: clamp(7px, 1cqw, 11px);--editor-slot-gutter: calc(var(--editor-card-gap) - 4px);--editor-shell-gutter: calc(var(--editor-card-gap) - 2px);--editor-power-gem-height: 37px;--editor-power-gem-width: 48px;--editor-power-font-size: 30px;--editor-row-lift: calc(var(--editor-power-gem-height) / 2);min-height:0;height:auto;padding:var(--editor-card-gap) var(--editor-shell-gutter) calc(10px + var(--editor-power-gem-height) / 2 + 2px)!important;display:grid;grid-template-columns:repeat(40,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:calc(var(--editor-card-row-height) - var(--editor-power-gem-height) / 2 - 2px);align-items:stretch;justify-content:stretch;gap:var(--editor-card-gap) 0!important;overflow:visible;scroll-snap-type:none;background:repeating-linear-gradient(90deg,rgba(67,215,211,.13) 0 2px,transparent 2px 25%),linear-gradient(180deg,#f2eadc0b,#08090c5c)}.deck-panel .deck-loadout-view .deck-leader-slot,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-leader-slot,.deck-panel .deck-loadout-view .deck-slot,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot{position:relative;z-index:var(--deck-row-layer, 1);isolation:isolate;grid-column:span var(--deck-grid-span, 10);width:calc(100% - var(--editor-slot-gutter))!important;min-width:0!important;max-width:none;height:var(--editor-card-row-height)!important;aspect-ratio:auto;margin:0 var(--editor-slot-gutter) 0 0;flex:none;container-type:inline-size;scroll-snap-align:none;scroll-snap-stop:normal;--deck-rest-y: calc(var(--editor-row-lift) * -1);transform:translateY(var(--deck-rest-y));overflow:visible}.deck-panel .deck-loadout-view .deck-leader-slot,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-leader-slot{grid-column:1 / span var(--deck-grid-span, 10)!important;grid-row:1}.deck-panel .deck-loadout-view .deck-slot:hover,.deck-panel .deck-loadout-view .deck-slot:focus-visible,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot:hover,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot:focus-visible{z-index:30}.deck-panel .deck-loadout-view .deck-slot .deck-play-card,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot .deck-play-card,.deck-panel .deck-collection-view .deck-pool-card .deck-play-card,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-pool-card .deck-play-card{--w-unit: 100cqw;inset:calc(var(--power-gem-height) / 2) 2px 2px}.deck-panel .deck-loadout-view .deck-slot .deck-play-card .pow,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slot .deck-play-card .pow,.deck-panel .deck-collection-view .deck-pool-card .deck-play-card .pow,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-pool-card .deck-play-card .pow{top:0;transform:translate(-50%,-50%) rotate(-2deg)}.deck-panel .deck-workbench .deck-loadout-view>.deck-detail,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-detail{padding-bottom:0;border-bottom:0}.deck-panel .deck-loadout-view .deck-slots,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slots{margin-bottom:0;padding-bottom:var(--editor-card-gap)!important;border-top:1px solid rgba(242,234,220,.2);border-bottom:0;scrollbar-width:none;box-shadow:none}.deck-panel .deck-loadout-view .deck-slots::-webkit-scrollbar,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slots::-webkit-scrollbar{display:none}.deck-panel .deck-loadout-view .deck-slots:after,#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slots:after,.deck-panel .deck-workbench:after,#stage.is-fluid-stage .deck-panel .deck-workbench:after{display:none}.deck-panel .deck-collection-view .deck-card-pool,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool{--editor-card-row-height: clamp(170px, 34cqw, 290px);--editor-card-gutter: clamp(7px, 1cqw, 11px);--editor-power-gem-height: 37px;--editor-power-gem-width: 48px;--editor-power-font-size: 30px;position:relative;min-height:0;height:auto;padding:var(--editor-card-gutter) clamp(4px,.8cqw,8px) calc(12px + var(--editor-power-gem-height) / 2 + 2px)!important;display:grid;grid-template-columns:repeat(40,minmax(0,1fr));grid-auto-flow:row dense;grid-auto-rows:calc(var(--editor-card-row-height) - var(--editor-power-gem-height) / 2 - 2px);justify-content:stretch;align-content:start;gap:var(--editor-card-gutter) 0!important;overflow:visible;scroll-snap-type:none;border-top:1px solid rgba(242,234,220,.22);border-bottom:0;background:repeating-linear-gradient(90deg,rgba(67,215,211,.13) 0 2px,transparent 2px 25%),repeating-linear-gradient(180deg,rgba(242,234,220,.035) 0 1px,transparent 1px 12px),linear-gradient(180deg,#190c0f94,#08090c29);box-shadow:inset 0 3px #08090cb3}.deck-panel .deck-collection-view .deck-card-pool .deck-pool-card,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool .deck-pool-card{position:relative;z-index:var(--deck-row-layer, 1);isolation:isolate;grid-column:span var(--deck-grid-span, 10)!important;width:calc(100% - var(--editor-card-gutter))!important;min-width:0!important;max-width:none;height:var(--editor-card-row-height)!important;aspect-ratio:auto;margin:0 var(--editor-card-gutter) 0 0;flex:none;container-type:inline-size;scroll-snap-align:none;scroll-snap-stop:normal;overflow:visible}.deck-panel .deck-collection-view .deck-card-pool .deck-pool-card:hover,.deck-panel .deck-collection-view .deck-card-pool .deck-pool-card:focus-visible,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool .deck-pool-card:hover,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool .deck-pool-card:focus-visible{z-index:30}.deck-panel .deck-collection-view .deck-card-pool .deck-pool-empty,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool .deck-pool-empty{grid-column:1 / -1!important}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-loadout-view .deck-slots,#stage.is-fluid-stage .deck-panel .deck-collection-view .deck-card-pool{--editor-card-row-height: clamp(150px, 41cqw, 190px);--editor-card-gutter: 7px;--editor-power-gem-height: 29px;--editor-power-gem-width: 39px;--editor-power-font-size: 25px}}.deck-panel .deck-workbench-tabs,#stage.is-fluid-stage .deck-panel .deck-workbench-tabs,.deck-panel .deck-workbench-tab,.deck-panel .deck-workbench-tab:hover,.deck-panel .deck-workbench-tab:active,.deck-panel .deck-workbench-tab:focus,#stage.is-fluid-stage .deck-panel .deck-workbench-tab{min-height:54px}.deck-panel .deck-workbench-tab,.deck-panel .deck-workbench-tab:hover,.deck-panel .deck-workbench-tab:active,.deck-panel .deck-workbench-tab:focus,#stage.is-fluid-stage .deck-panel .deck-workbench-tab{padding:0 clamp(18px,3cqw,28px);justify-content:center;gap:0}.deck-panel .deck-workbench-tab strong,#stage.is-fluid-stage .deck-panel .deck-workbench-tab strong{font-size:clamp(21px,2.6cqw,27px);line-height:1}.deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip,#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip,.deck-panel .deck-preset-track,#stage.is-fluid-stage .deck-panel .deck-preset-track{height:78px;min-height:78px}.deck-panel .deck-preset-track,#stage.is-fluid-stage .deck-panel .deck-preset-track{padding:4px 4px 7px;box-shadow:inset 0 -3px 0 var(--signal),inset 0 0 0 1px #08090ceb}.deck-panel .deck-preset-item,#stage.is-fluid-stage .deck-panel .deck-preset-item{flex:0 0 clamp(180px,29cqw,270px);min-height:100%;margin-left:0;padding:11px 15px 10px;justify-content:flex-end;border-right:1px solid rgba(242,234,220,.14);clip-path:none;box-shadow:none}.deck-panel .deck-preset-item:first-child,#stage.is-fluid-stage .deck-panel .deck-preset-item:first-child{padding-left:15px}.deck-panel .deck-preset-item:after,#stage.is-fluid-stage .deck-panel .deck-preset-item:after{background:linear-gradient(90deg,#08090ce6 0 24%,#08090c7a 58%,#08090c1f),linear-gradient(180deg,transparent 36%,rgba(8,9,12,.82) 100%)}.deck-panel .deck-preset-meta,#stage.is-fluid-stage .deck-panel .deck-preset-meta{top:11px;right:15px;left:15px;display:block}.deck-panel .deck-preset-meta small,#stage.is-fluid-stage .deck-panel .deck-preset-meta small{color:#f2eadcb8;font-size:clamp(8px,.95cqw,10px);letter-spacing:.12em}.deck-panel .deck-preset-item>strong,#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{width:100%;max-width:100%;overflow:hidden;font-size:clamp(18px,2.1cqw,22px);line-height:1;text-overflow:ellipsis;white-space:nowrap}.deck-panel .deck-preset-item.is-selected,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected{box-shadow:inset 0 -4px 0 var(--punch),inset 0 -7px 0 var(--signal)}.deck-panel .deck-preset-item.is-selected:after,#stage.is-fluid-stage .deck-panel .deck-preset-item.is-selected:after{background:linear-gradient(90deg,rgba(8,9,12,.8) 0 20%,rgba(8,9,12,.34) 58%,transparent 100%),linear-gradient(180deg,transparent 38%,rgba(8,9,12,.72) 100%)}.deck-panel .deck-add-btn,#stage.is-fluid-stage .deck-panel .deck-add-btn{margin-left:0;flex:0 0 104px;min-width:104px;padding:11px 13px;gap:7px;clip-path:none}.deck-panel .deck-add-mark{font-size:29px}.deck-panel .deck-add-copy strong{font-size:13px}.deck-panel .deck-preset-count{display:none}@container stage (max-width: 560px){#stage.is-fluid-stage .deck-panel .deck-workbench .deck-loadout-view>.deck-preset-strip,#stage.is-fluid-stage .deck-panel .deck-preset-track{height:66px;min-height:66px}#stage.is-fluid-stage .deck-panel .deck-preset-item{flex-basis:156px;padding:9px 11px}#stage.is-fluid-stage .deck-panel .deck-preset-item:first-child{padding-left:11px}#stage.is-fluid-stage .deck-panel .deck-preset-meta{top:9px;right:11px;left:11px}#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{font-size:17px}#stage.is-fluid-stage .deck-panel .deck-add-btn{flex-basis:86px;min-width:86px;padding:8px 10px}}.deck-panel .deck-workbench-tabs,#stage.is-fluid-stage .deck-panel .deck-workbench-tabs{min-height:48px;height:48px;padding:0 clamp(10px,1.8cqw,18px);display:flex;align-items:stretch;gap:clamp(12px,2.2cqw,24px);overflow:visible;border-bottom:1px solid rgba(242,234,220,.26);background:radial-gradient(circle,rgba(242,234,220,.055) 0 1px,transparent 1.3px) 0 0 / 8px 8px,#08090dfa}.deck-panel .deck-workbench-tab,.deck-panel .deck-workbench-tab:hover,.deck-panel .deck-workbench-tab:active,.deck-panel .deck-workbench-tab:focus,#stage.is-fluid-stage .deck-panel .deck-workbench-tab{flex:0 0 auto;min-width:clamp(92px,14cqw,132px);min-height:48px;height:48px;padding:0 8px 2px;align-items:center;color:#f2eadc6b;border:0;background:transparent;text-align:center}.deck-panel .deck-workbench-tab strong,#stage.is-fluid-stage .deck-panel .deck-workbench-tab strong{font-size:clamp(19px,2.35cqw,25px);line-height:1;letter-spacing:-.025em;text-shadow:none}.deck-panel .deck-workbench-tab:after,#stage.is-fluid-stage .deck-panel .deck-workbench-tab:after{right:18px;bottom:0;left:18px;height:3px;background:var(--signal);clip-path:polygon(4% 0,100% 0,94% 100%,0 100%);transform:scaleX(0);transform-origin:50% 50%}.deck-panel .deck-workbench-tab:is(:hover,:focus-visible),#stage.is-fluid-stage .deck-panel .deck-workbench-tab:is(:hover,:focus-visible){color:#f2eadcd1;background:transparent}.deck-panel .deck-workbench-tab.is-active,#stage.is-fluid-stage .deck-panel .deck-workbench-tab.is-active{color:var(--paper);background:transparent;text-shadow:none;box-shadow:none;filter:none}.deck-panel .deck-workbench-tab.is-active:after,#stage.is-fluid-stage .deck-panel .deck-workbench-tab.is-active:after{transform:scaleX(1)}.deck-panel .deck-workbench-tab:focus-visible,#stage.is-fluid-stage .deck-panel .deck-workbench-tab:focus-visible{outline:1px solid rgba(242,234,220,.72);outline-offset:-5px}.deck-panel .deck-preset-meta,#stage.is-fluid-stage .deck-panel .deck-preset-meta{display:none}.deck-panel .deck-preset-item>strong,#stage.is-fluid-stage .deck-panel .deck-preset-item>strong{margin-bottom:5px}#lobby{--hub-frame-inline: max(16px, calc((100% - 1050px)/2) );--hub-hud-top: max(12px, env(safe-area-inset-top));--hub-content-top: calc(var(--hub-hud-top) + 64px);--hub-content-bottom: calc(112px + env(safe-area-inset-bottom)) ;padding:0}#lobby.has-match-queue{--hub-hud-top: max(116px, calc(env(safe-area-inset-top) + 104px) );padding-top:0}.hub-main{position:absolute;z-index:3;top:0;right:var(--hub-frame-inline);bottom:0;left:var(--hub-frame-inline);min-width:0;min-height:0;overflow:hidden}.hub-header{position:absolute;top:var(--hub-hud-top);right:0;left:0;z-index:20;min-width:0;min-height:54px;padding:4px 62px 4px 0;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.hub-header .economy-hud,#lobby.has-match-queue .hub-header .economy-hud{position:relative;inset:auto;z-index:21;margin:0;transition:none;pointer-events:auto}.hub-header .wallet-chip{box-sizing:border-box;width:clamp(142px,22cqw,154px);min-width:0;padding-inline:8px;grid-template-columns:28px minmax(52px,1fr) 24px;column-gap:8px;box-shadow:none;filter:drop-shadow(0 7px 0 rgba(8,9,12,.6)) drop-shadow(0 11px 8px rgba(8,9,12,.3))}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:28px;height:28px;max-width:28px}.hub-header .wallet-chip strong{width:100%;min-width:0;justify-self:stretch;text-align:center;font-size:clamp(16px,2.6cqw,20px);letter-spacing:-.02em}.hub-header .wallet-chip>i{width:24px}.hub-content{position:absolute;inset:0;min-width:0;min-height:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.hub-content>.hub-panel{width:100%;height:100%;min-width:0;min-height:0;margin:0 auto;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none;scrollbar-gutter:stable;scroll-padding-top:var(--hub-content-top);scrollbar-width:thin;scrollbar-color:var(--signal) rgba(242,234,220,.1)}.hub-content>.play-panel{padding-top:var(--hub-content-top);padding-bottom:var(--hub-content-bottom);justify-content:center}.hub-content>.shop-panel{max-height:none;padding:var(--hub-content-top) 10px var(--hub-content-bottom)}#stage.is-fluid-stage .hub-content>.deck-panel{position:relative;inset:auto;width:100%;height:100%;max-width:1050px;padding:var(--hub-content-top) 0 var(--hub-content-bottom);overflow-y:auto}@container stage (max-width: 460px){#lobby{--hub-frame-inline: 16px;--hub-hud-top: max(10px, env(safe-area-inset-top));--hub-content-top: calc(var(--hub-hud-top) + 58px)}#lobby.has-match-queue{--hub-hud-top: max(112px, calc(env(safe-area-inset-top) + 100px) )}.hub-header{min-height:48px;padding:3px 56px 3px 0}.hub-header .wallet-chip{width:clamp(126px,31cqw,136px);min-width:0;padding-inline:6px;grid-template-columns:24px minmax(48px,1fr) 20px;column-gap:5px}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:24px;height:24px;max-width:24px}.hub-header .wallet-chip strong{font-size:17px}.hub-header .wallet-chip>i{width:20px;font-size:20px}.hub-tabs,.hub-tabs:has(.hub-tab:nth-child(1).is-active),.hub-tabs:has(.hub-tab:nth-child(2).is-active),.hub-tabs:has(.hub-tab:nth-child(3).is-active){grid-template-columns:repeat(3,minmax(0,1fr));transition:none}.hub-tab.is-active,.hub-tab.is-active:hover{transform:translateY(-2px) rotate(-.2deg)}.hub-tab.is-active .hub-tab-label{transform:none}}@container stage (max-width: 380px){.hub-header .wallet-chip{width:122px;grid-template-columns:22px minmax(44px,1fr) 18px;column-gap:3px}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:22px;height:22px;max-width:22px}.hub-header .wallet-chip strong{font-size:15px}.hub-header .wallet-chip>i{width:18px;font-size:18px}}@container stage (max-width: 340px){.hub-header{padding-right:50px}.hub-header .wallet-chip{width:108px;grid-template-columns:20px minmax(40px,1fr) 16px;column-gap:2px;padding-inline:4px}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:20px;height:20px;max-width:20px}.hub-header .wallet-chip strong{font-size:14px}.hub-header .wallet-chip>i{width:16px;font-size:16px}}@container stage (max-height: 720px){.hub-content>.play-panel{justify-content:flex-start;gap:16px}.hub-content>.hub-panel{animation:none}}.hub-content>.play-panel{--play-control-inline: clamp(14px, 4cqw, 42px);position:relative;isolation:isolate;padding:0;justify-content:flex-end;gap:0;overflow:hidden;background:linear-gradient(106deg,#08090b 0 18%,var(--signal) 18.2% 100%) top / 100% calc(var(--hub-content-top) + 10px) no-repeat,linear-gradient(112deg,#08090b 0 24%,#1a0b0d 24.2% 62%,#08090b 62.2%)}.play-mode-visual{position:absolute;top:calc(var(--hub-content-top) + 10px);right:0;bottom:0;left:0;z-index:0;overflow:hidden;border-top:2px solid rgba(242,234,220,.86);background:radial-gradient(circle,rgba(8,9,12,.26) 0 1.6px,transparent 1.95px) 0 0 / 11px 11px,var(--signal)}.play-mode-visual:before,.play-mode-visual:after{position:absolute;inset:0;pointer-events:none}.play-mode-visual:before{content:"";z-index:3;background:linear-gradient(104deg,#08090b 0 17%,transparent 17.2% 74%,rgba(8,9,12,.86) 74.2%),linear-gradient(180deg,transparent 0 45%,rgba(8,9,12,.2) 57%,#08090b 82% 100%)}.play-mode-visual:after{content:"VERSUS";z-index:1;inset:8% -5% auto auto;color:#f2eadc29;font:italic 900 clamp(82px,22cqw,190px)/.72 var(--font-condensed);letter-spacing:-.08em;transform:rotate(-7deg);transform-origin:right top;white-space:nowrap}.play-panel[data-play-mode=bot] .play-mode-visual:after{content:"TRAINING"}.play-mode-art{position:absolute;z-index:2;inset:-4% -9% auto auto;width:82%;height:100%;object-fit:cover;opacity:0;transform:translate(5%) scale(1.08) rotate(.6deg);filter:grayscale(1) contrast(1.7) brightness(.72);mix-blend-mode:luminosity;-webkit-mask-image:radial-gradient(ellipse 72% 74% at 62% 38%,#000 0 48%,rgba(0,0,0,.92) 58%,transparent 82%);mask-image:radial-gradient(ellipse 72% 74% at 62% 38%,#000 0 48%,rgba(0,0,0,.92) 58%,transparent 82%);transition:opacity .28s ease,transform .7s cubic-bezier(.16,1,.3,1),filter .32s ease}.play-mode-art--pvp{object-position:56% 35%}.play-mode-art--bot{object-position:52% 28%}.play-panel[data-play-mode=pvp] .play-mode-art--pvp,.play-panel[data-play-mode=bot] .play-mode-art--bot{opacity:1;transform:translate(0) scale(1) rotate(0);filter:grayscale(1) contrast(1.72) brightness(.76)}.play-mode-controls{position:absolute;z-index:7;right:var(--play-control-inline);bottom:calc(var(--hub-content-bottom) + 8px);left:var(--play-control-inline);display:grid;gap:8px}.play-panel .lobby-modes{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(242,234,220,.44);border-bottom:1px solid rgba(242,234,220,.28);background:#08090cd6}.play-panel .mode-btn.ticket-action{min-width:0;min-height:44px;padding:8px clamp(10px,2cqw,16px) 10px;color:#f2eadc85;border:0;background:transparent;clip-path:none;opacity:1;filter:none;transition:opacity .16s ease,transform .16s ease,filter .16s ease}.play-panel .mode-btn.ticket-action+.mode-btn.ticket-action{border-left:1px solid rgba(242,234,220,.16)}.play-panel .mode-btn.ticket-action:before{content:none}.play-panel .mode-btn.ticket-action:after{inset:auto 14% 0;height:4px;background:var(--choice-fill);clip-path:none;transform:scaleX(0);transform-origin:center}.play-panel .mode-btn.ticket-action .ticket-action__copy{justify-content:center;gap:0}.play-panel .mode-btn.ticket-action .ticket-action__label{font-size:clamp(16px,3.3cqw,22px);letter-spacing:-.045em}.play-panel .mode-btn.ticket-action .ticket-action__meta{display:none}.play-panel .mode-btn.ticket-action:hover,.play-panel .mode-btn.ticket-action:focus-visible,.play-panel .mode-btn.ticket-action.is-selected{color:var(--paper);opacity:1;background:#f2eadc0e;transform:none;filter:none}.play-panel .mode-btn.ticket-action.is-selected:after{background:var(--choice-fill);transform:scaleX(1)}.play-mode-start{position:relative;isolation:isolate;width:100%;min-height:64px;padding:10px clamp(18px,4cqw,36px);display:flex;justify-content:center;align-items:center;gap:12px;overflow:hidden;border:0;border-radius:0;color:var(--ink);background:var(--punch);clip-path:polygon(1.2% 0,100% 4%,98.2% 88%,94.5% 100%,0 94%);box-shadow:none;filter:drop-shadow(7px 7px 0 rgba(240,68,59,.72));cursor:pointer;transition:transform .15s ease,filter .15s ease,background-color .2s ease}.play-mode-start:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;width:34%;background:linear-gradient(108deg,transparent 0 22%,rgba(240,68,59,.22) 22.5%),radial-gradient(circle,rgba(8,9,12,.26) 0 1.6px,transparent 1.95px) 0 0 / 10px 10px}.play-mode-start>strong{font:900 clamp(24px,5cqw,34px)/.9 var(--font-ui);letter-spacing:-.045em;text-align:center}.play-mode-start>i{position:absolute;right:clamp(18px,4cqw,36px);font:italic 900 clamp(11px,2.1cqw,14px)/1 var(--font-condensed);letter-spacing:.13em}.play-mode-start>i b{font-size:1.35em}.play-mode-start:hover,.play-mode-start:focus-visible{outline:none;transform:translateY(-3px);filter:drop-shadow(9px 10px 0 rgba(240,68,59,.78))}.play-mode-start:active{transform:translateY(2px);filter:drop-shadow(3px 3px 0 rgba(240,68,59,.78))}.play-mode-start:disabled{color:#08090c73;background:#f2eadc61;filter:drop-shadow(4px 4px 0 rgba(8,9,12,.5));transform:none;cursor:not-allowed}#lobby .play-panel>.status{position:absolute;z-index:9;top:calc(var(--hub-content-top) + 8px);bottom:auto;right:auto;left:var(--play-control-inline);transform:none;box-sizing:border-box;width:max-content;max-width:calc(100% - var(--play-control-inline) * 2);min-height:0;margin:0;padding:5px 9px;white-space:normal;overflow-wrap:anywhere;pointer-events:none;color:var(--paper);background:#08090cc7;font:italic 800 11px/1.25 var(--font-ui)}#lobby .play-panel>.status:empty{display:none}@container stage (max-width: 420px){.play-mode-start>i{display:none}}@container stage (max-height: 720px){.hub-content>.play-panel{justify-content:flex-end;gap:0}.play-panel .mode-btn.ticket-action{min-height:49px}.play-mode-start{min-height:56px}}@media(prefers-reduced-motion:reduce){.play-mode-art,.play-panel .mode-btn.ticket-action,.play-mode-start{transition:none}}.shop-panel>.shop-section{padding:clamp(22px,3.4cqh,34px) 6px clamp(28px,4.5cqh,44px);border:0;background:transparent;clip-path:none}.shop-panel>.shop-section+.shop-section{border-top:2px solid rgba(242,234,220,.62)}.shop-panel>.free-supply{padding-bottom:clamp(8px,1.2cqh,12px)}.shop-panel>.free-supply+.pack-station{padding-top:clamp(10px,1.5cqh,15px)}.shop-panel>.shop-section:before{content:none}.shop-panel .shop-section-head{margin-bottom:12px}.shop-panel .shop-section-head h3{margin-top:0}.shop-panel .daily-shop-head{justify-content:flex-start;align-items:center;gap:12px}.daily-shop-head .supply-clock{padding:0;border:0;background:none;text-align:left;transform:none}.daily-shop-head .supply-clock strong{margin:0;font-size:24px}.pack-station{display:grid;gap:clamp(24px,4cqh,38px)}.pack-line{min-width:0;padding-top:16px;border-top:1px solid rgba(242,234,220,.18)}.pack-line:first-child{padding-top:0;border-top:0}.pack-line-head{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-line-head h3{margin:0;color:var(--paper);font:400 clamp(27px,4.6cqw,39px)/.9 var(--font-display);letter-spacing:-.04em}.shop-panel .shop-slash-title{position:relative;width:fit-content;min-width:clamp(208px,41cqw,342px);min-height:62px;margin:0;padding:13px 34px 13px 26px;display:inline-flex;align-items:center;box-sizing:border-box;color:var(--paper);border:0;background:linear-gradient(#f2eadcf0,#f2eadcf0) 0 0 / 88% 3px no-repeat,linear-gradient(var(--signal),var(--signal)) 0 100% / 100% 6px no-repeat,radial-gradient(circle,rgba(242,234,220,.09) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#08090cf7;clip-path:polygon(7% 0,100% 6%,93% 100%,0 89%);font:400 clamp(32px,5.8cqw,50px)/.86 var(--font-display);letter-spacing:-.045em;text-shadow:4px 4px 0 rgba(240,68,59,.72);filter:drop-shadow(8px 8px 0 rgba(8,9,12,.42));transform:rotate(-1.4deg)}.starter-pack-shelf{margin-left:-6px;margin-right:calc(0px - var(--hub-frame-inline) - 16px);padding:2px calc(var(--hub-frame-inline) + 16px) 13px 6px;overflow-x:auto;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(178px,30cqw,232px);grid-template-columns:none;gap:clamp(6px,1.4cqw,13px);scroll-snap-type:x proximity;scrollbar-width:none}.starter-pack-shelf .shop-product-tile__title{min-height:48px;padding:9px 8px 7px;display:grid;place-items:center;text-align:center}.starter-pack-shelf .shop-product-tile__title>strong{max-width:100%;overflow:visible;color:var(--paper);font-size:clamp(14px,1.8cqw,18px);line-height:.86;letter-spacing:-.035em;text-overflow:clip;white-space:normal;text-wrap:balance}.starter-pack-shelf::-webkit-scrollbar{display:none}button.starter-pack-offer{position:relative;min-width:0;margin:0;padding:5px 4px 6px;overflow:hidden;display:grid;grid-template-rows:auto auto;gap:3px;color:var(--paper);border:1px solid rgba(242,234,220,.2);border-top:3px solid var(--paper);border-radius:0;background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.3px) 0 0 / 9px 9px,#08090ceb;box-shadow:5px 6px #08090c70;clip-path:polygon(2% 0,100% 1%,97% 97%,4% 100%,0 92%);text-align:left;transform:none;filter:none;scroll-snap-align:start}button.starter-pack-offer:not(:disabled){cursor:pointer}button.starter-pack-offer:not(:disabled):hover,button.starter-pack-offer:not(:disabled):focus-visible{border-color:var(--punch);box-shadow:7px 9px #f0443b61;transform:none}button.starter-pack-offer:focus-visible{outline:3px solid var(--electric);outline-offset:3px}.starter-pack-offer__visual{position:relative;aspect-ratio:9 / 16;min-width:0;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,rgba(169,120,255,.22),transparent 64%)}.starter-pack-offer__visual:after{content:"";position:absolute;inset:-35%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(255,255,255,.28) 48%,transparent 57%);transform:translate(-62%) rotate(4deg);transition:transform .45s cubic-bezier(.16,1,.3,1)}.starter-pack-offer:not(:disabled):hover .starter-pack-offer__visual:after,.starter-pack-offer:not(:disabled):focus-visible .starter-pack-offer__visual:after{transform:translate(58%) rotate(4deg)}.starter-pack-offer__visual img{width:116%;height:116%;max-width:none;object-fit:contain;filter:drop-shadow(0 10px 7px rgba(0,0,0,.72));transform:scale(1.08);transition:transform .22s cubic-bezier(.16,1,.3,1)}.starter-pack-offer:not(:disabled):hover img,.starter-pack-offer:not(:disabled):focus-visible img{transform:scale(1.13)}.starter-pack-label{position:absolute;z-index:3;bottom:7.2%;left:14%;width:72%;display:grid;place-items:center;color:#f6ead9;font:italic 900 clamp(11px,1.75cqw,17px)/.86 var(--font-condensed);letter-spacing:-.045em;white-space:nowrap;text-shadow:1px 1px 0 #0a090c,2px 2px 0 #df3f38;transform:perspective(120px) rotateX(-2deg);pointer-events:none}.starter-pack-offer__copy{min-width:0;min-height:30px;padding:4px 5px 2px;display:grid;align-items:center;justify-items:center}.starter-pack-offer__copy small{overflow:hidden;color:var(--electric);font:italic 900 7px/1 var(--font-condensed);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.starter-pack-offer__copy strong{min-width:0;overflow:hidden;color:var(--paper);font:italic 900 clamp(15px,2cqw,20px)/.95 var(--font-condensed);text-overflow:ellipsis;white-space:nowrap}.starter-pack-offer__copy em{color:#f2eadc8f;font:italic 900 7px/1 var(--font-condensed);letter-spacing:.05em}.starter-pack-offer__price{width:100%;min-height:32px;padding:7px 8px 6px;display:flex;align-items:center;justify-content:center;gap:3px;color:var(--paper);background:var(--shop-violet);font:italic 900 15px/1 var(--font-condensed);clip-path:polygon(3% 0,100% 5%,95% 100%,0 92%)}.starter-pack-offer__price i{width:16px;height:16px;display:grid;place-items:center;color:var(--paper);background:#08090c52;font:italic 900 9px/1 var(--font-condensed);clip-path:polygon(50% 0,96% 30%,82% 90%,20% 100%,0 42%)}button.starter-pack-offer.is-owned{opacity:.58;filter:grayscale(.82)}button.starter-pack-offer.is-owned .starter-pack-offer__price{color:var(--ink);background:var(--paper-dim)}.booster-lineup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.booster-lineup .pack-product{grid-template-columns:minmax(0,1fr);align-content:start}.booster-lineup .pack-product__visual{min-height:330px;border-right:0;border-bottom:1px solid rgba(242,234,220,.18)}.booster-product-art{position:relative;z-index:1;display:block;filter:drop-shadow(0 14px 9px rgba(0,0,0,.72));transition:transform .22s cubic-bezier(.16,1,.3,1)}.booster-product-art--foil{width:auto;height:330px;aspect-ratio:940 / 1672;transform:rotate(-1deg)}.booster-pack-single{width:100%;height:100%;object-fit:contain}.pack-art--alpha-masked{-webkit-mask-image:var(--pack-alpha-mask);mask-image:var(--pack-alpha-mask);-webkit-mask-mode:alpha;mask-mode:alpha;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:100% 100%;mask-size:100% 100%}.booster-product--single:hover .booster-product-art--foil{transform:rotate(-1deg)}.booster-product-art--box{width:min(100%,440px);aspect-ratio:1402 / 1122}.booster-box-art{width:100%;height:100%;object-fit:contain}.booster-product--box:hover .booster-product-art--box{transform:none}.booster-product-logo{position:absolute;z-index:2;display:block;height:auto;max-width:none;pointer-events:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.82))}.booster-product-art--foil .booster-product-logo{top:13.2%;left:50%;width:76%;transform:translate(-50%)}.booster-product-art--box .booster-product-logo{top:16.4%;left:57%;width:43%;transform-origin:0 50%;transform:translate(-50%) rotate(3.2deg)}.booster-product-name{position:absolute;z-index:3;bottom:6.9%;left:17%;width:66%;min-height:6.6%;display:grid;place-items:center;box-sizing:border-box;color:var(--paper);background:linear-gradient(90deg,transparent,#09090d 7%,#09090d 93%,transparent);font:italic 900 clamp(16px,3.4cqw,20px)/.9 var(--font-condensed);letter-spacing:-.045em;white-space:nowrap;text-shadow:2px 2px 0 rgba(240,68,59,.5);transform:perspective(120px) rotateX(-2deg)}.starter-product-card .booster-product-name{bottom:18.3%;left:24%;width:52%;min-height:6.2%;font-size:clamp(10px,1.35cqw,14px);letter-spacing:-.055em}.booster-lineup .pack-product__body{min-height:238px}@container stage (max-width: 720px){.booster-lineup .pack-product__visual{min-height:310px}}@container stage (max-width: 460px){.starter-pack-shelf{grid-template-columns:none;grid-auto-columns:174px;gap:7px}button.starter-pack-offer{padding:4px 3px 5px}.starter-pack-offer__copy strong{font-size:17px}.booster-lineup{grid-template-columns:minmax(0,1fr);gap:11px}.booster-lineup .pack-product__visual{min-height:300px}.booster-lineup .pack-product__body{min-height:0}.booster-product-art--foil{height:265px}.booster-product-art--box{width:min(94%,360px)}}@media(prefers-reduced-motion:reduce){.starter-pack-offer__visual:after,.starter-pack-offer__visual img,.booster-product-art{transition:none}}.free-offer-grid{--free-card-unit: clamp(108px, 15cqw, 148px);--free-card-gap: 8px;margin-top:-20px;margin-left:-3px;margin-right:calc(0px - var(--hub-frame-inline) - 16px);padding:calc(var(--power-gem-height, 38px) / 2 + 9px) calc(var(--hub-frame-inline) + 16px) 13px 3px;overflow-x:auto;display:flex;align-items:flex-start;gap:var(--free-card-gap);scroll-snap-type:x proximity;scrollbar-width:none}.free-offer-grid::-webkit-scrollbar{display:none}button.free-card-offer.card{--w-unit: var(--free-card-unit);--card-label-size: clamp(20px, calc(var(--free-card-unit) * .19), 33px);appearance:none;flex:0 0 calc(var(--free-card-unit) * var(--free-card-width, 1) + var(--free-card-gap) * (var(--free-card-width, 1) - 1));width:calc(var(--free-card-unit) * var(--free-card-width, 1) + var(--free-card-gap) * (var(--free-card-width, 1) - 1));height:calc(var(--free-card-unit) * 1.5);min-width:0;margin:0;padding:6px;color:var(--paper);text-align:left;opacity:1;cursor:pointer;scroll-snap-align:start;animation:packCardDeal .34s calc(var(--offer-order) * 65ms) cubic-bezier(.16,1,.3,1) both}button.free-card-offer.card:hover:not(:disabled),button.free-card-offer.card:focus-visible:not(:disabled){z-index:3;filter:brightness(1.1);transform:none}button.free-card-offer.card:focus-visible{outline:3px solid var(--paper);outline-offset:4px}button.free-card-offer.card:disabled{cursor:default}button.free-card-offer.card.is-passed{filter:grayscale(.9) brightness(.42);opacity:.56}button.free-card-offer.card.is-claimed{filter:saturate(1.08) brightness(1.04)}button.free-card-offer.card.is-claimed:after{content:"\d68d\b4dd  \c644\b8cc";position:absolute;z-index:8;right:7px;bottom:8px;padding:6px 8px 5px;color:var(--ink);background:var(--electric);box-shadow:3px 3px #000000b3;font:italic 900 9px/1 var(--font-condensed);letter-spacing:.03em;transform:rotate(-2deg)}.shop-product-price{--shop-cta-edge: #c9b8ff;--shop-cta-top: #a77aff;--shop-cta-bottom: #7545d5;--shop-cta-depth: #3b246d;position:relative;isolation:isolate;min-height:42px;padding:9px 15px 10px;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:7px;color:#fffaf0;border:2px solid transparent;background:linear-gradient(180deg,var(--shop-cta-top),var(--shop-cta-bottom)) padding-box,linear-gradient(115deg,#f6f1df 0 10%,var(--shop-cta-edge) 35% 78%,#7654bc 100%) border-box;box-shadow:inset 0 1px #ffffff61,inset 0 -4px #1b0d364d;filter:drop-shadow(0 4px 0 var(--shop-cta-depth)) drop-shadow(0 7px 5px rgba(0,0,0,.42));font:italic 900 clamp(17px,2.8cqw,22px)/1 var(--font-condensed);letter-spacing:.01em;clip-path:polygon(7px 0,calc(100% - 4px) 0,100% 7px,calc(100% - 8px) 100%,6px 100%,0 calc(100% - 7px));text-shadow:0 2px 0 rgba(25,10,48,.68);transform:translateY(0);transition:filter .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.shop-product-price:after{content:"";position:absolute;z-index:-1;inset:2px;opacity:.3;background:radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.5px) 4px 4px / 23px 19px,linear-gradient(108deg,rgba(255,255,255,.14) 0 18%,transparent 18.5% 76%,rgba(34,12,75,.18) 76.5%);pointer-events:none}.shop-product-price i{width:20px;height:20px;display:grid;place-items:center;color:var(--ink);background:#ffffff7a;font:italic 900 10px/1 var(--font-condensed);clip-path:polygon(50% 0,96% 30%,82% 90%,20% 100%,0 42%)}.shop-product-price .currency-inline-icon{position:relative;z-index:1;width:24px;height:24px;flex:0 0 24px;object-fit:contain;filter:drop-shadow(0 2px 1px rgba(0,0,0,.38))}.shop-product-price small{color:#08090c99;font:900 7px/1 var(--font-ui)}.shop-product-price--free{--shop-cta-edge: #fff2a2;--shop-cta-top: #ffdd53;--shop-cta-bottom: #efad22;--shop-cta-depth: #7f5010;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.38)}.shop-product-price--owned{--shop-cta-edge: #acb8b7;--shop-cta-top: #343b40;--shop-cta-bottom: #20262b;--shop-cta-depth: #090d10;color:#f2eadcd1;letter-spacing:.035em;text-shadow:0 2px 0 #080b0d}.shop-product-price--lumen{color:var(--paper)}.shop-product-price--lumen i{color:var(--paper);background:#08090c52}.shop-product-price--dual{--shop-cta-edge: #ebe5d9;--shop-cta-top: #a678fa;--shop-cta-bottom: #7545d5;color:var(--paper);background:linear-gradient(102deg,#e9b72b 0 48%,#8b58ea 52% 100%) padding-box,linear-gradient(115deg,#fff0a0 0 44%,#d6c5ff 56% 100%) border-box}button.starter-pack-offer{grid-template-rows:auto auto auto;padding:5px 4px 6px}.starter-pack-offer__copy{min-height:30px;text-align:center}.starter-pack-offer__copy strong{max-width:100%;font-size:clamp(14px,2cqw,19px)}.starter-pack-offer__price{justify-content:center;font-size:15px}.shop-product-tile{position:relative;min-width:0;margin:0;padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(350px,1fr) auto;color:var(--paper);border:1px solid rgba(242,234,220,.25);border-top:3px solid var(--paper);border-radius:0;background:#0b0d12;box-shadow:7px 8px #0006;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px));text-align:center;transform:none;transition:border-color .18s ease,box-shadow .18s ease}.shop-product-tile:hover,.shop-product-tile:focus-visible{z-index:2;border-color:var(--electric);background:#0b0d12;box-shadow:8px 10px #43d7d34d;transform:none}.shop-product-tile:not(:disabled):hover .shop-product-price,.shop-product-tile:not(:disabled):focus-visible .shop-product-price{filter:brightness(1.1) drop-shadow(0 5px 0 var(--shop-cta-depth)) drop-shadow(0 9px 8px rgba(0,0,0,.48));transform:translateY(-1px)}.shop-product-tile:not(:disabled):active .shop-product-price{filter:brightness(1.03) drop-shadow(0 2px 0 var(--shop-cta-depth));transform:translateY(2px)}.shop-product-tile:active{background:#0b0d12;transform:none}.shop-product-tile:before,.shop-product-tile:after{content:"";position:absolute;bottom:12px;z-index:8;width:17px;height:2px;background:#f2eadc6b;box-shadow:0 2px #f0443b3d;pointer-events:none}.shop-product-tile:before{left:1px;transform:rotate(45deg);transform-origin:left center}.shop-product-tile:after{right:1px;transform:rotate(-45deg);transform-origin:right center}.shop-product-tile:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.shop-product-tile__title{min-height:46px;padding:10px 10px 8px;display:grid;place-items:center;border-bottom:1px solid rgba(242,234,220,.16);background:#14151bfa;text-align:center}.shop-product-tile__title>strong{max-width:100%;overflow:hidden;color:var(--paper);font:italic 900 clamp(18px,2.8cqw,25px)/.95 var(--font-condensed);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.starter-product-card .shop-product-tile__title{min-height:54px;padding-inline:8px}.starter-product-card .shop-product-tile__title>strong{display:-webkit-box;overflow:hidden;font-size:clamp(17px,2.45cqw,22px);line-height:.9;text-overflow:clip;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.shop-product-tile .pack-product__visual{min-height:350px;border:0}.shop-product-tile__footer{min-height:48px;padding:7px 9px 8px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid rgba(242,234,220,.18);background:#14151bfa;text-align:center}.shop-product-tile__footer .shop-product-price{width:fit-content;min-width:min(150px,92%);max-width:100%;margin-inline:auto}.starter-pack-shelf .shop-product-tile{width:auto}.shop-product-tile.is-owned{opacity:1;filter:none}.shop-product-tile.is-owned .pack-product__visual{filter:grayscale(.72) brightness(.56) contrast(.94)}.shop-product-tile.is-owned .shop-product-tile__title{opacity:.58}.shop-product-tile:disabled{cursor:default}.currency-store{display:grid;gap:clamp(24px,4cqh,38px)}.currency-store .shop-section-head{margin-bottom:-2px}.currency-store-group{--currency-accent: var(--punch);position:relative;isolation:isolate;min-width:0;padding-top:14px;border-top:1px solid rgba(242,234,220,.2);scroll-margin-top:var(--hub-content-top)}.currency-store-group--lumen{--currency-accent: var(--shop-violet)}.currency-store-group>*{position:relative;z-index:1}.currency-store-group__head{margin-bottom:11px;display:flex;align-items:center;justify-content:center;gap:8px;text-align:center}.currency-store-group__head .wallet-glyph{grid-row:auto;width:25px;height:25px;font-size:11px}.currency-store-group__head .wallet-glyph img{width:25px;height:25px;max-width:25px}.currency-store-group--lumen .currency-store-group__head .wallet-glyph{background:transparent;transform:none}.currency-store-group__head h4{margin:0;color:var(--paper);font:italic 900 clamp(22px,3.5cqw,31px)/1 var(--font-condensed);letter-spacing:-.025em}.currency-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(7px,1.5cqw,14px)}.currency-product-card{--currency-accent: var(--punch);min-width:0;min-height:230px;margin:0;padding:16px 10px 12px;display:grid;grid-template-rows:auto 1fr auto;place-items:center;gap:10px;overflow:hidden;color:var(--paper);border:1px solid rgba(242,234,220,.24);border-top:3px solid var(--currency-accent);border-radius:0;background:radial-gradient(circle,color-mix(in srgb,var(--currency-accent) 12%,transparent) 0 1px,transparent 1.35px) 0 0 / 9px 9px,#0b0d12;box-shadow:6px 7px #00000061;clip-path:polygon(0 0,100% 1%,97% 95%,91% 100%,5% 98%,0 91%);text-align:center;transform:none;transition:border-color .18s ease,box-shadow .18s ease}.currency-product-card--lumen{--currency-accent: var(--shop-violet)}.currency-product-card:hover,.currency-product-card:active,.currency-product-card:focus,.currency-product-card:focus-visible{border-color:var(--currency-accent);background:radial-gradient(circle,color-mix(in srgb,var(--currency-accent) 12%,transparent) 0 1px,transparent 1.35px) 0 0 / 9px 9px,#0b0d12;box-shadow:8px 9px color-mix(in srgb,var(--currency-accent) 32%,transparent);transform:none}.currency-product-card:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.currency-product-card__name{max-width:100%;overflow:hidden;font:italic 900 clamp(15px,2.2cqw,20px)/1 var(--font-condensed);text-overflow:ellipsis;white-space:nowrap}.currency-product-card__art{min-width:0;display:grid;place-items:center;align-content:center;gap:9px}.currency-product-icon{width:clamp(92px,13cqw,132px);max-height:126px;aspect-ratio:1;display:block;object-fit:contain;filter:drop-shadow(0 7px 3px rgba(0,0,0,.52))}.currency-product-card__art b{color:var(--currency-accent);font:italic 900 clamp(21px,3.4cqw,31px)/1 var(--font-condensed);font-variant-numeric:tabular-nums}.currency-product-card__price{width:min(150px,88%);min-height:36px;padding:8px 9px 7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink);background:var(--currency-accent);font:italic 900 clamp(15px,2.4cqw,20px)/1 var(--font-condensed);clip-path:polygon(3% 0,100% 5%,96% 100%,0 92%)}.currency-product-card__price--lumen{color:var(--paper);background:var(--shop-violet)}.currency-product-card__price .currency-inline-icon{width:22px;height:22px}.currency-product-card--lumen .currency-product-card__price{color:var(--paper)}.currency-store-group.is-targeted:after{content:"";position:absolute;inset:-8px -5px;z-index:0;border-left:5px solid var(--currency-accent, var(--electric));background:linear-gradient(90deg,rgba(67,215,211,.14),transparent 58%);animation:currencyTargetIn .8s cubic-bezier(.16,1,.3,1) both;pointer-events:none}.currency-store-group--lumen.is-targeted:after{border-left-color:var(--shop-violet);background:linear-gradient(90deg,rgba(169,120,255,.16),transparent 58%)}@keyframes currencyTargetIn{0%{opacity:0;transform:translate(-18px)}24%,72%{opacity:1;transform:none}to{opacity:0;transform:translate(8px)}}.shop-purchase-modal{position:absolute;inset:0;z-index:219;display:grid;place-items:center;overflow:hidden;padding:max(16px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))}.shop-purchase-modal[hidden]{display:none}.shop-purchase-backdrop,.shop-purchase-backdrop:hover,.shop-purchase-backdrop:active{position:absolute;inset:0;width:100%;height:100%;border:0;background:radial-gradient(circle at 50% 43%,rgba(85,199,216,.1),transparent 34%),#050609e0;backdrop-filter:blur(10px) saturate(.58);transform:none}.shop-purchase-sheet{position:relative;z-index:1;width:min(94%,500px);max-height:min(820px,94cqh);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:56px 18px 18px;color:var(--paper);border:0;background:transparent;box-shadow:none;clip-path:none;scrollbar-width:none;animation:shopPurchaseIn .2s cubic-bezier(.18,.86,.3,1) both}.shop-purchase-sheet::-webkit-scrollbar{display:none}.shop-purchase-sheet:before{content:"";position:absolute;z-index:-1;top:13%;left:50%;width:min(78cqw,390px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(85,199,216,.13),rgba(85,199,216,.035) 42%,transparent 70%);transform:translate(-50%);pointer-events:none}.shop-purchase-close{position:absolute;top:5px;right:5px;z-index:5;width:46px;height:46px;padding:0;color:var(--paper);border:2px solid rgba(242,234,220,.78);background:var(--electric);box-shadow:5px 5px #050609e0;font:900 26px/1 var(--font-ui);transform:rotate(2deg);transition:transform .16s ease,filter .16s ease}.shop-purchase-close:hover{filter:brightness(1.08);transform:rotate(-2deg) scale(1.04)}.shop-purchase-close:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.shop-purchase-visual{position:relative;width:100%;min-height:0;padding:0 26px 4px;overflow:visible;display:grid;place-items:center;background:transparent;border:0}.shop-purchase-visual .booster-product-art--foil{height:clamp(260px,43cqh,410px)}.shop-purchase-visual .booster-product-art--box{width:min(86%,300px)}.shop-purchase-pack-art{width:auto;max-width:100%;height:clamp(280px,48cqh,460px);object-fit:contain;filter:saturate(.92) contrast(1.04) brightness(.94) drop-shadow(0 18px 13px rgba(0,0,0,.76));animation:shopPurchaseFloat 3.8s ease-in-out infinite}.shop-purchase-currency-art{width:min(84%,240px);height:min(240px,34cqh);display:grid;place-items:center;background:transparent;transform:none}.shop-purchase-currency-art--lumen{background:transparent;transform:none}.shop-purchase-currency-icon{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 13px 8px rgba(0,0,0,.58))}.shop-purchase-copy{width:min(100%,430px);min-width:0;padding:4px 8px 2px;display:flex;flex-direction:column;align-items:center;text-align:center}.shop-purchase-copy>span{color:var(--electric);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.14em}.shop-purchase-copy h2{max-width:100%;margin:8px 0 6px;font:400 clamp(27px,6.4cqw,38px)/.94 var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere}.shop-purchase-copy>p{max-width:36em;margin:0;color:var(--paper-dim);font:750 10px/1.4 var(--font-ui)}.shop-purchase-contents{display:none}.shop-purchase-contents li{position:relative;padding-left:18px;font:850 10px/1.25 var(--font-ui)}.shop-purchase-contents li:before{content:"\25c6";position:absolute;left:0;color:var(--punch);font-size:8px}.shop-purchase-odds{width:100%;margin:14px 0 0;border-top:1px solid rgba(242,234,220,.18);border-bottom:1px solid rgba(242,234,220,.18);text-align:left}.shop-purchase-odds[hidden]{display:none}.shop-purchase-odds summary{padding:10px 0 8px;color:var(--paper-dim);font:900 8px/1 var(--font-ui);cursor:pointer}.shop-purchase-odds>div{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;color:var(--punch);font:italic 900 9px/1.2 var(--font-condensed)}.shop-purchase-odds p{margin:7px 0 10px;color:var(--paper-dim);font:750 8px/1.3 var(--font-ui)}.shop-purchase-actions{width:min(100%,300px);margin:18px auto 0;display:grid;gap:7px}.shop-purchase-actions .pack-buy{width:100%;min-height:62px;margin:0;padding:14px 22px;font-size:13px}.shop-purchase-actions .pack-buy strong{font-size:22px}.shop-purchase-actions .pack-buy--marks:not(:disabled):hover{background:var(--punch)}.shop-purchase-actions .pack-buy--lumen:not(:disabled):hover{background:var(--shop-violet)}.shop-purchase-actions .pack-buy--cash:not(:disabled):hover{background:var(--electric)}.pack-buy--free{background:var(--punch)}.pack-buy--cash{color:var(--ink);background:var(--electric)}.shop-purchase-balance{margin:9px 0 0!important;color:#f2eadcb3!important;text-align:center;font-size:8px!important}.shop-purchase-modal[data-product-type=starter] .shop-purchase-sheet{justify-content:center;width:min(96%,650px);padding:58px 16px 24px}.shop-purchase-modal[data-product-type=starter] .shop-purchase-visual{padding:0 24px}.shop-purchase-modal[data-product-type=starter] .shop-purchase-starter-art{height:clamp(390px,55cqh,540px);transform:rotate(-.7deg)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-copy{width:min(100%,590px);padding:8px 12px 0}.shop-purchase-modal[data-product-type=starter] .shop-purchase-copy>span{font-size:clamp(9px,1.4cqw,12px)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-copy h2{width:100%;max-width:none;margin:8px auto 7px;font-size:clamp(27px,6.3cqw,52px);line-height:.9;letter-spacing:-.055em;overflow-wrap:normal;word-break:keep-all;white-space:nowrap}.shop-purchase-modal[data-product-type=starter] .shop-purchase-copy>p{max-width:34em;font-size:clamp(10px,1.5cqw,13px)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-actions{width:min(100%,340px);margin-top:20px}.shop-purchase-modal[data-product-type=starter] .shop-purchase-actions .pack-buy{min-height:66px;font-size:clamp(14px,2cqw,18px)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-balance{margin-top:11px!important;font-size:10px!important}@keyframes shopPurchaseIn{0%{opacity:0;transform:translateY(28px) scale(.94) rotate(-.5deg)}to{opacity:1;transform:none}}@keyframes shopPurchaseFloat{0%,to{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-6px) rotate(.2deg)}}@container stage (max-width: 560px){.shop-purchase-sheet{width:min(96%,500px);padding-inline:12px}.shop-purchase-visual{padding:0 16px 4px}.shop-purchase-visual .booster-product-art--foil,.shop-purchase-pack-art{height:clamp(260px,46cqh,420px)}.shop-purchase-visual .booster-product-art--box{width:min(84%,290px)}.shop-purchase-copy{padding:8px 7px 2px}.shop-purchase-copy h2{font-size:clamp(29px,9cqw,39px)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-starter-art{height:clamp(340px,51cqh,460px)}.shop-purchase-modal[data-product-type=starter] .shop-purchase-copy h2{font-size:clamp(25px,7.1cqw,38px)}}@container stage (max-width: 460px){.free-offer-grid{--free-card-unit: 112px}.booster-lineup{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-product-tile{grid-template-rows:auto minmax(250px,1fr) auto}.shop-product-tile__title{min-height:40px;padding:8px 6px 7px}.shop-product-tile__title>strong{font-size:17px}.shop-product-tile .pack-product__visual{min-height:250px}.shop-product-tile .booster-product-art--foil{height:236px}.shop-product-tile .booster-product-art--box{width:96%}.shop-product-tile__footer{min-height:45px;padding-inline:6px}.shop-product-price{padding-inline:5px;font-size:13px}.shop-product-price i{width:17px;height:17px;font-size:8px}.shop-product-price small{font-size:6px}.shop-purchase-modal{padding-inline:7px}.shop-purchase-sheet{width:100%}.currency-product-card{min-height:188px;padding:12px 5px 9px;gap:7px}.currency-product-card__name{font-size:14px}.currency-product-icon{width:92px;max-height:92px}.currency-product-card__art b{font-size:20px}.currency-product-card__price{width:92%;min-height:32px;padding-inline:4px;font-size:14px}}@media(prefers-reduced-motion:reduce){.free-card-offer.card,.shop-product-tile,.currency-product-card,.currency-store-group.is-targeted:after,.shop-purchase-sheet,.shop-purchase-pack-art{animation:none;transition:none}}:root{--dock-cut-outer: polygon(4% 2%, 100% 0, 96% 92%, 91% 100%, 0 97%, 1% 14%);--dock-cut-inner: polygon(3% 1%, 100% 0, 96% 91%, 91% 100%, 0 97%, 1% 14%)}.hub-tabs,#stage.is-fluid-stage .hub-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(4px,1cqw,8px);padding:8px max(16px,var(--hub-frame-inline, 16px)) calc(max(10px,env(safe-area-inset-bottom)) + 1px);border:0;background:transparent;box-shadow:none;transition:grid-template-columns .22s cubic-bezier(.16,1,.3,1)}.hub-tabs:has(.hub-tab:nth-child(1).is-active),#stage.is-fluid-stage .hub-tabs:has(.hub-tab:nth-child(1).is-active){grid-template-columns:1.34fr .83fr .83fr}.hub-tabs:has(.hub-tab:nth-child(2).is-active),#stage.is-fluid-stage .hub-tabs:has(.hub-tab:nth-child(2).is-active){grid-template-columns:.83fr 1.34fr .83fr}.hub-tabs:has(.hub-tab:nth-child(3).is-active),#stage.is-fluid-stage .hub-tabs:has(.hub-tab:nth-child(3).is-active){grid-template-columns:.83fr .83fr 1.34fr}.hub-tabs:before{content:none}.hub-tab,.hub-tab:last-child{--dock-face: #111319;--dock-edge: rgba(242, 234, 220, .34);position:relative;isolation:isolate;min-height:72px;padding:10px clamp(7px,1.8cqw,16px) 9px;gap:3px;overflow:hidden;color:#f2eadc94;background:var(--dock-edge);box-shadow:none;clip-path:var(--dock-cut-outer);filter:drop-shadow(0 4px 0 rgba(0,0,0,.72));transform:none;transition:color .16s ease,filter .16s ease}.hub-tab:before{content:"";position:absolute;inset:2px;z-index:-1;background:radial-gradient(circle,rgba(242,234,220,.045) 0 1px,transparent 1.3px) 0 0 / 8px 8px,var(--dock-face);clip-path:var(--dock-cut-inner)}.hub-tab:after{content:"";position:absolute;inset:2px;z-index:0;pointer-events:none;background:radial-gradient(circle,rgba(8,9,13,.24) 0 1.35px,transparent 1.7px) 0 0 / 9px 9px;clip-path:var(--dock-cut-inner);-webkit-mask-image:linear-gradient(90deg,transparent 20%,rgba(0,0,0,.28) 48%,#000 88%);mask-image:linear-gradient(90deg,transparent 20%,rgba(0,0,0,.28) 48%,#000 88%);opacity:0;transition:opacity .16s ease}.hub-tab-code,.hub-tab-label{position:relative;z-index:1}.hub-tab-code{font-size:clamp(8px,1.45cqw,10px);letter-spacing:.14em}.hub-tab-label{font-size:clamp(19px,3.7cqw,25px);transform:none}.hub-tab:hover{--dock-face: #191c22;color:var(--paper);background:var(--dock-edge);filter:drop-shadow(0 5px 0 rgba(0,0,0,.8));transform:none}.hub-tab.is-active,.hub-tab.is-active:hover,#stage[data-signal-kit] .hub-tabs .hub-tab.is-active,#stage[data-signal-kit] .hub-tabs .hub-tab.is-active:hover{--dock-face: #17191f;--dock-edge: rgba(242, 234, 220, .58);color:var(--paper);background:var(--dock-edge);box-shadow:none;filter:drop-shadow(0 5px 0 rgba(0,0,0,.82));transform:translateY(-3px)}.hub-tab.is-active:after{opacity:1;background:linear-gradient(180deg,transparent 0 calc(100% - 5px),var(--punch) calc(100% - 5px)),radial-gradient(circle,rgba(242,234,220,.11) 0 1.35px,transparent 1.7px) 0 0 / 9px 9px}.hub-tab.is-active .hub-tab-code{color:var(--punch);opacity:1}.hub-tab.is-active .hub-tab-label{color:var(--paper);transform:scale(1.06);transform-origin:center}.hub-tab:focus-visible{outline:2px solid var(--electric);outline-offset:2px}.hub-header{min-height:52px;padding:2px 60px 2px 0}.hub-header .economy-hud,#lobby.has-match-queue .hub-header .economy-hud{gap:6px;align-items:center}.hub-header .wallet-chip,.hub-header .wallet-chip--marks,.hub-header .wallet-chip--lumen{position:relative;isolation:isolate;width:clamp(128px,21cqw,150px);height:48px;min-height:48px;padding:4px 7px;grid-template-columns:27px minmax(52px,1fr) 24px;column-gap:6px;overflow:hidden;border:0;background:#f2eadc7a;box-shadow:none;clip-path:polygon(3% 0,100% 3%,96% 94%,91% 100%,0 96%,1% 12%);filter:drop-shadow(0 5px 0 rgba(8,9,13,.68)) drop-shadow(0 9px 8px rgba(8,9,13,.25));transform:none;transition:filter .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.hub-header .wallet-chip:before{content:"";position:absolute;inset:2px;z-index:-1;background:radial-gradient(circle,rgba(242,234,220,.065) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#0d0f14;clip-path:polygon(2% 0,100% 2%,96% 93%,91% 100%,0 96%,1% 12%)}.hub-header .wallet-chip:is(:hover,:focus-visible){background:#f2eadcb8;filter:drop-shadow(0 6px 0 rgba(8,9,13,.76)) drop-shadow(0 10px 9px rgba(8,9,13,.3));transform:translateY(-1px)}.hub-header .wallet-chip:active{filter:drop-shadow(0 2px 0 rgba(8,9,13,.76));transform:translateY(2px)}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:27px;height:27px;max-width:27px}.hub-header .wallet-chip strong{width:auto;min-width:0;justify-self:end;overflow:visible;color:var(--paper);font-size:clamp(16px,2.35cqw,19px);letter-spacing:-.015em;text-align:right}.hub-header .wallet-chip>i{width:24px;height:26px;justify-self:end;border:0;font-size:0;filter:none}.hub-header .wallet-chip>i svg{display:block;width:18px;height:18px;overflow:visible;fill:currentColor;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.5))}.sound-toggle,.sound-toggle:hover,.sound-toggle:active,.sound-toggle:focus{position:relative;isolation:isolate;width:52px;height:48px;overflow:hidden;color:var(--paper);border:0;background:#f2eadc80;box-shadow:none;clip-path:polygon(6% 0,100% 4%,92% 94%,84% 100%,0 95%,2% 10%);filter:drop-shadow(0 5px 0 rgba(8,9,13,.68)) drop-shadow(0 9px 8px rgba(8,9,13,.25));transform:none;transition:color .16s ease,filter .16s ease,transform .16s cubic-bezier(.16,1,.3,1)}.sound-toggle:before{content:"";position:absolute;inset:2px;z-index:-1;background:radial-gradient(circle,rgba(242,234,220,.07) 0 1px,transparent 1.35px) 0 0 / 8px 8px,#0d0f14;clip-path:polygon(5% 0,100% 3%,92% 93%,84% 100%,0 95%,2% 10%)}.sound-toggle .menu-glyph{position:relative;z-index:1;display:block;width:30px;height:24px;overflow:visible;fill:currentColor;filter:drop-shadow(1px 2px 0 rgba(0,0,0,.58))}.sound-toggle:hover{color:var(--ink);background:#fff7d8eb;filter:drop-shadow(0 6px 0 var(--signal));transform:translateY(-1px)}.sound-toggle:hover:before{background:radial-gradient(circle,rgba(8,9,13,.16) 0 1px,transparent 1.4px) 0 0 / 8px 8px,var(--punch)}.sound-toggle:active{filter:drop-shadow(0 2px 0 var(--signal));transform:translateY(2px)}.sound-control.is-muted .sound-toggle:before{background:radial-gradient(circle,rgba(8,9,13,.15) 0 1px,transparent 1.4px) 0 0 / 8px 8px,var(--signal)}@container stage (max-width: 460px){.hub-header{min-height:50px;padding:2px 56px 2px 0}.hub-header .wallet-chip,.hub-header .wallet-chip--marks,.hub-header .wallet-chip--lumen{width:clamp(120px,31cqw,134px);height:46px;min-height:46px;padding-inline:5px;grid-template-columns:24px minmax(45px,1fr) 21px;column-gap:4px}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:24px;height:24px;max-width:24px}.hub-header .wallet-chip strong{font-size:16px}.hub-header .wallet-chip>i{width:21px;height:24px}.hub-header .wallet-chip>i svg{width:17px;height:17px}.sound-toggle,.sound-toggle:hover,.sound-toggle:active,.sound-toggle:focus{width:50px;height:46px}}@container stage (max-width: 380px){.hub-header .wallet-chip,.hub-header .wallet-chip--marks,.hub-header .wallet-chip--lumen{width:clamp(108px,30.5cqw,120px);grid-template-columns:22px minmax(40px,1fr) 18px;column-gap:3px}.hub-header .wallet-glyph,.hub-header .wallet-glyph img{width:22px;height:22px;max-width:22px}.hub-header .wallet-chip strong{font-size:15px}.hub-header .wallet-chip>i{width:18px}.hub-header .wallet-chip>i svg{width:16px;height:16px}}.free-offer-grid:has(.daily-product-card){margin-top:0;padding-top:3px;gap:8px}.daily-product-card{--daily-card-width: clamp(126px, 18cqw, 180px);flex:0 0 calc(var(--daily-card-width) + 26px);grid-template-rows:auto auto auto;scroll-snap-align:start}.daily-product-card .shop-product-tile__title{min-height:54px;padding-inline:8px}.daily-product-card .shop-product-tile__title>strong{white-space:normal;line-height:1.05}.daily-product-art{display:grid;place-items:center;min-width:0;padding:22px 12px 10px}.daily-product-art .card{position:relative;width:var(--daily-card-width);min-width:0;--card-label-size: 22px;pointer-events:none}.daily-product-card.is-owned .daily-product-art{filter:grayscale(.72) brightness(.56)}.card-face-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.next-card-mini.card .name.card-size{display:block}.shop-product-price--marks{--shop-cta-edge: #e9ca72;--shop-cta-top: #b99536;--shop-cta-bottom: #79601f;--shop-cta-depth: #403215}.network-notice{position:absolute;z-index:145;top:12%;left:50%;transform:translate(-50%);padding:7px 12px;border-left:3px solid var(--paper);background:var(--ink);color:var(--paper);font:700 11px/1.4 var(--font-ui);pointer-events:none;white-space:nowrap}#myRail>.card{touch-action:none}#myRail>.card.discard-dragging{z-index:50;animation:none!important;transition:none;will-change:transform;filter:none;cursor:grabbing}#myRail>.card.discard-armed{outline:3px solid var(--signal-hot, #f0443b)}#myRail>.card.discard-pending{pointer-events:none;filter:none;will-change:transform,opacity;animation:cardDiscardOut .22s ease-out both!important}@keyframes cardDiscardOut{0%{transform:var(--discard-exit-transform, none)}to{transform:var(--discard-exit-transform, translateY(0)) translateY(-24px) scale(.9);opacity:0}}#myRail>.card:is(.discard-dragging,.discard-pending) .card-holo{display:none}.card-discard-target{position:fixed;z-index:25000;display:grid;place-items:center;pointer-events:none;box-sizing:border-box;border:2px dashed rgba(229,223,207,.65);color:#e5dfcf;background:#090f12c7;font:18px var(--font-ui, sans-serif);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)}.card-discard-target.is-armed{color:#fff;background:#982d269e;border-color:#f0443b}.rail-draw-fill.blocked{background:#d99545;box-shadow:0 0 0 1px #ffd18b55}.rail-draw-fill.is-charged:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(105deg,transparent 30%,#fff4d2 48%,#fff 50%,#fff4d2 52%,transparent 70%);background-size:240% 100%;box-shadow:0 0 6px #fff4d2,0 0 14px #ffd18b;animation:drawChargedShimmer 1.6s ease-in-out infinite}@keyframes drawChargedShimmer{0%{background-position:140% 0;opacity:.25}50%{opacity:1}to{background-position:-40% 0;opacity:.25}}@media(prefers-reduced-motion:reduce){.rail-draw-fill.is-charged:after{animation:none;background-position:50% 0;opacity:.55}#myRail>.card.discard-pending{animation:none!important;opacity:0}}.rail>.card{width:var(--w-unit);flex:0 0 var(--w-unit)}@media(hover:none),(max-width:720px){.match-found-overlay,.pack-open-backdrop,.deck-character-backdrop,.deck-card-modal-backdrop,.connection-overlay,.step-guide__backdrop,.sound-modal-backdrop,.prototype-modal__backdrop,.lunara-hud__side,.shop-purchase-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.product-opening{position:absolute;inset:0;z-index:228;display:grid;place-items:center;padding:0;overflow:hidden;color:var(--paper)}.product-opening[hidden]{display:none}.product-opening__backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,rgba(67,215,211,.12),transparent 28%),radial-gradient(circle at 50% 47%,rgba(169,120,255,.1),transparent 52%),#030407f2;backdrop-filter:blur(10px) saturate(.62)}.product-opening__scene{position:relative;z-index:1;width:100%;height:100%;min-height:0;padding:max(28px,env(safe-area-inset-top)) clamp(22px,5cqw,54px) max(30px,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:0;background:radial-gradient(circle,rgba(242,234,220,.075) 0 1px,transparent 1.35px) 0 0 / 9px 9px,radial-gradient(ellipse at 50% 49%,rgba(67,215,211,.08),transparent 31%),linear-gradient(104deg,rgba(240,68,59,.045),transparent 28% 72%,rgba(67,215,211,.035)),#05070b;box-shadow:none;clip-path:none;isolation:isolate}.product-opening__scene:before{content:"";position:absolute;left:50%;top:49%;width:min(80cqw,720px);aspect-ratio:1;z-index:-1;opacity:.5;background:conic-gradient(from 18deg,transparent 0 8%,rgba(67,215,211,.42) 8.2% 8.8%,transparent 9% 23%,rgba(242,234,220,.18) 23.2% 24%,transparent 24.2% 42%,rgba(240,68,59,.38) 42.2% 43%,transparent 43.2% 69%,rgba(169,120,255,.34) 69.2% 70%,transparent 70.2% 91%,rgba(244,201,63,.3) 91.2% 92%,transparent 92.2%);-webkit-mask:radial-gradient(circle,transparent 0 42%,#000 42.4% 43%,transparent 43.4% 55%,#000 55.4% 56%,transparent 56.4% 67%,#000 67.4% 68%,transparent 68.4%);mask:radial-gradient(circle,transparent 0 42%,#000 42.4% 43%,transparent 43.4% 55%,#000 55.4% 56%,transparent 56.4% 67%,#000 67.4% 68%,transparent 68.4%);transform:translate(-50%,-50%);animation:productOpeningSealOrbit 24s linear infinite;pointer-events:none}.product-opening__scene:after{content:"";position:absolute;inset:-18%;z-index:-2;opacity:.38;background:radial-gradient(circle,rgba(242,234,220,.44) 0 1px,transparent 1.7px) 8% 18% / 97px 113px,radial-gradient(circle,rgba(67,215,211,.5) 0 1px,transparent 1.8px) 72% 31% / 131px 149px,repeating-linear-gradient(118deg,transparent 0 93px,rgba(240,68,59,.08) 94px 96px,transparent 97px 181px);transform:translate3d(-1.5%,-1%,0);animation:productOpeningAtmosphere 18s ease-in-out infinite alternate;pointer-events:none}.product-opening__scene:not(.is-results){grid-template-rows:auto auto auto;align-content:start}.product-opening__scene:not(.is-results) .product-opening__canvas{height:min(68cqh,820px)}.product-opening__head{position:relative;z-index:4;min-width:0;display:grid;justify-items:center;gap:9px;text-align:center}.product-opening__head span{color:var(--electric);font:italic 900 clamp(10px,1.5cqw,13px)/1 var(--font-condensed);letter-spacing:.18em}.product-opening__head strong{max-width:94%;font:italic 900 clamp(42px,7.4cqw,68px)/.88 var(--font-condensed);letter-spacing:-.025em;text-transform:uppercase;text-shadow:4px 5px 0 rgba(240,68,59,.5),0 9px 18px rgba(0,0,0,.72)}.product-opening__canvas{position:relative;width:100%;min-width:0;min-height:0;display:grid;place-items:center;overflow:visible;perspective:900px}.product-opening__aura,.product-opening__flash{position:absolute;left:50%;top:50%;width:min(64cqw,430px);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.product-opening__aura{background:radial-gradient(circle,rgba(242,234,220,.22) 0 5%,rgba(67,215,211,.16) 17%,transparent 43%),repeating-radial-gradient(circle,transparent 0 31%,rgba(67,215,211,.28) 31.3% 31.8%,transparent 32.1% 42%),conic-gradient(from 20deg,transparent 0 14%,rgba(67,215,211,.35) 15%,transparent 16% 47%,rgba(240,68,59,.3) 48%,transparent 49% 78%,rgba(244,201,63,.26) 79%,transparent 80%);filter:drop-shadow(0 0 18px rgba(67,215,211,.2))}.product-opening__flash{z-index:7;background:radial-gradient(circle,#fff 0 8%,rgba(244,201,63,.95) 15%,rgba(67,215,211,.64) 30%,transparent 67%);mix-blend-mode:screen}.product-opening__product{position:relative;z-index:3;transform-style:preserve-3d;filter:drop-shadow(0 18px 12px rgba(0,0,0,.7))}.product-opening__product--pack{width:clamp(210px,32cqw,290px);aspect-ratio:1 / 2}.product-opening__product--box{width:clamp(340px,60cqw,520px);aspect-ratio:1.1}.product-opening__slice{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform-origin:50% 50%}.product-opening__slice--pack-top{clip-path:inset(0 0 47% 0)}.product-opening__slice--pack-bottom{clip-path:inset(47% 0 0 0)}.product-opening__slice--box-lid{clip-path:inset(0 0 64% 0);transform-origin:50% 32%}.product-opening__slice--box-body{clip-path:inset(26% 0 0 0)}.product-opening__cards,.product-opening__packets{position:absolute;z-index:6;left:50%;top:54%;width:1px;height:1px}.product-opening__card{position:absolute;left:-50px;top:-76px;width:100px;height:150px;border:3px solid var(--paper);background:linear-gradient(135deg,transparent 35%,rgba(67,215,211,.48) 36% 40%,transparent 41%),radial-gradient(circle at 50% 50%,var(--signal) 0 7%,transparent 8%),repeating-radial-gradient(circle,rgba(242,234,220,.12) 0 1px,transparent 1px 7px),#11141a;box-shadow:5px 6px 0 var(--signal);clip-path:polygon(4% 0,100% 2%,96% 100%,0 95%)}.product-opening__packet{position:absolute;left:-48px;top:-105px;width:96px;height:210px;object-fit:contain;filter:drop-shadow(0 9px 6px rgba(0,0,0,.72))}.product-opening__actions{position:relative;z-index:10;width:min(64%,360px);margin:-18px auto 0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.product-opening__actions.has-again{grid-template-columns:repeat(2,minmax(0,1fr))}.product-opening__trigger,.product-opening__again{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:58px;margin:0;border:0;clip-path:polygon(8% 0,94% 0,100% 50%,94% 100%,8% 100%,0 50%);font:900 clamp(19px,3.1cqw,26px)/1 var(--font-ui);letter-spacing:-.025em;cursor:pointer;transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s ease}.product-opening__trigger:before,.product-opening__again:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 0 34%,rgba(255,255,255,.35) 45%,transparent 56%);transform:translate(-120%);transition:transform .42s cubic-bezier(.16,1,.3,1)}.product-opening__trigger{color:var(--ink);background:var(--paper);box-shadow:inset 0 3px #ffffffb8,inset 0 -6px #f0443b2e;filter:drop-shadow(4px 5px 0 rgba(240,68,59,.62))}.product-opening__again{color:var(--paper);background:#11161a;box-shadow:inset 0 3px #f2eadc33,inset 0 -6px #43d7d338;filter:drop-shadow(4px 5px 0 rgba(67,215,211,.58));font-size:clamp(15px,2.7cqw,20px)}.product-opening[data-kind=box] .product-opening__trigger{color:var(--paper);background:var(--shop-violet);box-shadow:inset 0 3px #ffffff40,inset 0 -6px #43d7d340;filter:drop-shadow(4px 5px 0 rgba(67,215,211,.58))}.product-opening__trigger:hover:not(:disabled),.product-opening__trigger:focus-visible,.product-opening__again:hover:not(:disabled),.product-opening__again:focus-visible{transform:translateY(-2px);filter:brightness(1.08) drop-shadow(5px 7px 0 rgba(67,215,211,.5))}.product-opening__trigger:hover:not(:disabled),.product-opening__trigger:focus-visible{background:var(--paper)}.product-opening__again:hover:not(:disabled),.product-opening__again:focus-visible{background:#11161a}.product-opening[data-kind=box] .product-opening__trigger:hover:not(:disabled),.product-opening[data-kind=box] .product-opening__trigger:focus-visible{background:var(--shop-violet)}.product-opening__trigger:hover:not(:disabled):before,.product-opening__trigger:focus-visible:before,.product-opening__again:hover:not(:disabled):before,.product-opening__again:focus-visible:before{transform:translate(120%)}.product-opening__trigger:disabled,.product-opening__again:disabled{cursor:wait}.product-opening__trigger:focus-visible,.product-opening__again:focus-visible{outline:3px solid var(--electric);outline-offset:4px}.product-opening__scene.is-idle .product-opening__product{animation:productOpeningIdle 4.8s ease-in-out infinite}.product-opening__scene.is-idle .product-opening__aura{opacity:.26;transform:translate(-50%,-50%) scale(.82);animation:productOpeningAura 4.8s ease-in-out infinite}.product-opening__scene.is-idle .product-opening__flash,.product-opening__scene.is-idle .product-opening__cards,.product-opening__scene.is-idle .product-opening__packets{opacity:0;visibility:hidden}@keyframes productOpeningIdle{0%,to{transform:translate3d(0,5px,0) rotate(-.35deg)}50%{transform:translate3d(0,-9px,0) rotate(.35deg)}}@keyframes productOpeningAura{0%,to{opacity:.19;transform:translate(-50%,-50%) scale(.82) rotate(-4deg)}46%{opacity:.34;transform:translate(-50%,-50%) scale(.98) rotate(3deg)}58%{opacity:.28;transform:translate(-50%,-50%) scale(.92) rotate(1deg)}}@keyframes productOpeningSealOrbit{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes productOpeningAtmosphere{0%{transform:translate3d(-1.5%,-1%,0) rotate(-.35deg);opacity:.28}47%{transform:translate3d(1.2%,.6%,0) rotate(.2deg);opacity:.42}to{transform:translate3d(-.4%,1.4%,0) rotate(-.1deg);opacity:.34}}.product-opening__scene.is-results{background:radial-gradient(circle,rgba(242,234,220,.075) 0 1px,transparent 1.35px) 0 0 / 9px 9px,radial-gradient(ellipse at 50% 49%,rgba(67,215,211,.1),transparent 38%),linear-gradient(104deg,rgba(240,68,59,.05),transparent 32% 68%,rgba(67,215,211,.04)),#05070b}.product-opening__scene.is-results .product-opening__actions{width:min(78%,560px);margin-top:0}.product-opening__scene.is-results .product-opening__head strong{font:900 clamp(30px,5.5cqw,48px)/.95 var(--font-ui);letter-spacing:-.035em;text-transform:none}.product-opening__results{width:100%;min-width:0;height:100%;min-height:0;padding-top:clamp(10px,2cqh,24px);display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:visible}.product-opening__leader{width:min(100%,620px);min-height:88px;margin:0 auto;display:grid;grid-template-columns:108px minmax(0,1fr);overflow:hidden;border-left:6px solid var(--punch);background:linear-gradient(100deg,#f4c93f30,#08090cd1 74%);clip-path:polygon(2% 0,100% 3%,97% 100%,0 94%)}.product-opening__leader img{width:108px;height:88px;object-fit:cover;object-position:center 20%}.product-opening__leader>span{padding:12px 15px;display:flex;flex-direction:column;justify-content:center;text-align:left}.product-opening__leader small{color:var(--punch);font:italic 900 8px/1 var(--font-condensed);letter-spacing:.13em}.product-opening__leader strong{margin-top:5px;font:italic 900 23px/1 var(--font-condensed)}.product-opening__leader i{margin-top:4px;color:var(--paper-dim);font:italic 900 9px/1 var(--font-condensed)}.product-opening__result-cards{--reveal-card-width: clamp(164px, 23cqw, 220px);width:auto;min-height:0;margin-inline:calc(clamp(22px,5cqw,54px)*-1);padding:28px clamp(22px,5cqw,54px) 24px;display:flex;align-items:center;gap:clamp(10px,2cqw,18px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-color:var(--signal) rgba(242,234,220,.12)}.product-opening__result-cards .shop-reveal-card.card{--w-unit: var(--reveal-card-width);--card-label-size: clamp(19px, calc(var(--reveal-card-width) * .16), 33px);--power-gem-height: clamp(30px, calc(var(--reveal-card-width) * .22), 44px);--power-gem-width: clamp(41px, calc(var(--reveal-card-width) * .3), 58px);flex:0 0 var(--reveal-card-width);width:var(--reveal-card-width);height:auto;aspect-ratio:9 / 16;opacity:1;animation:none;scroll-snap-align:center;will-change:transform,opacity}.product-opening__result-cards .card-copy-badge{--card-copy-size: clamp(28px, calc(var(--reveal-card-width) * .2), 42px)}.product-opening__conversion{position:absolute;inset:0;z-index:18;display:grid;place-content:center;justify-items:center;gap:8px;color:var(--paper);background:radial-gradient(circle,rgba(244,201,63,.2) 0 1px,transparent 1.5px) 0 0 / 9px 9px,linear-gradient(145deg,#18140b,#090b0f 62%);box-shadow:inset 0 0 0 3px var(--punch),inset 0 -12px #f0443b24;opacity:0}.product-opening__conversion:before,.product-opening__conversion:after{content:"";position:absolute;inset:8% 12%;border-top:1px solid rgba(244,201,63,.5);border-bottom:1px solid rgba(244,201,63,.32);transform:skewY(-8deg)}.product-opening__conversion img{width:42%;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.6))}.product-opening__conversion span{color:var(--paper-dim);font:italic 900 11px/1 var(--font-condensed);letter-spacing:.11em}.product-opening__conversion strong{color:var(--punch);font:italic 900 clamp(30px,calc(var(--reveal-card-width) * .24),48px)/.9 var(--font-condensed)}.product-opening__conversion-fragments{position:absolute;inset:0;pointer-events:none}.product-opening__conversion-fragments b{position:absolute;left:48%;top:46%;width:14px;height:20px;background:linear-gradient(135deg,var(--paper),var(--punch) 48%,var(--signal));clip-path:polygon(50% 0,100% 35%,72% 100%,0 72%);will-change:transform,opacity}.product-opening__conversion-fragments b:nth-child(2n){width:9px;height:15px}.product-opening__conversion-fragments b:nth-child(3n){background:linear-gradient(135deg,var(--punch),#9b4f16)}.shop-reveal-card.is-converted>:not(.product-opening__conversion){opacity:0}.shop-reveal-card.is-converted .product-opening__conversion{opacity:1;transform:none}.product-opening__bonus{opacity:1}@container stage (max-width: 520px){.product-opening__scene{padding:max(20px,env(safe-area-inset-top)) 14px max(22px,env(safe-area-inset-bottom))}.product-opening__head strong{font-size:clamp(38px,11cqw,54px)}.product-opening__product--pack{width:clamp(190px,50cqw,250px)}.product-opening__product--box{width:min(88cqw,390px)}.product-opening__card{left:-42px;top:-64px;width:84px;height:126px}.product-opening__packet{left:-38px;top:-83px;width:76px;height:166px}.product-opening__result-cards{--reveal-card-width: 158px;width:auto;margin-inline:-14px;padding-inline:14px}.product-opening__leader{grid-template-columns:88px minmax(0,1fr);min-height:76px}.product-opening__leader img{width:88px;height:76px}.product-opening__actions{width:min(82%,350px)}}@media(prefers-reduced-motion:reduce){.product-opening__scene,.product-opening__scene.is-idle .product-opening__product,.product-opening__scene.is-idle .product-opening__aura,.product-opening__scene:before,.product-opening__scene:after,.product-opening__trigger{animation:none;transition:none}}:root{--ink: #070b0d;--tar: #090f12;--tar-soft: #111a1d;--paper: #e5dfcf;--bone-dim: #aaa596;--mana: #55c7d8;--mana-deep: #173f4a;--copper: #b5693d;--copper-dark: #623a2b;--bruise: #73556e;--moss: #6d7964;--signal: var(--mana);--punch: var(--paper);--bg: var(--tar);--panel: #10181b;--panel-2: #172124;--border: rgba(229, 223, 207, .22);--text: var(--paper);--muted: var(--bone-dim);--accent: var(--copper);--accent-2: var(--mana);--good: #829778;--bad: #a94f42;--warn: #c08a4b;--strike: var(--copper);--grab: var(--bruise);--rail-track: #060a0c;--rail-border: rgba(85, 199, 216, .3);--font-ui: "Black Han Sans", sans-serif;--font-condensed: "Barlow Condensed", sans-serif}html,body{color:var(--paper);background:radial-gradient(circle at 72% 18%,rgba(85,199,216,.08),transparent 27rem),radial-gradient(circle at 18% 80%,rgba(181,105,61,.08),transparent 32rem),var(--tar);font-family:Barlow Condensed,system-ui,sans-serif}body:before{mix-blend-mode:normal}body:after{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.14;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(229,223,207,.025) 7px 8px),radial-gradient(circle,rgba(229,223,207,.14) 0 .55px,transparent .8px) 0 0 / 5px 5px;mix-blend-mode:normal}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mana);outline-offset:3px}.versus-screen:after{content:"";position:absolute;z-index:4;left:0;right:0;top:31%;width:auto;height:12px;pointer-events:none;opacity:.7;transform:none;border:0;border-radius:0;background:linear-gradient(90deg,transparent 0 4%,var(--mana) 4% 64%,transparent 64%) center / 100% 1px no-repeat,repeating-linear-gradient(90deg,transparent 0 23px,rgba(229,223,207,.75) 23px 24px,transparent 24px 47px) center / 100% 7px no-repeat;box-shadow:none;filter:drop-shadow(0 0 7px rgba(85,199,216,.45))}#intro{background:linear-gradient(90deg,#070b0dfa 0 34%,#070b0d57 58%,#070b0dd6),var(--tar)}#intro:before{opacity:.55;background:linear-gradient(90deg,transparent 0 11%,rgba(85,199,216,.86) 11% calc(11% + 1px),transparent calc(11% + 1px)),repeating-linear-gradient(0deg,transparent 0 31px,rgba(229,223,207,.1) 31px 32px)}.intro-key-art{inset:0;width:100%;height:100%;object-position:91% center;opacity:.84;filter:saturate(.86) contrast(1.04) brightness(.86);-webkit-mask-image:none;mask-image:none}#intro:after{background:radial-gradient(ellipse 66% 43% at 29% 22%,transparent 0 24%,rgba(7,11,13,.14) 50%,rgba(7,11,13,.56) 100%),linear-gradient(180deg,rgba(7,11,13,.3),transparent 34% 66%,rgba(7,11,13,.82))}.intro-brand{left:0;right:auto;width:min(88%,850px);align-items:center;transform:translateY(clamp(140px,17cqh,220px))}.intro-logo{width:116%;max-width:none;filter:drop-shadow(7px 8px 0 rgba(7,11,13,.88))}.intro-brand-subtitle{margin-left:0;margin-top:clamp(-3px,-.3cqh,0px);min-width:0;padding:0;color:var(--paper);background:none;border:0;clip-path:none;font:italic 900 clamp(19px,3.4cqw,26px)/1 var(--font-condensed);letter-spacing:.34em;text-indent:.34em;text-shadow:2px 2px 0 var(--ink),4px 4px 0 rgba(85,199,216,.34);transform:none}#intro .intro-auth-actions{left:0;right:auto;width:min(88%,420px);gap:clamp(10px,1.35cqh,14px)}#intro .intro-auth-btn{--login-edge: #979991;--login-face: #090d10;--login-shadow: rgba(3, 7, 9, .9);min-height:clamp(62px,7.8cqh,72px);padding-inline:clamp(62px,15cqw,78px);color:var(--paper);border:0;background:var(--login-edge);clip-path:polygon(2.4% 0,96.5% 0,100% 50%,96.5% 100%,2.4% 100%,0 50%);box-shadow:none;filter:drop-shadow(5px 7px 0 var(--login-shadow));transform:translateZ(0);transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s ease}#intro .intro-auth-btn:before{inset:3px 4px 5px;background:linear-gradient(180deg,rgba(255,255,255,.055),transparent 34%),radial-gradient(circle,rgba(229,223,207,.11) 0 1.25px,transparent 1.65px) 0 0 / 13px 13px,var(--login-face);clip-path:polygon(2% 0,96% 0,100% 50%,96% 100%,2% 100%,0 50%)}#intro .intro-auth-btn:after{display:block;inset:auto 9% 5px;height:3px;background:linear-gradient(90deg,transparent,var(--electric) 20% 80%,transparent);clip-path:none;opacity:0;transform:scaleX(.24);transform-origin:center;transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1)}#intro .intro-auth-btn:not(.is-disabled):is(:hover,:focus-visible,:active){color:var(--paper);filter:drop-shadow(7px 9px 0 var(--login-shadow));transform:translateY(-2px) scale(1.012)}#intro .intro-auth-btn:not(.is-disabled):is(:hover,:focus-visible):after{opacity:1;transform:scaleX(1)}#intro .intro-auth-btn:active{filter:drop-shadow(2px 3px 0 var(--login-shadow));transform:translateY(3px) scale(.994)}#intro .intro-auth-btn:focus-visible{outline:3px solid var(--paper);outline-offset:4px}#intro .intro-auth-btn--guest{--login-edge: var(--electric);--login-face: var(--paper);--login-shadow: rgba(3, 42, 48, .76);color:var(--ink);background:var(--login-edge);box-shadow:none}#intro .intro-auth-btn--guest:before{background:linear-gradient(108deg,rgba(255,255,255,.42),transparent 38%),radial-gradient(circle,rgba(7,11,13,.15) 0 1.55px,transparent 1.95px) 100% 50% / 12px 12px,var(--login-face)}#intro .intro-auth-btn--guest:after{background:linear-gradient(90deg,transparent,var(--signal) 20% 80%,transparent)}#intro .intro-auth-label{font-family:var(--font-display);font-size:clamp(19px,4.7cqw,25px);font-style:normal;font-weight:400;line-height:1.08;letter-spacing:-.035em;font-synthesis:none;text-shadow:none;-webkit-text-stroke:0}#intro .intro-auth-btn:not(.intro-auth-btn--guest):not(.intro-auth-btn--kakao) .intro-auth-label{color:#fff8e8;paint-order:normal}#intro .intro-auth-btn--kakao{--login-edge: #151719;--login-face: #fee500;--login-shadow: rgba(55, 46, 0, .72);color:#000000d9}#intro .intro-auth-btn--kakao:before{background:linear-gradient(108deg,rgba(255,255,255,.3),transparent 38%),radial-gradient(circle,rgba(0,0,0,.13) 0 1.45px,transparent 1.85px) 100% 50% / 12px 12px,var(--login-face)}#intro .intro-auth-btn--kakao:after{background:linear-gradient(90deg,transparent,#151719 20% 80%,transparent)}#intro .intro-auth-btn.intro-auth-btn--kakao .intro-auth-label,#intro .intro-auth-btn.intro-auth-btn--kakao:hover .intro-auth-label,#intro .intro-auth-btn.intro-auth-btn--kakao:focus-visible .intro-auth-label{color:#000000d9;font-family:var(--font-display);font-size:clamp(19px,4.7cqw,25px);font-style:normal;font-weight:400;letter-spacing:-.035em;text-shadow:none;-webkit-text-stroke:0}#intro .intro-auth-btn--guest .intro-auth-label,#intro .intro-auth-btn--guest:hover .intro-auth-label,#intro .intro-auth-btn--guest:focus-visible .intro-auth-label{color:var(--ink);text-shadow:none;-webkit-text-stroke:0}#intro .intro-auth-icon{left:clamp(24px,6.2cqw,36px);width:clamp(27px,6.7cqw,34px);height:clamp(27px,6.7cqw,34px)}#intro .intro-auth-btn.is-disabled,#intro .intro-auth-btn.is-disabled:hover,#intro .intro-auth-btn.is-disabled:active{color:#e5dfcfd6;filter:none}.ready-overlay,.arena-overlay,.ready-overlay.phase-ready,.ready-overlay.phase-fight{text-shadow:3px 4px 0 #000}.hub-content>.hub-panel{animation:none}#lobby{background:linear-gradient(104deg,#070b0dfa 0 20%,#111a1df0 20.2% 72%,#070b0dfa 72.2%),var(--tar)}.hub-content>.play-panel{background:transparent}.play-mode-visual{border-top:0;background:transparent}.play-mode-visual:before{content:none}.play-mode-visual:after{content:"RETURN";color:#e5dfcf1a;letter-spacing:-.065em}.play-panel[data-play-mode=bot] .play-mode-visual:after{content:"WITNESS"}.play-mode-art{right:-2%;width:72%;object-position:center 19%;filter:saturate(.62) contrast(1.12) brightness(.72);mix-blend-mode:normal}.play-panel[data-play-mode=pvp] .play-mode-art--pvp,.play-panel[data-play-mode=bot] .play-mode-art--bot{filter:saturate(.76) contrast(1.1) brightness(.78)}.hub-content>.play-panel{--play-card-width: clamp(230px, min(70cqw, 54cqh), 510px)}.play-mode-visual{bottom:0;display:none}.play-mode-art{top:-5%;right:-6%;width:76%;height:94%;opacity:0;transform:none;filter:saturate(.46) contrast(1.08) brightness(.48) blur(2px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 86%,transparent);transition:opacity .22s ease}.play-panel[data-play-mode=pvp] .play-mode-art--pvp,.play-panel[data-play-mode=bot] .play-mode-art--bot{opacity:.46;transform:none;filter:saturate(.46) contrast(1.08) brightness(.48) blur(2px)}.play-mode-controls{top:calc(var(--hub-content-top) + 22px);right:0;bottom:calc(var(--hub-content-bottom) + 12px);left:0;grid-template-rows:minmax(0,1fr);gap:0;padding:0;background:transparent;clip-path:none;filter:none}.play-panel .lobby-modes{box-sizing:border-box;width:100%;min-width:0;height:100%;display:block;overflow:hidden;touch-action:pan-y pinch-zoom;border:0;background:transparent}.play-mode-track{height:100%;display:flex;align-items:center;gap:clamp(0px,1cqw,12px);touch-action:pan-y pinch-zoom;cursor:grab;will-change:transform}.play-mode-track:active{cursor:grabbing}.play-mode-slide{--mode-accent: #69d8e6;--mode-accent-soft: #c9f7f5;--mode-deep: #087d94;--mode-rgb: 105, 216, 230;--mode-stamp: "CHAPTER // 01";--mode-shape: polygon(3% 0, 100% 0, 100% 92%, 95% 100%, 0 98%, 0 7%);--mode-art-wash: radial-gradient(circle at 76% 20%, rgba(105, 216, 230, .3), transparent 28%), linear-gradient(128deg, rgba(105, 216, 230, .14), transparent 34% 72%, rgba(7, 11, 13, .48));position:relative;flex:0 0 var(--play-card-width);min-width:0;display:grid;place-items:center;box-sizing:border-box}.play-mode-slide__surface{position:relative;width:100%;display:grid;padding:14px 0 32px;box-sizing:border-box;isolation:isolate;transform:scale(.68);transform-origin:center;opacity:.42;filter:saturate(.72) brightness(.78);transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .24s ease,filter .24s ease}.play-mode-slide[data-play-mode-slide=pvp]{--mode-accent: #ff6758;--mode-accent-soft: #ffc074;--mode-deep: #a62c35;--mode-rgb: 255, 103, 88;--mode-stamp: "DUEL // SIGNAL";--mode-shape: polygon(0 4%, 96% 0, 100% 7%, 98% 100%, 5% 97%, 0 90%);--mode-art-wash: linear-gradient(123deg, transparent 0 43%, rgba(255, 103, 88, .42) 43.3% 44.2%, transparent 44.5%), radial-gradient(circle at 24% 26%, rgba(255, 166, 83, .22), transparent 34%)}.play-mode-slide[data-play-mode-slide=bot]{--mode-accent: #a986ff;--mode-accent-soft: #76dcff;--mode-deep: #593e9b;--mode-rgb: 169, 134, 255;--mode-stamp: "SIM // ACTIVE";--mode-shape: polygon(4% 0, 96% 2%, 100% 9%, 100% 96%, 91% 100%, 0 96%, 0 6%);--mode-art-wash: repeating-linear-gradient(90deg, transparent 0 42px, rgba(169, 134, 255, .09) 42px 43px), linear-gradient(155deg, rgba(118, 220, 255, .2), transparent 34% 68%, rgba(169, 134, 255, .26))}.play-mode-slide:has(.is-selected) .play-mode-slide__surface{transform:scale(1);opacity:1;filter:drop-shadow(0 0 13px rgba(var(--mode-rgb),.22)) drop-shadow(0 18px 20px rgba(0,0,0,.38))}.play-mode-slide:has(.is-selected)+.play-mode-slide .play-mode-slide__surface{transform-origin:25% center}.play-mode-slide:has(+.play-mode-slide .is-selected) .play-mode-slide__surface{transform-origin:75% center}#lobby:not([hidden])[data-hub-tab=play] .play-mode-slide__surface{will-change:transform,opacity}.play-mode-slide[hidden]{display:none!important}.play-panel .mode-btn.ticket-action{width:100%;height:auto;max-height:none;aspect-ratio:4 / 3;min-height:0;padding:0;align-items:stretch;overflow:hidden;color:var(--bone-dim);border:0;background:linear-gradient(130deg,var(--mode-accent-soft),var(--mode-accent) 48%,var(--mode-deep));clip-path:var(--mode-shape);box-shadow:none;filter:none;transform:none;transition:transform .18s ease}.play-panel .mode-btn.ticket-action:before{content:"";position:absolute;z-index:3;inset:3px;border:1px solid rgba(var(--mode-rgb),.34);background:linear-gradient(132deg,rgba(var(--mode-rgb),.26),transparent 15% 78%,rgba(7,11,13,.62)),linear-gradient(180deg,transparent 72%,rgba(4,22,28,.48));clip-path:var(--mode-shape);pointer-events:none}.play-panel .mode-btn.ticket-action:after{content:none}.play-mode-card-media{position:absolute;inset:3px;z-index:0;overflow:hidden;background:var(--tar-soft);clip-path:var(--mode-shape);pointer-events:none;user-select:none}.play-mode-card-media:before{content:"";position:absolute;z-index:1;inset:0;background:var(--mode-art-wash);mix-blend-mode:screen;opacity:.72;pointer-events:none}.play-mode-card-media:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(ellipse at 50% 44%,transparent 42%,rgba(5,14,18,.24) 78%,rgba(3,9,12,.58) 100%),linear-gradient(180deg,transparent 0 42%,rgba(7,11,13,.16) 57%,rgba(7,11,13,.9) 100%),radial-gradient(circle,rgba(229,223,207,.09) 0 1px,transparent 1.4px) 0 0 / 9px 9px;pointer-events:none}.play-mode-card-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%;pointer-events:none;user-select:none;-webkit-user-drag:none;transition:none}.ticket-action--bot .play-mode-card-media img,.ticket-action--pvp .play-mode-card-media img,.ticket-action--story .play-mode-card-media img{object-position:center}.play-mode-card-media>i{position:absolute;z-index:2;top:16px;left:16px;padding:7px 11px 6px;color:var(--ink);background:var(--mana);font:italic 900 12px/1 var(--font-condensed);letter-spacing:.12em;transform:rotate(-1deg)}.play-panel .mode-btn.ticket-action .ticket-action__copy{position:absolute;z-index:2;right:18px;bottom:20px;left:18px;width:auto;display:grid;justify-items:start;gap:6px}.play-panel .mode-btn.ticket-action .ticket-action__label{color:var(--paper);font-size:clamp(28px,6.5cqw,46px);line-height:.88;text-shadow:3px 4px 0 rgba(7,11,13,.9)}.play-panel .mode-btn.ticket-action .ticket-action__meta{display:block;padding:0;color:var(--mana);background:transparent;clip-path:none;font-size:clamp(10px,2.2cqw,13px)}.play-panel .mode-btn.ticket-action:hover,.play-panel .mode-btn.ticket-action:focus-visible,.play-panel .mode-btn.ticket-action.is-selected{color:var(--paper);background:linear-gradient(130deg,var(--mode-accent-soft),var(--mode-accent) 48%,var(--mode-deep));filter:none;transform:none}.play-panel .mode-btn.ticket-action:hover .play-mode-card-media img,.play-panel .mode-btn.ticket-action:focus-visible .play-mode-card-media img,.play-panel .mode-btn.ticket-action.is-selected .play-mode-card-media img{transform:none}.play-panel .mode-btn.ticket-action:focus-visible{outline:none;background:var(--paper);filter:none}.play-panel .mode-btn.ticket-action:active{transform:none}.play-panel .mode-btn.ticket-action:disabled{background:#e5dfcf38;filter:none;opacity:.48}.play-mode-info{position:absolute;z-index:6;top:2px;right:-2px;width:44px;height:44px;padding:0;display:grid;place-items:center;color:var(--ink);isolation:isolate;overflow:hidden;border:0;background:var(--paper);clip-path:polygon(8% 0,100% 4%,96% 92%,84% 100%,0 94%,3% 12%);box-shadow:none;filter:drop-shadow(4px 5px 0 rgba(7,11,13,.82));cursor:pointer;transform:rotate(1.5deg) scale(.9);transition:transform .2s ease,background-color .2s ease}.play-mode-info:before{content:"";position:absolute;z-index:0;inset:2px;background:var(--mode-accent);clip-path:polygon(8% 0,100% 4%,96% 92%,84% 100%,0 94%,3% 12%);transition:background-color .2s ease}.play-mode-info svg{position:relative;z-index:1;width:25px;height:25px;display:block;fill:currentColor}.play-mode-slide:has(.mode-btn.is-selected) .play-mode-info{transform:rotate(1.5deg) scale(1)}.play-mode-info:hover,.play-mode-info:focus-visible{color:var(--ink);background:var(--paper);outline:none;filter:drop-shadow(0 0 12px rgba(var(--mode-rgb),.66)) drop-shadow(4px 5px 0 rgba(7,11,13,.82));transform:rotate(-2deg) scale(1.06)!important}.play-mode-info:hover:before,.play-mode-info:focus-visible:before{background:var(--mode-accent-soft)}.play-mode-start{position:absolute;z-index:8;right:0;bottom:13px;left:0;width:min(61%,360px);min-height:60px;margin:0 auto;isolation:isolate;overflow:hidden;border:0;color:#f8f3e8;background:linear-gradient(108deg,var(--mode-accent-soft) 0 18%,var(--mode-deep) 42%,var(--mode-accent) 68%,var(--mode-deep) 100%);clip-path:polygon(8% 0,93% 0,100% 48%,93% 100%,9% 100%,0 52%);filter:drop-shadow(0 0 4px rgba(128,239,255,.68)) drop-shadow(0 0 12px rgba(38,190,215,.38)) drop-shadow(5px 7px 0 rgba(4,9,12,.9));opacity:.42;transform:scale(.9);transition:opacity .2s ease,transform .24s ease,filter .22s ease}.play-mode-start>strong{position:relative;z-index:4;font:italic 900 clamp(31px,6.4cqw,42px)/.86 var(--font-condensed);letter-spacing:.035em;text-shadow:0 2px 0 var(--mode-deep),0 0 8px rgba(var(--mode-rgb),.76),2px 3px 0 rgba(3,11,14,.72)}.play-mode-start__signal{position:absolute;z-index:3;top:-35%;bottom:-35%;left:5%;width:18%;opacity:0;background:linear-gradient(90deg,transparent,rgba(226,253,255,.94),transparent);filter:blur(1px);pointer-events:none;transform:translate(-180%) skew(-17deg);will-change:transform,opacity}.play-mode-slide:has(.mode-btn.is-selected) .play-mode-start{opacity:1;transform:scale(1)}.play-mode-start:before{content:"";position:absolute;z-index:1;inset:2px 3px;width:auto;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 23%,rgba(7,11,13,.16) 70%,rgba(7,11,13,.58)),linear-gradient(105deg,rgba(255,255,255,.1) 0 20%,transparent 20.5% 71%,rgba(var(--mode-rgb),.18) 71.5%),radial-gradient(ellipse at 50% 8%,rgba(var(--mode-rgb),.58),transparent 52%),var(--mode-deep);clip-path:polygon(8% 0,93% 0,100% 48%,93% 100%,9% 100%,0 52%);box-shadow:inset 0 1px #e7feffb8,inset 0 -1px #02232db8;transition:filter .22s ease}.play-mode-start:after{content:"";position:absolute;z-index:2;inset:-12px;opacity:.62;background:radial-gradient(circle,rgba(242,255,255,.96) 0 1.35px,transparent 1.8px) 0 2px / 37px 29px,radial-gradient(circle,rgba(151,240,250,.74) 0 1px,transparent 1.55px) 12px 8px / 23px 19px,radial-gradient(circle,rgba(207,250,255,.68) 0 .8px,transparent 1.4px) -8px 12px / 47px 41px;pointer-events:none;animation:play-start-particles 6.2s cubic-bezier(.45,.05,.55,.95) infinite;animation-play-state:paused}#lobby:not([hidden]) #playPanel:not([hidden]) .play-mode-slide:has(.is-selected) .play-mode-start:after{animation-play-state:running}.is-transitioning #lobby .play-mode-start:after{animation-play-state:paused!important}.play-mode-start:hover,.play-mode-start:focus-visible{color:#fffdf5;outline:none;filter:drop-shadow(0 0 7px rgba(190,250,255,.98)) drop-shadow(0 0 23px rgba(55,211,233,.7)) drop-shadow(6px 8px 0 rgba(4,9,12,.92));transform:translateY(-2px) scale(1.018)}.play-mode-start:hover:before,.play-mode-start:focus-visible:before{filter:saturate(1.14) brightness(1.15)}.play-mode-start:disabled:before{background:#e5dfcf57}.play-mode-start:active{transform:translateY(1px) scale(.992);filter:drop-shadow(0 0 8px rgba(128,239,255,.72)) drop-shadow(3px 4px 0 rgba(4,9,12,.9))}.play-mode-start,.play-mode-start:hover,.play-mode-start:focus-visible,.play-mode-start:active,.play-mode-start:hover:before,.play-mode-start:focus-visible:before{filter:none}.play-mode-start{transition:opacity .2s ease,transform .2s ease}@keyframes play-start-particles{0%{transform:translate3d(-4px,2px,0) rotate(-2deg);opacity:.46}24%{transform:translate3d(5px,-3px,0) rotate(1deg);opacity:.72}55%{transform:translate3d(-3px,5px,0) rotate(2deg);opacity:.55}78%{transform:translate3d(4px,-4px,0) rotate(-1deg);opacity:.8}to{transform:translate3d(-4px,2px,0) rotate(-2deg);opacity:.46}}.play-mode-info-modal{position:absolute;z-index:90;inset:0;display:grid;place-items:center;padding:clamp(18px,5cqw,42px)}.play-mode-info-modal[hidden]{display:none!important}.play-mode-info-modal__backdrop{position:absolute;inset:0;width:100%;height:100%;background:#040709c7;backdrop-filter:blur(6px);cursor:default}.play-mode-info-modal__dialog{position:relative;z-index:1;width:min(88%,470px);padding:clamp(28px,6cqw,46px) clamp(24px,6cqw,42px) clamp(24px,5cqw,36px);color:var(--paper);border:2px solid rgba(229,223,207,.82);background:linear-gradient(112deg,rgba(85,199,216,.12) 0 34%,transparent 34.5%),radial-gradient(circle,rgba(229,223,207,.1) 0 1px,transparent 1.4px) 0 0 / 9px 9px,#0c1215;clip-path:polygon(2% 0,100% 1%,98% 91%,92% 100%,0 97%,0 8%);filter:drop-shadow(10px 12px 0 rgba(85,199,216,.28))}.play-mode-info-modal__close{position:absolute;z-index:2;top:14px;right:14px;width:40px;height:40px;padding:0;display:grid;place-items:center;color:var(--bone-dim);border:1px solid rgba(229,223,207,.42);background:#070b0db8;cursor:pointer;transform:none;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.play-mode-info-modal__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:square}.play-mode-info-modal__close:hover,.play-mode-info-modal__close:focus-visible{color:var(--ink);border-color:var(--mana);background:var(--mana);outline:none}.play-mode-info-modal__meta{display:inline-block;margin-bottom:10px;color:var(--mana);font:italic 900 13px/1 var(--font-condensed);letter-spacing:.13em}.play-mode-info-modal__dialog h2{margin:0 0 16px;font:900 clamp(34px,8cqw,54px)/.94 var(--font-ui);letter-spacing:-.05em}.play-mode-info-modal__dialog p{margin:0;color:var(--bone-dim);font:700 clamp(16px,3.7cqw,20px)/1.55 var(--font-ui);word-break:keep-all}.play-mode-info-modal__confirm{width:100%;min-height:52px;margin-top:26px;color:var(--ink);border:0;background:var(--paper);clip-path:polygon(2% 0,100% 3%,97% 100%,0 95%);font:900 19px/1 var(--font-ui);cursor:pointer}.hub-tabs{border-top:1px solid rgba(85,199,216,.34);background:linear-gradient(90deg,transparent,rgba(85,199,216,.07),transparent),#070b0df5}.hub-tab,.hub-tab:hover,.hub-tab:focus{color:var(--bone-dim);border-radius:0;background:transparent}.hub-tab.is-active{color:var(--paper);background:linear-gradient(180deg,rgba(85,199,216,.14),transparent);box-shadow:inset 0 3px 0 var(--mana)}.wallet-chip,.wallet-chip:hover,.wallet-chip:focus{color:var(--paper);border-color:#e5dfcf3d;border-radius:0;background:#090f12e6;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}.shop-section,.deck-detail,.deck-card-picker,.prototype-modal__dialog,.pack-open-sheet{border-color:#e5dfcf38;background:linear-gradient(135deg,rgba(85,199,216,.045),transparent 38%),var(--tar-soft)}.card{filter:drop-shadow(4px 5px 0 rgba(7,11,13,.92))}.card>.card-inner{border-color:#e5dfcf94;background:var(--tar-soft);clip-path:none}.card>.card-inner:after{content:"";position:absolute;z-index:10;inset:4px;pointer-events:none;border:1px solid rgba(85,199,216,.24);clip-path:inherit}.card .name{color:var(--paper);word-break:keep-all;background:transparent;border:0;font-family:var(--font-condensed);letter-spacing:.02em;-webkit-text-stroke:.35px rgba(7,11,13,.96);paint-order:stroke fill;text-shadow:-2px -2px 0 var(--ink),2px -2px 0 var(--ink),-2px 2px 0 var(--ink),2px 2px 0 var(--ink),0 4px 3px rgba(7,11,13,.92)}.card .name.name--compact{font-size:calc(var(--card-label-size) * .78);line-height:.96}.card .name.name--tight{font-size:calc(var(--card-label-size) * .62);line-height:.98;letter-spacing:-.015em}.deck-card-modal-live-card>.card-inner{background:radial-gradient(circle at 50% 38%,rgba(85,199,216,.12),transparent 54%),var(--tar)}.deck-card-modal-live-card .card-art{opacity:1;filter:saturate(.9) contrast(1.06)}.card .pow{filter:sepia(.45) hue-rotate(335deg) saturate(.75)}.card-tooltip,.deck-card-modal-dialog{border-color:#55c7d873;background:#090f12fa;box-shadow:7px 7px #b5693d59}.versus-screen{background:radial-gradient(circle at 72% 16%,rgba(181,105,61,.13),transparent 34%),radial-gradient(circle at 24% 84%,rgba(85,199,216,.14),transparent 36%),var(--tar)}.versus-speed-lines{opacity:.11;background:repeating-linear-gradient(165deg,transparent 0 31px,rgba(229,223,207,.12) 32px 33px,transparent 34px 66px)}.versus-fighter{background:var(--tar-soft)}.versus-fighter:after{opacity:.16;background:radial-gradient(circle,var(--paper) 0 .7px,transparent 1px) 0 0 / 11px 11px}.versus-name,.versus-fighter-opp .versus-name{color:var(--paper);text-shadow:5px 6px 0 var(--copper-dark)}.versus-fighter-opp .versus-name{text-shadow:-5px 6px 0 var(--mana-deep)}.versus-side-label,.versus-fighter-opp .versus-side-label{color:var(--mana)}.versus-center-line{background:repeating-linear-gradient(104deg,transparent 0 22px,rgba(229,223,207,.055) 23px 25px,transparent 26px 45px),var(--tar);box-shadow:0 -7px 0 var(--copper),0 8px 0 var(--mana),0 18px 34px #070b0d94}.versus-center-line:before{background:linear-gradient(90deg,rgba(181,105,61,.28),transparent 38% 62%,rgba(85,199,216,.28))}.versus-center-line:after{background:var(--paper);box-shadow:-6px 0 0 var(--copper),6px 0 0 var(--mana)}.versus-center strong{color:var(--paper);text-shadow:-7px 5px 0 var(--copper),7px -4px 0 var(--mana-deep),11px 11px 0 var(--ink)}.versus-status button,.versus-status button:hover,.versus-status button:focus-visible{color:var(--ink);border-color:var(--paper);background:var(--paper);box-shadow:4px 4px 0 var(--copper)}#game{border-color:#e5dfcf29;background:radial-gradient(circle at 50% 50%,rgba(85,199,216,.06),transparent 38%),radial-gradient(circle,rgba(229,223,207,.025) 0 .7px,transparent 1px) 0 0 / 9px 9px,var(--tar)}#game:before{content:"SOUL SEAM / 04  \2022   RITE LIVE";color:#e5dfcf2e}.zone-top{border-bottom-color:#55c7d857;background:#070b0de6}.zone-bottom{background:linear-gradient(0deg,rgba(17,26,29,.76),transparent 72%)}.char-badge{color:var(--paper);border-color:#e5dfcfb3;background:var(--tar-soft);box-shadow:4px 4px color-mix(in srgb,var(--badge-color, var(--mana)) 62%,var(--tar))}.hp-bar{border-color:#e5dfcfb8;background:var(--rail-track)}.hp-bar .fill{background:linear-gradient(90deg,var(--mana-deep),var(--mana) 64%,var(--paper))}.gauge-bar{border-color:#e5dfcf6b;background:var(--rail-track)}.gauge-fill{background:linear-gradient(90deg,var(--copper-dark),var(--copper))}#game .rail{border-color:#55c7d861;background:repeating-linear-gradient(90deg,transparent 0 calc(var(--w-unit) - 1px),rgba(229,223,207,.065) var(--w-unit) calc(var(--w-unit) + var(--rail-gap))),var(--rail-track);box-shadow:5px 5px #b5693d33}#game .player.me .rail{box-shadow:5px 5px #55c7d833}.rail-draw-fill{background:var(--mana)}.arena{background:linear-gradient(90deg,transparent 49.85%,rgba(85,199,216,.42) 50%,transparent 50.15%),radial-gradient(circle at 50% 50%,rgba(85,199,216,.08),transparent 44%),var(--tar)}.connection-overlay{background:#070b0dd6}.connection-card{border-color:var(--paper);background:linear-gradient(135deg,rgba(85,199,216,.08),transparent 42%),var(--tar-soft);box-shadow:10px 11px 0 var(--copper-dark)}.connection-card>span{color:var(--mana)}#endOverlay.result-win{--result-accent: var(--mana);--result-shadow: var(--copper-dark);--result-wash: rgba(85, 199, 216, .17)}#endOverlay.result-lose{--result-accent: var(--copper);--result-shadow: var(--bruise);--result-wash: rgba(181, 105, 61, .17)}#endOverlay.result-draw{--result-accent: var(--paper);--result-shadow: var(--mana-deep);--result-wash: rgba(115, 85, 110, .18)}#endOverlay:before{background:linear-gradient(110deg,rgba(7,11,13,.99) 0 35%,rgba(7,11,13,.76) 54%,transparent 75%),linear-gradient(165deg,transparent 0 63%,var(--result-wash) 63.2% 100%),radial-gradient(circle at 82% 28%,transparent 0 24%,rgba(7,11,13,.74) 74%)}.result-charname,.result-finish{box-shadow:5px 5px 0 var(--copper-dark)}.result-stats{border-top-color:var(--mana);border-bottom-color:#e5dfcf3d;background:#070b0deb}#backToLobbyBtn{color:var(--paper);border-color:var(--paper);background:var(--tar)}#rejoinBtn,#rejoinBtn:hover,#rejoinBtn:focus,#rejoinBtn:active{color:var(--ink);border-color:var(--ink);background:var(--result-accent);box-shadow:inset 0 -5px 0 var(--result-shadow),6px 6px #070b0dcc}.starter-product-card .booster-pack-single,.starter-product-card .shop-purchase-pack-art{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.94) contrast(1.04) brightness(.94) drop-shadow(0 12px 9px rgba(0,0,0,.7))}.booster-product-art--box .booster-product-logo{top:69%;left:49%;width:31%;transform:translate(-50%,-50%) rotate(-1deg)}.booster-product-art--box .booster-product-name{bottom:9%;left:24%;width:52%;min-height:8%;background:transparent;font-size:clamp(12px,2.4cqw,18px);text-shadow:3px 3px 0 #000;transform:rotate(-1deg)}@container stage (max-width: 520px){.intro-key-art{inset:0;width:100%;height:100%;object-position:91% center;opacity:.84}.intro-brand,#intro .intro-auth-actions{left:0}.intro-brand{width:calc(100% - 36px)}.play-mode-art{right:-5%;width:82%}.versus-screen:after{top:27%}}@container stage (max-height: 720px){.hub-content>.play-panel{--play-card-width: clamp(210px, 58cqw, 340px)}.play-mode-controls{top:calc(var(--hub-content-top) + 16px);bottom:calc(var(--hub-content-bottom) + 8px);gap:8px}.play-mode-start{min-height:54px}}@media(prefers-reduced-motion:reduce){.play-mode-art,.play-mode-slide__surface,.intro-key-art,.card,.hub-tab,.play-mode-start,.play-mode-start:after{transition:none!important;animation:none!important}}@media(hover:none),(max-width:720px){.play-mode-info-modal__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}#stage.is-fluid-stage,#stage.is-combat-stage{top:calc(var(--viewport-y, 0px) + var(--viewport-h, 100dvh) / 2);left:calc(var(--viewport-x, 0px) + var(--viewport-w, 100vw) / 2);width:var(--stage-w, 1600px);height:var(--stage-h, 900px);min-height:0;transform:translate(-50%,-50%) scale(var(--stage-scale, 1));transform-origin:50% 50%}#lobby[data-hub-tab=play] .hub-main{overflow:visible}#lobby[data-hub-tab=play] .hub-content{left:calc((100% - var(--stage-w, 1600px)) / 2);right:calc((100% - var(--stage-w, 1600px)) / 2)}#lobby[data-hub-tab=play] #playPanel{scrollbar-gutter:auto}.intro-loader{position:absolute;z-index:8;bottom:max(32px,env(safe-area-inset-bottom));left:50%;width:min(520px,calc(100% - 48px));transform:translate(-50%);color:#e5dfcf;text-shadow:1px 2px 0 #070b0d}.intro-loader__percent{display:block;margin-bottom:10px;text-align:center;font:700 20px/1 var(--font-condensed);font-variant-numeric:tabular-nums}.intro-loader__track{height:5px;background:#e5dfcf26;box-shadow:0 1px 8px #070b0d80;overflow:hidden}.intro-loader__track i{display:block;width:100%;height:100%;background:#55c7d8;transform:scaleX(0);transform-origin:left;transition:transform .15s linear}.intro-loader__error{display:none;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font:600 13px/1.5 var(--font-ui)}#intro[data-boot-state=error] .intro-loader__error{display:flex}.intro-loader__error button{min-height:44px;padding:8px 16px;color:#070b0d;background:#e5dfcf;border:0;white-space:nowrap}#intro[data-boot-state=loading] .intro-brand,#intro[data-boot-state=error] .intro-brand,#intro[data-boot-state=loading] .intro-auth-btn,#intro[data-boot-state=error] .intro-auth-btn,#intro[data-boot-state=loading] .intro-foot,#intro[data-boot-state=error] .intro-foot{visibility:hidden}#intro[data-boot-state=revealing] .intro-auth-btn{transition:none}#intro .intro-key-art,#intro .intro-auth-btn{animation:none}#intro .logo-particles,#intro .logo-surge{display:none}#stage:has(#intro:not([hidden]):not([data-boot-state=ready])) #soundControl{visibility:hidden}@media(prefers-reduced-motion:reduce){.intro-loader__track i{transition:none}}#intro{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(160px,1fr) auto auto;align-items:center;justify-items:center;gap:clamp(16px,3cqh,32px);padding:max(32px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left));overflow:auto;overscroll-behavior:contain}#intro .intro-brand{grid-area:1 / 1;width:min(100%,580px);left:auto;transform:none}#intro .intro-logo{width:100%;max-width:580px}#intro .intro-auth-actions{grid-area:2 / 1;width:min(100%,420px);left:auto;margin:0;gap:12px}#intro .intro-auth-btn{min-height:60px;padding-inline:58px 24px}#intro .intro-auth-label{font-size:clamp(18px,5cqw,26px)}#intro .intro-foot{grid-area:3 / 1;position:relative;inset:auto;transform:none;width:80px}#intro.intro-enter .intro-foot{animation:none}.account-page-shell{width:min(100%,960px)}.account-page-header{min-height:clamp(112px,20cqh,170px)}.account-page-back{min-width:48px;min-height:48px}.account-page-logo{max-height:130px;object-fit:contain}.shop-purchase-modal,.pack-open-modal{overscroll-behavior:contain}.shop-purchase-sheet{max-height:calc(100cqh - 36px)}.shop-purchase-sheet>*{flex-shrink:0}.shop-purchase-modal[data-product-type=starter] .shop-purchase-sheet{justify-content:flex-start}#lobby:has(#deckPanel:not([hidden])) .hub-content,#lobby:has(#shopPanel:not([hidden])) .hub-content{top:0;bottom:0}#stage.is-fluid-stage .hub-content>.deck-panel,#stage.is-fluid-stage .hub-content>.shop-panel{padding-top:var(--hub-content-top);padding-bottom:var(--hub-content-bottom);scroll-padding-block:var(--hub-content-top) var(--hub-content-bottom)}.hub-tabs,#stage.is-fluid-stage .hub-tabs{border:0;background:transparent;pointer-events:none;filter:drop-shadow(0 2px 1px #050709) drop-shadow(0 5px 8px rgba(0,0,0,.85))}.hub-tabs .hub-tab{pointer-events:auto}#stage .hub-tabs .hub-tab{--dock-edge: rgba(242, 234, 220, .65);color:#f2eadce0;background:var(--dock-edge)}#stage .hub-tabs .hub-tab:before{inset:2px}#stage .hub-tabs .hub-tab-code,#stage .hub-tabs .hub-tab:after{display:none}#stage .hub-tabs .hub-tab{gap:0}#stage .hub-tabs .hub-tab.is-active:before{background:linear-gradient(105deg,rgba(131,212,220,.08),rgba(131,212,220,.8) 42%,rgba(131,212,220,.8) 58%,transparent),radial-gradient(ellipse at 95% 100%,rgba(11,37,43,.22),transparent 65%),radial-gradient(circle,rgba(11,37,43,.2) 0 1px,transparent 1.4px) 0 0 / 5px 5px,radial-gradient(circle,rgba(242,234,220,.24) 0 .7px,transparent 1.1px) 2px 1px / 7px 9px,linear-gradient(165deg,#9bdee2,#72c3ce)}#stage .hub-tabs .hub-tab.is-active .hub-tab-label{color:#0b252b;text-shadow:none}#stage .hub-tabs .hub-tab-label{text-shadow:0 2px 2px rgba(0,0,0,.9)}.product-opening__scene{padding-inline:clamp(16px,4cqw,64px)}.step-guide__sheet{min-height:0;max-height:calc(100cqh - 48px);overflow-y:auto;overscroll-behavior:contain;grid-template-rows:auto minmax(220px,1fr) auto auto auto}.step-guide__actions button{min-height:48px}.combat-layout-hint{display:none!important}@media(min-width:900px){#intro{grid-template-columns:minmax(0,560px) minmax(0,1fr);padding-inline:max(48px,calc((100cqw - 1360px)/2));padding-top:48px;padding-bottom:28px}#intro .intro-key-art{object-position:75% center}#intro .intro-brand{align-self:center}#intro .intro-auth-actions{width:min(90%,460px)}}@media(orientation:landscape)and (max-height:540px){#intro{grid-template-columns:minmax(0,1fr) minmax(240px,1fr);grid-template-rows:minmax(180px,1fr) auto;gap:12px 28px;padding-top:max(18px,env(safe-area-inset-top))}#intro .intro-auth-actions{grid-area:1 / 2 / 3 / 3}#intro .intro-foot{grid-area:2 / 1;width:64px}#intro .intro-auth-btn{min-height:52px}.account-page-header{min-height:100px}}@media(max-width:380px){#intro{padding-inline:18px}#intro .intro-auth-label{font-size:20px}}.screen-transition{--transition-from: -125%;--transition-to: 125%;--transition-skew: -8deg;position:fixed;inset:0;z-index:20000;overflow:hidden;visibility:hidden;pointer-events:none}.screen-transition.reverse{--transition-from: 125%;--transition-to: -125%;--transition-skew: 8deg}.screen-transition.active{visibility:visible;pointer-events:all}.transition-sheet{position:absolute;top:-10%;left:-12vh;width:calc(100% + 24vh);height:120%;transform:translate3d(var(--transition-from),0,0) skew(var(--transition-skew));contain:strict;backface-visibility:hidden}.screen-transition.active .transition-sheet{will-change:transform}.sheet-ink{z-index:1;background:var(--signal)}.sheet-halftone{z-index:4;background:radial-gradient(circle,rgba(242,234,220,.34) 0 1.5px,transparent 1.8px) 0 0 / 9px 9px,linear-gradient(105deg,#14171d 0 47%,#08090c 47.2% 100%)}.screen-transition[data-phase=covered] .transition-sheet{transform:translateZ(0) skew(var(--transition-skew))}.screen-transition[data-phase=opening] .transition-sheet{transform:translate3d(var(--transition-to),0,0) skew(var(--transition-skew))}.screen-transition.reduced-motion .transition-sheet{transform:translateZ(0) skew(var(--transition-skew))}.transition-stamp{position:absolute;top:50%;left:50%;z-index:6;min-width:min(68vw,520px);padding:clamp(22px,4vh,34px) clamp(30px,7vw,48px) clamp(19px,3vh,28px);overflow:hidden;color:var(--ink, #08090c);border:0;background:radial-gradient(circle,rgba(8,9,12,.12) 0 1.2px,transparent 1.55px) 0 0 / 8px 8px,var(--paper);opacity:0;transform:translate(-50%,-50%) scale(1) rotate(-2deg);clip-path:polygon(7% 0,71% 4%,78% 0,100% 10%,96% 43%,100% 52%,93% 100%,20% 96%,14% 100%,0 84%,4% 29%,0 18%);text-align:center;filter:none}.transition-stamp:after{content:"///";position:absolute;right:clamp(22px,5vw,34px);bottom:14px;z-index:1;color:var(--signal);font:italic 900 18px/1 var(--font-condensed);letter-spacing:-.16em;transform:rotate(-5deg)}.screen-transition[data-phase=covered] .transition-stamp{opacity:1}.screen-transition.reduced-motion .transition-stamp{display:none}.screen-transition.active .transition-stamp{will-change:transform,opacity}.screen-transition.reduced-motion{opacity:0}.screen-transition.reduced-motion[data-phase=covered]{opacity:1}.transition-code{position:relative;z-index:1;display:inline-block;padding:4px 9px 3px;color:var(--paper);background:var(--signal);font:900 11px/1 var(--font-condensed);letter-spacing:.24em;transform:translate(-4%) rotate(-1deg)}.transition-stamp strong{position:relative;z-index:1;display:block;margin-top:10px;font:italic 400 clamp(44px,9vw,92px)/.88 var(--font-display);letter-spacing:-.05em;color:var(--ink, #08090c);text-shadow:3px 4px 0 var(--signal);-webkit-text-stroke:0;paint-order:normal;transform:translate(-3%)}.is-transitioning{cursor:progress}@media(max-width:420px){.transition-stamp{min-width:82vw}}.asset-gate{position:fixed;inset:0;z-index:24000;display:grid;place-items:center;background:#070b0df5;color:var(--paper,#e5dfcf)}.asset-gate[hidden]{display:none}.asset-gate__panel{width:min(360px,80vw);text-align:center}.asset-gate strong{font-size:32px}.asset-gate [role=progressbar]{height:7px;margin:24px 0 12px;background:#27363b;overflow:hidden}.asset-gate i{display:block;height:100%;background:var(--mana,#55c7d8);transform:scaleX(0);transform-origin:left}.asset-gate output{font-size:24px}.asset-gate p{line-height:1.6}.asset-gate__actions{display:flex;gap:12px;margin-top:24px}.asset-gate__actions[hidden]{display:none}.asset-gate button{flex:1;min-height:52px;background:var(--paper,#e5dfcf);color:#070b0d;border:0;font:inherit;cursor:pointer}.color-lab-dialog{--lab-paper: #e5dfcf;color:var(--lab-paper);background:#10171b;width:min(940px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:clamp(18px,3vw,32px);box-sizing:border-box;overflow-y:auto;border:1px solid #727871;border-top:5px solid #58b86b;font-family:var(--font-condensed);overscroll-behavior:contain}.color-lab-dialog::backdrop{background:#000c}.color-lab-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.color-lab-dialog header small{color:#80cf8f;font:800 13px/1.2 var(--font-condensed);letter-spacing:.12em}.color-lab-dialog h2{margin:8px 0 0;font:400 clamp(28px,5vw,44px)/1.15 var(--font-display)}.color-lab-close{width:48px;height:48px;flex-shrink:0;padding:0;background:#55c7d8;color:#070b0d;border:2px solid var(--lab-paper);font-size:32px;cursor:pointer}.color-lab-rule{font:700 16px/1.6 var(--font-condensed);margin:16px 0}.color-lab-display{margin:0;padding:12px;display:flex;flex-wrap:wrap;gap:12px 24px;border:1px solid #526060;font-size:15px}.color-lab-display legend{padding:0 5px}.color-lab-display label{cursor:pointer}.color-lab-display input{accent-color:#58b86b}.color-lab-legend{margin:12px 0 28px;color:#c5c5b9;font-size:14px;line-height:1.6}.color-lab-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}.color-lab-cards article{min-width:0}.color-lab-cards article>p{text-align:center;margin:10px 0 0;color:#c5c5b9;font-size:13px}.color-lab-cards .color-lab-card{--w-unit: 100px;--card-label-size: 21px;position:relative;width:100%;height:auto;min-width:0;max-width:none;box-sizing:border-box;transform:none}.color-lab-cards .color-lab-card>.card-inner{width:100%;height:100%}.color-lab-dialog details{margin-top:24px;color:#c5c5b9;font-size:14px;line-height:1.6}.color-lab-dialog summary{cursor:pointer}.color-lab-dialog footer{margin-top:20px}.color-lab-dialog footer p{font-size:13px;color:#c5c5b9;line-height:1.5}.color-lab-start{width:100%;padding:17px;border:0;background:var(--lab-paper, #e5dfcf);color:#070b0d;font:400 22px/1.3 var(--font-display);cursor:pointer;clip-path:polygon(2% 0,100% 0,98% 100%,0 100%)}.color-lab-preset{position:relative;border-color:#58b86b;background-image:linear-gradient(120deg,#532624 0 50%,#193c2a 50%)}.color-lab-dialog :focus-visible{outline:3px solid #55c7d8;outline-offset:3px}.prototype-card--color{border-color:#58b86b}.char-badge.color-lab-leader{background:linear-gradient(120deg,#9b2928 50%,#24623b 50%);border-color:#e5dfcf}.color-lab-leader-mark{display:grid;place-content:center;text-align:center;color:#e5dfcf;font:900 20px/1.3 var(--font-condensed)}.color-lab-leader-mark small{font-size:11px}@media(max-width:600px){.color-lab-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.color-lab-cards .color-lab-card{--card-label-size: 17px}.color-lab-rule{font-size:14px}}#versusScreen{--versus-center-y: calc(50% - 26px) }#versusScreen:after,#versusScreen .versus-speed-lines{display:none}#versusScreen:before{opacity:.1}#versusScreen .versus-fighter-opp{top:0;bottom:auto;height:calc(var(--versus-center-y) + 34px);clip-path:polygon(0 0,100% 0,100% calc(100% - 68px),0 100%)}#versusScreen .versus-fighter-me{top:calc(var(--versus-center-y) - 34px);bottom:0;height:auto;clip-path:polygon(0 68px,100% 0,100% 100%,0 100%)}.versus-identity{position:absolute;z-index:9;left:24px;right:24px;color:var(--paper)}.versus-identity--me{top:calc(var(--versus-center-y) + 66px);text-align:left}.versus-identity--opp{bottom:calc(100% - var(--versus-center-y) + 74px);text-align:right}.versus-identity-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.versus-identity--opp .versus-identity-heading{justify-content:flex-end}.versus-name-row{display:flex;align-items:center;gap:24px}.versus-identity--opp .versus-name-row{flex-direction:row-reverse}.versus-identity .versus-side-label{margin:0;color:var(--mana);font:400 18px/1.2 var(--font-display);letter-spacing:0}.versus-identity .versus-name{display:block;min-width:0;font-size:36px;line-height:1.05;white-space:normal;overflow-wrap:normal;word-break:keep-all;text-shadow:3px 4px 0 var(--ink)}html[lang=ko] .versus-identity .versus-name.is-korean{font-family:var(--font-body-ko);font-style:normal;font-weight:900;font-synthesis:none;letter-spacing:-.045em}.versus-ready-state{position:relative;flex:0 0 256px;text-align:center;color:var(--paper);font:400 18px/1.2 var(--font-display)}.versus-ready-state b{position:relative;z-index:1}.versus-ready-state.is-ready{color:var(--paper);font:italic 900 104px/.95 var(--font-condensed);letter-spacing:-.035em;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink),6px 6px 0 var(--mana-deep),9px 9px 0 var(--ink);transform:rotate(-6deg);isolation:isolate}.versus-identity--opp .versus-ready-state.is-ready{transform:rotate(6deg);text-shadow:3px 3px 0 var(--ink),6px 6px 0 var(--copper),9px 9px 0 var(--ink)}.versus-ready-state.is-ready:before{content:"";position:absolute;z-index:-1;inset:12% -6px -5%;background:linear-gradient(100deg,var(--mana-deep),var(--ink) 78%);clip-path:polygon(6% 8%,100% 0,94% 86%,0 100%);opacity:.9}.versus-identity--opp .versus-ready-state.is-ready:before{background:linear-gradient(100deg,var(--copper),var(--ink) 78%)}.versus-ready-state.is-ready:after{content:"";position:absolute;inset:auto 0 -10px;height:9px;background:linear-gradient(90deg,var(--mana) 0 72%,transparent 72% 76%,var(--paper) 76%);clip-path:polygon(8% 0,100% 0,92% 100%,0 100%)}.versus-identity--opp .versus-ready-state.is-ready:after{background:linear-gradient(90deg,var(--copper) 0 72%,transparent 72% 76%,var(--paper) 76%)}#versusScreen .versus-center-line{top:var(--versus-center-y);left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#e5dfcf60 20%,transparent 40% 60%,#55c7d870 80%,transparent);transform:translateY(-50%) skewY(-7.18deg);clip-path:none;box-shadow:none;animation:none}#versusScreen .versus-center-line:before,#versusScreen .versus-center-line:after{display:none}#versusScreen .versus-review-state:has(#versusStatusText:empty){visibility:hidden}#versusReadyLabel{font-family:var(--font-display);font-weight:400}.versus-countdown,#versusImpact{position:absolute;top:var(--versus-center-y);left:0;width:100%;height:112px;transform:translateY(-50%);display:grid;place-content:center;text-align:center}.versus-countdown b{font:italic 900 68px/.9 var(--font-condensed);font-variant-numeric:tabular-nums;color:var(--paper);text-shadow:0 3px 0 var(--ink),0 0 12px var(--ink)}.versus-countdown span{margin-top:8px;color:var(--paper);font:700 12px/1 var(--font-ui);text-shadow:0 2px 3px var(--ink)}#versusScreen #versusMark{position:relative;top:auto;left:auto;opacity:0;visibility:hidden;transform:none;font-size:224px;letter-spacing:-.12em;padding-right:.12em;-webkit-text-stroke:2px var(--ink);text-shadow:-8px 6px 0 var(--copper),8px -5px 0 var(--mana),14px 14px 0 var(--ink);animation:none}.versus-bolt{position:absolute;top:-9px;width:50%;height:130px;overflow:visible;pointer-events:none}.versus-bolt--left{left:0}.versus-bolt--right{right:0}.bolt-leader,.bolt-channel,.bolt-corona,.bolt-branches,.bolt-return,.bolt-sparks{opacity:0}.bolt-leader path{fill:none;stroke:#70e9f7;stroke-width:1.5}.bolt-corona path{fill:none;stroke:#27cbe9;stroke-width:24}.bolt-sheath{fill:#51dbf2}.bolt-core{fill:#f2ffff}.bolt-branch{fill:#9df3fa}.bolt-return{fill:#eaffff}.bolt-sparks{fill:#d9fcff}.versus-impact-flare{position:absolute;left:calc(50% - 150px);top:-54px;width:300px;height:220px;opacity:0;background:radial-gradient(ellipse,#e8ffff 0 5%,#72e7f1 18%,#36b7da60 38%,transparent 65%);clip-path:polygon(50% 0,55% 33%,84% 13%,65% 41%,100% 50%,63% 57%,87% 87%,56% 68%,50% 100%,44% 68%,12% 89%,34% 58%,0 50%,34% 43%,13% 14%,45% 32%)}@media(prefers-reduced-motion:reduce){.versus-bolt,.versus-impact-flare{display:none}}#deckPanel .deck-detail-head{gap:8px}#deckPickerToggle{width:100%;min-width:0;min-height:52px;padding:4px;display:flex;align-items:center;gap:10px;color:var(--paper);background:transparent;border:0;border-radius:0;box-shadow:none;clip-path:none;transform:none;text-align:left}#deckPickerToggle:hover,#deckPickerToggle[aria-expanded=true]{background:#55c7d812}#deckPickerPortrait{width:44px;height:48px;flex:0 0 44px;object-fit:cover;border-left:3px solid var(--mana);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}#deckPickerPortrait[hidden],#deckPickerToggle[hidden]{display:none}#deckDetailTitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 clamp(17px,2.5cqw,27px)/1.3 var(--font-ui)}#deckPickerToggle svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:var(--mana);stroke-width:2.5}#deckPickerToggle:focus-visible,#deckPicker button:focus-visible{outline:2px solid var(--mana);outline-offset:-3px}#deckPanel .deck-menu-btn{min-width:44px;min-height:44px}.deck-picker{position:fixed;inset:auto;margin:0;padding:0;width:min(400px,calc(100vw - 24px));max-width:none;box-sizing:border-box;max-height:min(560px,calc(100dvh - 24px));overflow:hidden;color:var(--paper);border:1px solid #e5dfcf30;border-radius:0;background:#10161a;box-shadow:0 18px 60px #0009;transform:translateY(var(--picker-offset, 12px));opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}.deck-picker:not([open]){display:none}.deck-picker[open]{display:flex;flex-direction:column}.deck-picker[data-state=open]{transform:translateY(0);opacity:1}.deck-picker[data-state=closing]{transition-duration:.2s,.18s;transition-timing-function:cubic-bezier(.4,0,.8,.4),ease}.deck-picker[data-state=closing]>*{pointer-events:none}.deck-picker::backdrop{background:#0003;opacity:0;transition:opacity .2s ease}.deck-picker[data-state=open]::backdrop{opacity:1}.deck-picker-head{position:relative;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px 14px 12px 20px}.deck-picker-head:before{content:"";position:absolute;top:0;left:20px;width:56px;height:3px;background:var(--mana);transform:skew(-25deg)}.deck-picker-head h2{display:flex;align-items:center;gap:10px;margin:0;font:400 23px/1.4 var(--font-ui);letter-spacing:-.035em}#deckPickerClose{width:44px;height:44px;padding:0;color:var(--paper);background:transparent;border:0;border-radius:0;box-shadow:none;clip-path:none;transform:none;font:600 28px/1 var(--font-condensed)}#deckPickerClose:hover{color:var(--mana);background:#55c7d812}.deck-picker-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 12px 12px;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:var(--mana) transparent}#deckSavedPresets{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}#deckPicker .deck-picker-option{position:relative;flex:0 0 auto;width:100%;min-height:88px;display:grid;grid-template-columns:60px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:8px 12px 8px 8px;border:0;border-left:3px solid transparent;border-radius:0;background:#ffffff04;color:var(--paper);text-align:left;box-shadow:none;clip-path:none;transform:none}#deckPicker .deck-picker-option:hover{background:#ffffff0b}#deckPicker .deck-picker-option.is-selected{border-left-color:var(--mana);background:#55c7d81a}.deck-picker-art{width:60px;height:72px;object-fit:cover;grid-column:1;background:var(--ink);clip-path:polygon(12% 0,100% 0,100% 88%,88% 100%,0 100%,0 12%)}.deck-picker-copy{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:6px}.deck-picker-copy strong{font:400 17px/1.4 var(--font-ui);overflow-wrap:anywhere}.deck-picker-copy small{font:600 12px/1.4 var(--font-condensed);letter-spacing:.05em;color:#a4b0b5;overflow-wrap:anywhere}.deck-picker-check{grid-column:3;width:28px;height:28px;display:grid;place-items:center;color:var(--ink);background:var(--mana);clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%);font:700 18px/1 sans-serif;visibility:hidden}.is-selected .deck-picker-check{visibility:visible}.deck-picker-create-icon{display:grid;place-items:center;box-sizing:border-box;border:1px dashed #55c7d870;clip-path:none;color:var(--mana);background:#55c7d808;font:400 36px/1 var(--font-ui)}#deckAddBtn:disabled{opacity:.4;cursor:not-allowed}#deckPresetCount{color:#e5dfcf99;font:700 14px/1 var(--font-condensed);white-space:nowrap}body.has-deck-picker{overflow:hidden}@media(max-width:640px){.deck-picker{--picker-offset: calc(100% + 24px) ;inset:auto 0 0;width:100%;max-height:min(76dvh,660px);border-right:0;border-left:0;opacity:1}.deck-picker::backdrop{background:#0009}.deck-picker-head{padding:22px 14px 14px 20px}.deck-picker-head h2{font-size:26px}.deck-picker-list{padding-bottom:max(12px,env(safe-area-inset-bottom))}#deckPickerToggle{gap:7px}#deckPickerPortrait{width:34px;height:42px;flex-basis:34px}#deckPickerToggle svg{width:14px;flex-basis:14px}}@media(prefers-reduced-motion:reduce){.deck-picker,.deck-picker::backdrop{transition:none}}#deckCollectionView .collection-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:0 0 10px;border-bottom:1px solid #e5dfcf35}.collection-colors{min-width:0;display:flex;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#55c7d860 transparent}#collectionColorFilters button{flex:0 0 auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;padding:4px 10px;color:#e5dfcf99;background:transparent;border:0;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;clip-path:none;transform:none;font:400 15px/1.3 var(--font-ui);white-space:nowrap}#collectionColorFilters .color-gem{display:block;flex:0 0 auto;width:26px;height:32px;color:var(--filter-color);overflow:visible;filter:drop-shadow(0 2px 1px #0009)}#collectionColorFilters button:hover{color:var(--paper);background:#ffffff08}#collectionColorFilters button[aria-pressed=true]{color:var(--paper);border-bottom-color:var(--filter-color, var(--mana));background:#ffffff0b}#collectionColorFilters button[aria-pressed=true] .color-gem{transform:translateY(-2px);filter:drop-shadow(0 2px 1px #0009) drop-shadow(0 0 4px var(--filter-color))}#collectionColorFilters button[data-collection-color=black][aria-pressed=true]{border-bottom-color:#9e9aa9}.collection-tools{display:flex;align-items:center}#collectionFilterToggle{position:relative;display:flex;align-items:center;justify-content:center;gap:6px}#collectionFilterToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}#collectionFilterBadge{font:700 12px/1 var(--font-condensed)}#collectionFilterBadge[hidden]{display:none}#collectionFilterToggle,#collectionFilterReset{min-height:44px;padding:8px 12px;color:var(--paper);background:transparent;border:1px solid #e5dfcf40;border-radius:0;box-shadow:none;clip-path:none;transform:none;font:400 14px/1.3 var(--font-ui);white-space:nowrap}#collectionFilterToggle:is([aria-expanded=true],.is-filtered){color:var(--mana);border-color:var(--mana)}.collection-advanced{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 0 2px}.collection-advanced[hidden]{display:none}.collection-advanced label{min-width:0;display:grid;gap:6px;color:#e5dfcf99;font:500 12px/1.3 var(--font-body-ko, sans-serif)}.collection-advanced select{width:100%;min-height:44px;box-sizing:border-box;padding:8px;color:var(--paper);background:var(--ink);border:1px solid #e5dfcf40;border-radius:0;font:500 14px/1.3 var(--font-body-ko, sans-serif)}.collection-controls :focus-visible{outline:2px solid var(--mana);outline-offset:-2px}@media(max-width:640px){#deckCollectionView .collection-controls{grid-template-columns:minmax(0,1fr) 40px;gap:4px}#collectionFilterToggle{width:40px;padding:6px}#collectionFilterToggle .collection-filter-label{display:none}#collectionFilterBadge{position:absolute;top:3px;right:3px;color:var(--ink);background:var(--mana);padding:1px 3px}.collection-colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;overflow:visible}#collectionColorFilters button{min-width:0;min-height:44px;padding:6px 0;font-size:13px}#collectionColorFilters .color-gem{width:22px;height:27px}.collection-advanced{gap:8px}#collectionFilterReset{padding:8px;font-size:12px}}#stage #deckPanel .deck-display-grid{--deck-display-columns: 2;--editor-power-gem-height: 29px;--editor-power-gem-width: 39px;--editor-power-font-size: 25px;--deck-gem-overhang: calc(var(--editor-power-gem-height) / 2);display:grid;grid-template-columns:repeat(var(--deck-display-columns),minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;gap:10px!important;padding:calc(12px + var(--deck-gem-overhang)) 8px 12px!important;margin:0;height:auto;min-height:0;min-width:0;align-items:stretch;align-content:start;justify-content:stretch;overflow:visible;scroll-snap-type:none;background:none;box-shadow:none}#stage #deckPanel .deck-display-grid>:is(.deck-slot,.deck-pool-card){--deck-rest-y: 0px;position:relative;isolation:isolate;container-type:inline-size;z-index:var(--deck-row-layer, 1);grid-column:span 1!important;grid-row:auto;width:100%!important;min-width:0!important;max-width:none;height:auto!important;min-height:0;margin:0;padding:0;flex:none;aspect-ratio:var(--card-portrait-ratio);transform:none;overflow:visible}#stage #deckPanel .deck-display-grid>.deck-leader-slot{grid-column:1 / span 1!important;grid-row:1}#stage #deckPanel .deck-display-grid>.deck-slot.is-empty{margin-top:0}#stage #deckPanel .deck-display-grid .deck-play-card{--w-unit: 100cqw;--power-gem-height: var(--editor-power-gem-height);--power-gem-width: var(--editor-power-gem-width);inset:0 0 auto;width:100%;transform:none}#stage #deckPanel .deck-display-grid .deck-play-card .pow{top:0;transform:translate(-50%,-50%) rotate(-2deg)}#stage #deckPanel .deck-display-grid .deck-play-card .card-art,.deck-card-modal-live-card .card-art{object-position:center}#stage #deckPanel .deck-display-grid>.deck-pool-empty{grid-column:1 / -1!important}@container stage (min-width: 650px){#stage #deckPanel .deck-display-grid{--deck-display-columns: 4;--editor-power-gem-height: 37px;--editor-power-gem-width: 48px;--editor-power-font-size: 30px}}@container stage (min-width: 1200px){#stage #deckPanel .deck-display-grid{--deck-display-columns: 6}}.deck-card-stats{width:100%;border-block:1px solid #e5dfcf30;padding:12px 0}.deck-card-stats[hidden]{display:none}.deck-card-stats dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.deck-card-stats dt{color:var(--paper-dim);font:600 12px/1.4 var(--font-ui)}.deck-card-stats dd{margin:4px 0 0;color:var(--paper);font:700 20px/1.2 var(--font-condensed),var(--font-ui)}.deck-card-stats p{margin:10px 0 0;color:var(--paper-dim);font:400 11px/1.4 var(--font-ui)}#arenaOverlay.combat-callout{--callout-accent: #e5dfcf;opacity:0;transform:none;animation:none;filter:none;color:var(--callout-accent);text-shadow:none;letter-spacing:0;overflow:visible}#arenaOverlay.combat-callout.show{opacity:1}#arenaOverlay.combat-callout:before{content:none}#arenaOverlay.combat-callout.counter-win{--callout-accent: #ffd45b}#arenaOverlay.combat-callout.counter-lose{--callout-accent: #ff6453}#arenaOverlay.combat-callout.grab{--callout-accent: #c49aff}#arenaOverlay.combat-callout.grab-tech{--callout-accent: #55c7d8}#arenaOverlay.combat-callout:is(.lunara-hit,.moon-clash){--callout-accent: #c49aff}#arenaOverlay.combat-callout.full-moon{--callout-accent: #ffd45b}#arenaOverlay.combat-callout:is(.flower-own,.flower-heal){--callout-accent: #9bf27d}#arenaOverlay.combat-callout:is(.flower-enemy,.flower-break){--callout-accent: #ff6453}.combat-callout__stamp{position:relative;display:grid;place-items:center;width:max-content;max-width:84%;padding:.12em .4em .18em;isolation:isolate;font-size:clamp(48px,10.5cqw,92px);line-height:.98;transform:rotate(-4deg)}.combat-callout__stamp.is-long{max-width:88%;font-size:clamp(19px,4.4cqw,40px)}.combat-callout__text{position:relative;z-index:2;display:block;font:italic 900 1em/.98 var(--font-condensed);letter-spacing:-.045em;white-space:normal;overflow-wrap:anywhere;text-align:center;-webkit-text-stroke:1px #08090c;paint-order:stroke fill;text-shadow:2px 3px 0 #08090c,4px 5px 0 #08090c}.combat-callout__plate{position:absolute;z-index:0;inset:0 -.12em;background:#08090cf2;border-bottom:3px solid var(--callout-accent);clip-path:polygon(6% 0,100% 0,94% 100%,0 100%)}.combat-callout__ray{position:absolute;z-index:1;width:34%;height:.44em;background:var(--callout-accent);opacity:0;clip-path:polygon(0 39%,63% 19%,46% 0,100% 29%,100% 73%,35% 100%,56% 62%,0 72%)}.combat-callout__ray--left{right:92%;transform-origin:right center}.combat-callout__ray--right{left:92%;rotate:180deg;transform-origin:left center}@media(prefers-reduced-motion:reduce){#arenaOverlay:is(.ko,.perfect).show{animation:none;opacity:1}}#readyOverlay{--round-accent: var(--mana);transform:none;animation:none;contain:layout paint;background:linear-gradient(90deg,#070b0d55,transparent 30% 70%,#070b0d55);text-shadow:none;font-size:136px;opacity:1}#readyOverlay[hidden]{display:none}#readyOverlay:before{inset:calc(50% - 120px) -8% auto;width:auto;height:240px;border:0;border-top:2px solid var(--round-accent);border-bottom:6px solid var(--round-accent);background:repeating-linear-gradient(110deg,transparent 0 6px,#e5dfcf08 6px 8px),#070b0de8;box-shadow:none;clip-path:polygon(0 12%,100% 0,100% 88%,0 100%);transform:rotate(-5deg);animation:roundBandIn .32s cubic-bezier(.16,1,.3,1) both}#readyOverlay.phase-fight{--round-accent: #ffbd69}.round-callout{position:relative;width:100%;display:grid;justify-items:center;gap:20px;isolation:isolate;transform:rotate(-5deg)}.round-callout__kicker{color:var(--round-accent);font:400 18px/1 var(--font-display);letter-spacing:.22em;text-indent:.22em}.round-callout__word{display:block;color:var(--paper);font:italic 900 136px/.82 var(--font-condensed);letter-spacing:-.045em;padding-right:.08em;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink),8px 10px 0 var(--mana-deep)}.round-callout__ticks{display:flex;gap:9px;height:7px}.round-callout__ticks i{width:48px;background:var(--round-accent);transform:skew(-24deg)}.round-callout__slash{position:absolute;z-index:-1;top:42%;width:34%;height:48px;background:var(--round-accent);clip-path:polygon(0 47%,65% 26%,48% 0,100% 42%,77% 67%,38% 100%,49% 62%)}.round-callout__slash--left{right:87%;transform-origin:right center}.round-callout__slash--right{left:87%;rotate:180deg;transform-origin:left center}.phase-ready .round-callout__word{animation:roundReadyIn .5s cubic-bezier(.16,1,.3,1) both}.phase-ready .round-callout__ticks{--ready-step: calc(var(--phase-duration, 3s) / 3);gap:12px;height:13px}.phase-ready .round-callout__ticks i{--ready-delay: 0ms;position:relative;width:58px;overflow:hidden;border:1px solid #75e8f080;background:#10262e;box-shadow:0 0 4px #55dfec40;animation:roundReadyGlow var(--ready-step) var(--ready-delay) linear both}.phase-ready .round-callout__ticks i:nth-child(2){--ready-delay: var(--ready-step)}.phase-ready .round-callout__ticks i:nth-child(3){--ready-delay: calc(var(--ready-step) * 2)}.phase-ready .round-callout__ticks i:before,.phase-ready .round-callout__ticks i:after{content:"";position:absolute;inset:0;pointer-events:none}.phase-ready .round-callout__ticks i:before{background:linear-gradient(180deg,#e9ffff,#6deafa 38%,#2ab6cf);transform-origin:left center;animation:roundReadyFill var(--ready-step) var(--ready-delay) linear both}.phase-ready .round-callout__ticks i:after{background:linear-gradient(90deg,transparent 30%,#efffff 50%,transparent 70%);animation:roundReadyShine var(--ready-step) var(--ready-delay) linear both}.phase-ready .round-callout__slash{opacity:.45}.phase-fight .round-callout__word{font-size:152px;text-shadow:4px 5px 0 var(--ink),9px 11px 0 var(--copper);animation:roundFightSlam var(--phase-duration) linear both}.phase-fight .round-callout__ticks{width:160px;height:7px;background:var(--round-accent);transform:skew(-24deg)}.phase-fight .round-callout__ticks i{display:none}.phase-fight .round-callout__slash{animation:roundFightSlash .55s .08s cubic-bezier(.16,1,.3,1) both}@keyframes roundBandIn{0%{opacity:0;transform:rotate(-5deg) scaleX(.3)}to{opacity:1;transform:rotate(-5deg) scaleX(1)}}@keyframes roundReadyIn{0%{opacity:0;transform:translate(-100px) skew(-12deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes roundReadyFill{0%{transform:scaleX(0)}86%,to{transform:scaleX(1)}}@keyframes roundReadyGlow{0%{border-color:#75e8f080;box-shadow:0 0 4px #55dfec40}86%{border-color:#fff;box-shadow:0 0 9px #c7ffff,0 0 24px #4fdaef}to{border-color:#b5fbff;box-shadow:0 0 6px #a2f6ffb0,0 0 16px #43d7eb80}}@keyframes roundReadyShine{0%{opacity:0;transform:translate(-100%)}15%{opacity:.9}86%{opacity:1;transform:translate(60%)}to{opacity:0;transform:translate(100%)}}@keyframes roundFightSlam{0%{opacity:0;transform:scale(1.9) rotate(-8deg)}18%{opacity:1;transform:scale(.93) rotate(2deg)}28%{transform:scale(1.05) rotate(-1deg)}40%,to{opacity:1;transform:scale(1) rotate(0)}}@keyframes roundFightSlash{0%{opacity:0;scale:.1 1}35%{opacity:1}to{opacity:.65;scale:1.45 1}}@media(prefers-reduced-motion:reduce){#readyOverlay:before,#readyOverlay .round-callout__word,#readyOverlay .round-callout__ticks i,#readyOverlay .round-callout__slash{animation:none}#readyOverlay .round-callout__ticks i:before,#readyOverlay .round-callout__ticks i:after{animation:none}#readyOverlay .round-callout__ticks i:after{display:none}}#charSelect{--loadout-card-width: clamp(104px, 31.5cqw, 156px);--fighter-accent: #55c7d8;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto;padding:0;gap:0;align-items:stretch;justify-content:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;color:var(--paper);background:#070b0d;isolation:isolate}#charSelect:before,#charSelect:after,#charSelect .screen-print-noise{display:none}#charSelect .char-select-topbar{position:absolute;z-index:24;top:max(16px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));right:20px;display:flex;align-items:center;gap:14px;pointer-events:none}#charSelect .char-select-back{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;padding:0;border:1px solid #e5dfcf55;border-radius:0;color:var(--paper);background:#070b0dd9;box-shadow:none;transform:none;clip-path:none;pointer-events:auto}#charSelect .char-select-back svg{width:27px;height:23px;fill:none;stroke:currentColor;stroke-width:3}#charSelect .char-select-heading{font:400 22px/1.2 var(--font-display);text-shadow:2px 3px 0 #070b0d}#charSelect .fighter-stage{grid-area:1 / 1 / 3 / 2;position:relative;inset:auto;min-width:0;min-height:180px;margin-bottom:clamp(110px,19cqh,170px);overflow:hidden;background:#070b0d;touch-action:pan-y;outline:none}#charSelect .fighter-stage:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,#070b0d40,transparent 30%,#070b0d10 62%,#070b0d)}#charSelect .fighter-stage:after{content:none}#charSelect .spotlight-art{position:absolute;inset:0;width:100%;overflow:hidden}#charSelect .spotlight-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transform-origin:center;user-select:none}#charSelect .spotlight-tone{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.1;background:radial-gradient(circle,#070b0d 0 1.2px,transparent 1.5px) 0 0 / 7px 7px;mask-image:linear-gradient(180deg,transparent 35%,#000 75%,#000 85%,transparent)}.portrait-previous{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none}#charSelect .char-select-actions{grid-area:2 / 1;position:relative;inset:auto;z-index:4;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch;justify-self:center;width:100%;max-width:720px;min-width:0;height:auto;margin:0 auto;padding:0 max(20px,env(safe-area-inset-right)) max(clamp(36px,6cqh,64px),env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));gap:12px;background:transparent}#charSelect .fighter-roster-rail{min-width:0;padding:0;border:0;box-shadow:none;clip-path:none;background:none}#charSelect .char-list{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;position:relative;width:100%;height:auto;max-height:none;min-height:0;gap:20px;padding:8px 4px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:4px;scrollbar-width:thin;scrollbar-color:#55c7d84d transparent;touch-action:pan-x}#charSelect .char-btn.loadout-card-option{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;flex:0 0 var(--loadout-card-width);width:var(--loadout-card-width);height:auto;min-height:0;grid-column:auto;gap:14px;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;color:var(--paper);text-align:center;box-shadow:none;filter:none;transform:none;clip-path:none;isolation:isolate;scroll-snap-align:start;transition:none}#charSelect .char-btn.loadout-card-option:before,#charSelect .char-btn.loadout-card-option:after{content:none}#charSelect .loadout-leader-card{--w-unit: var(--loadout-card-width);position:relative;inset:auto;width:100%;flex:0 0 auto;pointer-events:none}#charSelect .loadout-card-indicator{display:block;flex:0 0 9px;height:9px;width:100%;background:var(--mana);clip-path:polygon(0 4px,calc(50% - 6px) 4px,50% 0,calc(50% + 6px) 4px,100% 4px,100% 100%,0 100%);visibility:hidden;pointer-events:none}#charSelect .loadout-card-option.active .loadout-card-indicator{visibility:visible}#charSelect .loadout-departure{--departure-face: #17191f;position:relative;isolation:isolate;display:grid;place-items:center;justify-self:center;width:min(78%,280px);height:auto;min-height:56px;min-width:0;margin:0;padding:16px 22px;border:0;border-radius:0;color:var(--paper);background:#e5dfcf94;box-shadow:none;filter:none;clip-path:var(--dock-cut-outer);overflow:hidden;transform:none;cursor:pointer;transition:background-color .16s ease}#charSelect .loadout-departure:before{content:"";position:absolute;inset:2px;z-index:-1;pointer-events:none;clip-path:var(--dock-cut-inner);background:radial-gradient(circle,#e5dfcf0c 0 1px,transparent 1.3px) 0 0 / 8px 8px,var(--departure-face)}#charSelect .loadout-departure:after{content:"";position:absolute;inset:2px;z-index:0;pointer-events:none;clip-path:var(--dock-cut-inner);background:linear-gradient(180deg,transparent calc(100% - 4px),var(--mana) 0)}#charSelect .loadout-departure>span{position:relative;z-index:1;font:400 23px/1.25 var(--font-display);letter-spacing:-.025em;text-align:center;text-shadow:none}#charSelect .loadout-departure:focus-visible{--departure-face: #21343a;background:var(--mana)}#charSelect .loadout-departure:active:not(:disabled){--departure-face: #28434a}#charSelect .loadout-departure:disabled,#charSelect .char-select-back:disabled{opacity:.5;cursor:wait}#charSelect button:focus-visible{outline:2px solid var(--paper);outline-offset:2px}@media(hover:hover){#charSelect .char-select-back:hover:not(:disabled){color:var(--mana)}#charSelect .loadout-departure:hover:not(:disabled){--departure-face: #21343a;background:var(--paper)}}#stage:has(#charSelect:not([hidden])) .sound-control,#stage:has(#charSelect:not([hidden])) .sound-panel{display:none!important}@media(min-width:900px){#charSelect{grid-template-columns:minmax(0,52%) minmax(0,48%);grid-template-rows:minmax(340px,1fr);--loadout-card-width:156px}#charSelect .fighter-stage{grid-area:1 / 1;margin-bottom:0}#charSelect .char-select-topbar{left:40px;top:28px}#charSelect .fighter-stage:before{background:linear-gradient(90deg,transparent 65%,#070b0d),linear-gradient(0deg,#070b0d,transparent 25%)}#charSelect .char-select-actions{grid-area:1 / 2;align-self:center;padding:40px 40px 60px 20px;gap:20px}#charSelect .loadout-departure{justify-self:start}}@media(orientation:landscape)and (max-height:540px){#charSelect{grid-template-columns:minmax(0,1fr) minmax(300px,48%);grid-template-rows:minmax(340px,1fr);--loadout-card-width:104px}#charSelect .fighter-stage{grid-area:1 / 1;margin-bottom:0}#charSelect .char-select-topbar{left:18px;top:14px}#charSelect .char-select-actions{grid-area:1 / 2;align-self:center;padding:20px 18px;gap:12px}#charSelect .loadout-departure{min-height:48px;padding:12px}#charSelect .loadout-departure>span{font-size:21px}}@media(prefers-reduced-motion:reduce){#charSelect .loadout-departure{transition:none}#charSelect .char-list{scroll-behavior:auto}}#stage:not(.stage-16x9){position:fixed;min-width:0;min-height:0;overflow:hidden;container-type:size;container-name:stage}#stage:not(.stage-16x9)>.screen{width:100%;height:100%;min-height:0}html,body{width:100%;height:100%;overflow:hidden;background:radial-gradient(circle,rgba(229,223,207,.055) 0 1px,transparent 1.35px) 0 0 / 10px 10px,linear-gradient(135deg,#0d2027 0 18%,#070b0d 18.2% 81%,#251214 81.2% 100%)}#stage.stage-16x9,#stage.stage-16x9.is-fluid-stage,#stage.stage-16x9.is-combat-stage:has(>#game){position:fixed;top:calc(var(--viewport-y, 0px) + var(--viewport-h, 100dvh) / 2);left:calc(var(--viewport-x, 0px) + var(--viewport-w, 100vw) / 2);width:var(--stage-w, 1600px);height:var(--stage-h, 900px);min-width:1600px;min-height:900px;overflow:hidden;transform:translate(-50%,-50%) scale(var(--stage-scale, 1));transform-origin:50% 50%;box-shadow:0 0 0 1px #e5dfcf2e,0 30px 90px #000000b3;container-type:size;container-name:stage}#stage.stage-16x9>.screen,#stage.stage-16x9 #app,#stage.stage-16x9 #app>.screen{width:100%;height:900px;min-width:0;min-height:0;max-height:900px}#stage.stage-16x9 #intro{grid-template-columns:minmax(0,560px) minmax(0,1fr);grid-template-rows:minmax(180px,1fr) auto;gap:22px 48px;padding:48px max(48px,calc((100cqw - 1360px)/2)) 28px;overflow:hidden}#stage.stage-16x9 #intro .intro-key-art{object-position:75% center}#stage.stage-16x9 #intro .intro-brand{grid-area:1 / 1;align-self:center;width:min(100%,580px)}#stage.stage-16x9 #intro .intro-auth-actions{grid-area:1 / 2 / 3 / 3;align-self:center;width:min(90%,460px)}#stage.stage-16x9 #intro .intro-foot{grid-area:2 / 1;width:80px}#stage.stage-16x9 #charSelect{--loadout-card-width: 156px;grid-template-columns:minmax(0,52%) minmax(0,48%);grid-template-rows:minmax(0,1fr);overflow:hidden}#stage.stage-16x9 #charSelect .fighter-stage{grid-area:1 / 1;min-height:0;margin-bottom:0}#stage.stage-16x9 #charSelect .char-select-topbar{top:28px;right:auto;left:40px}#stage.stage-16x9 #charSelect .fighter-stage:before{background:linear-gradient(90deg,transparent 62%,#070b0d 100%),linear-gradient(0deg,#070b0d,transparent 24%)}#stage.stage-16x9 #charSelect .char-select-actions{grid-area:1 / 2;align-self:center;width:100%;max-width:760px;padding:52px 56px 64px 22px;gap:24px}#stage.stage-16x9 #charSelect .char-list{gap:20px;padding:10px 5px 16px}#stage.stage-16x9 #charSelect .loadout-departure{justify-self:start;width:280px;min-height:62px}#stage.stage-16x9 #versusScreen{--versus-center-y: 50%}#stage.stage-16x9 #versusScreen .versus-fighter{top:0;bottom:auto;width:54%;height:100%}#stage.stage-16x9 #versusScreen .versus-fighter-me{right:auto;left:0;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}#stage.stage-16x9 #versusScreen .versus-fighter-opp{right:0;left:auto;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%)}#stage.stage-16x9 #versusScreen .versus-fighter-me .versus-portrait{object-position:54% 34%;transform-origin:45% 50%}#stage.stage-16x9 #versusScreen .versus-fighter-opp .versus-portrait{object-position:46% 34%;transform-origin:55% 50%}#stage.stage-16x9 #versusScreen .versus-center-line{top:50%;left:50%;width:74px;height:116%;transform:translate(-50%,-50%) rotate(7deg)}#stage.stage-16x9 #versusScreen #versusMark{font-size:280px}#stage.stage-16x9 #versusScreen .versus-countdown,#stage.stage-16x9 #versusScreen #versusImpact{top:50%;left:50%;width:260px;transform:translate(-50%,-50%)}#stage.stage-16x9 #versusScreen .versus-identity{inset:238px auto auto 54px;width:39%}#stage.stage-16x9 #versusScreen .versus-identity--me{top:438px;text-align:left}#stage.stage-16x9 #versusScreen .versus-identity--opp{top:238px;right:54px;left:auto;text-align:right}#stage.stage-16x9 #versusScreen .versus-name-row,#stage.stage-16x9 #versusScreen .versus-identity--opp .versus-name-row{justify-content:flex-start;flex-direction:row}#stage.stage-16x9 #versusScreen .versus-identity--opp .versus-name-row{justify-content:flex-end}#stage.stage-16x9 #versusScreen .versus-ready-state{flex-basis:340px}#stage.stage-16x9 #versusScreen .versus-ready-state.is-ready{font-size:144px}#stage.stage-16x9 #versusScreen .versus-status{right:auto;bottom:34px;left:50%;width:360px}#stage.stage-16x9.is-combat-stage{background:linear-gradient(112deg,transparent 0 18%,rgba(85,199,216,.16) 18.1% 21%,transparent 21.1% 79%,rgba(181,105,61,.18) 79.1% 82%,transparent 82.1%),radial-gradient(circle,rgba(229,223,207,.075) 0 1.1px,transparent 1.45px) 0 0 / 11px 11px,linear-gradient(90deg,#10252b 0 33%,#070b0d 33% 67%,#281518 67% 100%)}#stage.stage-16x9.is-combat-stage:has(>#game):before,#stage.stage-16x9.is-combat-stage:has(>#game):after{content:"";position:absolute;top:70px;bottom:70px;width:290px;opacity:.5;pointer-events:none}#stage.stage-16x9.is-combat-stage:has(>#game):before{left:86px;border-block:3px solid rgba(85,199,216,.42);background:repeating-linear-gradient(165deg,transparent 0 30px,rgba(85,199,216,.15) 31px 34px);clip-path:polygon(0 7%,100% 0,88% 93%,8% 100%)}#stage.stage-16x9.is-combat-stage:has(>#game):after{right:86px;border-block:3px solid rgba(181,105,61,.42);background:repeating-linear-gradient(15deg,transparent 0 30px,rgba(181,105,61,.15) 31px 34px);clip-path:polygon(12% 0,100% 7%,92% 100%,0 93%)}#stage.stage-16x9.is-combat-stage>#game{position:relative;z-index:2;width:720px;height:900px;max-width:720px;margin:0 auto;border-inline:2px solid rgba(229,223,207,.3);box-shadow:-26px 0 48px #00000073,26px 0 48px #00000073}#stage.stage-16x9 #app{overflow:hidden}#stage.stage-16x9 #app>#lobby,#stage.stage-16x9 #app>#game{height:900px}@media(prefers-reduced-motion:reduce){#stage.stage-16x9{transition:none}}#lobby .hub-header{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:2px 0}#lobby .hub-header .economy-hud{display:flex;flex:0 1 auto;min-width:0}#lobby .hub-header .wallet-chip{flex:0 1 150px;min-width:0;grid-template-columns:auto minmax(0,1fr) auto}#stage #lobby .hub-header .sound-control{position:relative;inset:auto;flex:0 0 auto;pointer-events:auto;transition:opacity .16s ease}#lobby .hub-content>.play-panel{--play-card-width: max(112px, min(70cqw, 510px, calc(100cqh - var(--hub-content-top) - var(--hub-content-bottom) - 80px)))}@container stage (max-height: 600px){#lobby{--hub-hud-top: max(8px, env(safe-area-inset-top));--hub-content-top: calc(var(--hub-hud-top) + 56px);--hub-content-bottom: calc(76px + env(safe-area-inset-bottom)) }#lobby.has-match-queue{--hub-hud-top: max(104px, calc(env(safe-area-inset-top) + 96px) )}#lobby .play-mode-controls{top:var(--hub-content-top);bottom:var(--hub-content-bottom)}#lobby .hub-content>.play-panel{--play-card-width: max(112px, min(70cqw, 510px, calc(100cqh - var(--hub-content-top) - var(--hub-content-bottom) - 46px)))}#lobby .hub-tab{min-height:52px;padding-block:6px}}#lobby{background:radial-gradient(ellipse at 65% 28%,#193d45,transparent 68%),radial-gradient(ellipse at 12% 85%,#271e2b,transparent 55%),#090f14}#lobby:before,#lobby:after,#lobby .screen-print-noise:before{content:none}#lobby .screen-print-noise{background:transparent}.lobby-flow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#stage.is-fluid-stage #lobby .screen-print-noise:after{content:"";position:absolute;inset:0;z-index:1;opacity:1;background:radial-gradient(circle,rgba(229,223,207,.085) 0 1px,transparent 1.4px) 0 0 / 9px 9px;mask-image:none;pointer-events:none}.lobby-sparkle{position:absolute;z-index:2;width:7px;height:7px;background:#e5dfcf;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:0;pointer-events:none;animation:lobby-sparkle-rise var(--spark-duration) ease-in-out var(--spark-delay) infinite;animation-play-state:paused}.lobby-sparkle:nth-of-type(2n){background:#86dbe6;width:5px;height:5px}#lobby .is-flowing .lobby-sparkle{animation-play-state:running}@keyframes lobby-sparkle-rise{0%,8%{opacity:0;transform:translateY(10px) scale(.35) rotate(0)}18%{opacity:.75;transform:translate(calc(var(--spark-drift) * .35)) scale(1) rotate(12deg)}34%,to{opacity:0;transform:translate(var(--spark-drift),-18px) scale(.25) rotate(30deg)}}@media(prefers-reduced-motion:reduce){.lobby-sparkle{animation:none}}.story-mode{--story-accent: #6ed8e6;--story-paper: #e5dfcf;--story-ink: #070b0d;isolation:isolate;overflow:hidden;color:var(--story-paper);background:var(--story-ink)}.story-dialogue{position:absolute;z-index:20;inset:0;overflow:hidden;background:var(--story-ink)}.story-dialogue[hidden]{display:none!important}.story-dialogue__scene{position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#070b0de6,#070b0d94,#070b0de6),url(/images/generated/story-mode-art-v2.webp) center/cover no-repeat;opacity:.55}.story-dialogue__chapter{position:absolute;z-index:6;top:max(24px,env(safe-area-inset-top));left:max(24px,env(safe-area-inset-left))}.story-dialogue__chapter small{display:block;margin-bottom:10px;color:var(--story-accent);font:italic 900 clamp(19px,2.1vw,28px)/.9 var(--font-condensed);letter-spacing:.12em;text-shadow:3px 3px 0 var(--story-ink)}.story-dialogue__chapter strong{display:block;color:var(--story-paper);font:400 clamp(34px,4vw,54px)/.95 var(--font-display);letter-spacing:-.035em;text-shadow:4px 5px 0 var(--story-ink)}.story-dialogue__actors{position:absolute;z-index:2;inset:5% 0 14%;pointer-events:none}.story-actor{position:absolute;bottom:0;width:min(62%,720px);height:100%;margin:0;overflow:hidden;opacity:.1;filter:grayscale(.78) brightness(.5);transition:opacity .18s ease,filter .18s ease}.story-actor img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.story-actor--player{left:-5%;mask-image:linear-gradient(90deg,#000 0 66%,transparent 100%)}.story-actor--opponent{right:-5%;mask-image:linear-gradient(270deg,#000 0 66%,transparent 100%)}.story-actor--opponent img{transform:scaleX(-1)}.story-dialogue[data-active-speaker=player] .story-actor--player,.story-dialogue[data-active-speaker=opponent] .story-actor--opponent{opacity:.92;filter:saturate(.82) contrast(1.04) brightness(.82)}.story-dialogue[data-active-speaker=narrator] .story-actor{opacity:0}.story-dialogue__panel{--bubble-shape: polygon(2.8% 0, 97.4% 2.5%, 100% 82%, 96.2% 100%, 1.3% 96%, 0 15%);position:absolute;z-index:8;right:auto;bottom:max(34px,env(safe-area-inset-bottom));left:max(3vw,env(safe-area-inset-left));width:min(1120px,92vw);min-height:238px;margin:0;padding:44px 62px;display:flex;flex-direction:column;justify-content:center;color:var(--story-paper);border:0;background:transparent;filter:drop-shadow(0 14px 26px rgba(0,0,0,.48));isolation:isolate;transform-origin:16% 100%;outline:none}.story-dialogue__panel:before{content:"";position:absolute;z-index:-2;inset:0;clip-path:var(--bubble-shape);background:linear-gradient(105deg,var(--story-accent),rgba(229,223,207,.64) 42%,var(--story-accent))}.story-dialogue__panel:after{content:"";position:absolute;z-index:-1;inset:3px;clip-path:var(--bubble-shape);background:radial-gradient(circle,rgba(229,223,207,.07) 0 1px,transparent 1.35px) 0 0 / 9px 9px,linear-gradient(115deg,#121a1efa,#05090bf7)}.story-dialogue__panel[data-speaker=opponent]{--bubble-shape: polygon(2.6% 2.5%, 97.2% 0, 100% 15%, 98.7% 96%, 3.8% 100%, 0 82%);right:max(3vw,env(safe-area-inset-right));left:auto;transform-origin:84% 100%}.story-dialogue__panel[data-speaker=narrator]{--bubble-shape: polygon(1.8% 4%, 98% 0, 100% 83%, 97% 100%, 2.7% 97%, 0 18%);right:auto;left:50%;transform:translate(-50%);transform-origin:50% 100%}.story-dialogue__panel[data-interactive=true]{cursor:pointer}.story-dialogue__panel[data-interactive=true]:focus-visible:before{background:var(--story-paper)}.story-dialogue__panel.is-entering{animation:story-bubble-pop .36s cubic-bezier(.2,.9,.28,1.2) both}.story-dialogue__speaker{position:absolute;z-index:2;top:-42px;left:38px;display:grid;place-items:center;box-sizing:border-box;min-width:220px;margin:0;padding:15px 32px 13px;color:var(--story-paper);background:var(--story-accent);clip-path:polygon(7% 0,100% 5%,94% 100%,0 92%);font:italic 900 clamp(34px,3.7vw,54px)/.86 var(--font-condensed);letter-spacing:-.025em;text-align:center;-webkit-text-stroke:1px rgba(7,11,13,.98);paint-order:stroke fill;text-shadow:-2px -2px 0 var(--story-ink),2px -2px 0 var(--story-ink),-2px 2px 0 var(--story-ink),4px 4px 0 var(--story-ink),0 7px 4px rgba(7,11,13,.92)}.story-dialogue__panel[data-speaker=opponent] .story-dialogue__speaker{right:38px;left:auto;clip-path:polygon(0 5%,93% 0,100% 92%,6% 100%);text-align:center}.story-dialogue__panel[data-speaker=narrator] .story-dialogue__speaker{display:none}.story-dialogue__panel p{width:100%;min-height:0;margin:0;color:var(--story-paper);font:800 clamp(30px,3.2vw,46px)/1.3 var(--font-ui);letter-spacing:0;text-align:center;-webkit-text-stroke:0;text-shadow:none;word-break:keep-all}.story-dialogue__choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}.story-dialogue__choices[hidden]{display:none!important}.story-dialogue__choice,.story-dialogue__choice:hover,.story-dialogue__choice:focus,.story-dialogue__choice:active{min-height:66px;padding:15px 20px;color:var(--story-paper);border:1px solid rgba(229,223,207,.46);background:#e5dfcf0f;box-shadow:none;transform:none;font:800 clamp(18px,1.7vw,23px)/1.25 var(--font-ui)}.story-dialogue__choice:hover,.story-dialogue__choice:focus-visible{color:var(--story-ink);background:var(--story-accent);outline:none}.story-dialogue__skip{position:absolute;z-index:10;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));padding:8px;color:#e5dfcf8c;border:0;background:transparent;box-shadow:none;transform:none;font:700 11px/1 var(--font-ui)}@keyframes story-bubble-pop{0%{opacity:0;translate:0 24px;scale:.74 .82;rotate:-1.8deg}56%{opacity:1;translate:0 -6px;scale:1.045 1.075;rotate:.7deg}78%{translate:0 2px;scale:.985 .97;rotate:-.25deg}to{opacity:1;translate:0 0;scale:1;rotate:0deg}}@media(max-width:760px),(orientation:portrait){.story-dialogue__chapter{top:max(18px,env(safe-area-inset-top));left:18px}.story-dialogue__actors{inset:5% 0 19%}.story-actor{width:74%}.story-actor--player{left:-18%}.story-actor--opponent{right:-18%}.story-dialogue__panel{right:auto;bottom:max(16px,env(safe-area-inset-bottom));left:12px;width:calc(100vw - 24px);min-height:218px;padding:40px 34px 34px}.story-dialogue__panel[data-speaker=opponent]{right:12px;left:auto}.story-dialogue__panel[data-speaker=narrator]{right:auto;left:50%}.story-dialogue__speaker{top:-34px;left:26px;min-width:176px;padding:13px 24px 11px;font-size:clamp(30px,7.8vw,44px)}.story-dialogue__panel[data-speaker=opponent] .story-dialogue__speaker{right:26px;left:auto}.story-dialogue__panel p{font-size:clamp(27px,6.1vw,38px)}.story-dialogue__choices{grid-template-columns:1fr;gap:6px}.story-dialogue__skip{top:max(18px,env(safe-area-inset-top));right:18px}}@media(max-height:560px)and (orientation:landscape){.story-dialogue__actors{inset:4% 0 24%}.story-dialogue__panel{min-height:184px;padding-top:44px;padding-bottom:28px}.story-dialogue__panel p{font-size:clamp(26px,3vw,38px)}}@media(prefers-reduced-motion:reduce){.story-actor{transition:none}.story-dialogue__panel.is-entering{animation:none}}:root{--card-portrait-ratio: 2 / 3}.card:has(>.card-inner[data-card-layout=portrait]){container-type:inline-size;box-sizing:border-box;padding:0;aspect-ratio:var(--card-portrait-ratio);height:auto;align-self:center;flex-grow:0;flex-shrink:0;flex-basis:auto}.card:has(>.card-inner[data-card-layout=portrait])>.pow{--power-gem-height: 20cqw;--power-gem-width: 26cqw;width:var(--power-gem-width);min-width:0;height:var(--power-gem-height);padding:0;border-width:1cqw;font-size:16cqw}.card.leader-card:has(>.card-inner[data-card-layout=portrait])>.pow{width:32cqw}.card:has(>.card-inner[data-card-layout=portrait])>.pow.defense-gem{width:21.6cqw;height:23.6cqw;border:0}.card>.card-inner{container-type:size;--card-label-inset: 10px}.card>.card-inner>.name{text-align:left;left:var(--card-label-inset);right:var(--card-label-inset);bottom:var(--card-label-inset)}.card .name.card-size{font-size:21.6cqh}.card>.card-inner[data-card-layout=portrait]>.card-art{object-fit:cover;object-position:center}.leader-card>.card-inner[data-card-layout=portrait]>.card-art{object-position:center 24%}.card:has(>.card-inner[data-card-color=red]){--card-frame: #f0443b;--card-frame-keyline: #641b1d}.card:has(>.card-inner[data-card-color=green]){--card-frame: #58b86b;--card-frame-keyline: #183f24}.card:has(>.card-inner[data-card-color=blue]){--card-frame: #4fc3f7;--card-frame-keyline: #123f58}.card:has(>.card-inner[data-card-color=purple]){--card-frame: #a978ff;--card-frame-keyline: #382052}.card:has(>.card-inner[data-card-color=black]){--card-frame: #9e9aa9;--card-frame-keyline: #25212c}.card:has(>.card-inner[data-card-color=yellow]){--card-frame: #f4c93f;--card-frame-keyline: #69511d}.card .pow.defense-gem{width:calc(var(--power-gem-height) * 1.08);min-width:0;height:calc(var(--power-gem-height) * 1.18);padding:0;border:0;background:transparent;box-shadow:none;clip-path:none;overflow:visible;filter:drop-shadow(0 2px 0 #061b26) drop-shadow(1px 2px 2px #050c12a0)}.card .pow.defense-gem:after{content:none}.defense-gem-stone{position:absolute;z-index:3;width:100%;height:100%;inset:0}.card>.guard-frame{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);overflow:visible;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 1px #03151dcc)}.card:has(>.guard-frame)>.pow.defense-gem{z-index:6}.card:has(>.guard-frame)>.card-inner{--card-label-inset: max(10px, 14cqw)}.deck-card-modal-preview{width:min(300px,max(180px,30vw));margin-block-start:10%}.deck-card-modal-effect[hidden],.deck-card-modal-copy[hidden],.deck-card-modal-flavor[hidden],#shopPurchaseCardDetail[hidden]{display:none}.shop-purchase-modal[data-product-type=daily]{padding:max(22px,env(safe-area-inset-top)) 14px calc(124px + env(safe-area-inset-bottom))}.shop-purchase-modal[data-product-type=daily] .shop-purchase-sheet,.shop-purchase-modal[data-product-type=daily] .shop-purchase-copy{display:contents}.shop-purchase-modal[data-product-type=daily] .shop-purchase-sheet:before,.shop-purchase-modal[data-product-type=daily] .shop-purchase-visual,.shop-purchase-modal[data-product-type=daily] .shop-purchase-copy>:not(.shop-purchase-actions):not(.shop-purchase-balance){display:none}.shop-purchase-modal[data-product-type=daily] .shop-purchase-close{top:max(12px,env(safe-area-inset-top));right:16px}.shop-purchase-modal[data-product-type=daily] .shop-purchase-actions{position:absolute;z-index:3;left:50%;bottom:calc(56px + env(safe-area-inset-bottom));width:min(300px,calc(100% - 40px));margin:0;transform:translate(-50%)}.shop-purchase-modal[data-product-type=daily] .shop-purchase-balance{position:absolute;z-index:3;bottom:calc(30px + env(safe-area-inset-bottom));left:0;width:100%;max-width:none}