.audio-settings-button{position:absolute;z-index:24;top:192px;right:8px;min-width:44px;min-height:44px;border:1px solid #478797;border-radius:12px;color:#ddfaff;background:#09232de8;font-size:11px}.audio-settings-dialog{width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:20px;color:#f3e5c9;background:#20180f;border:1px solid #b78a42;border-radius:18px}.audio-settings-dialog::backdrop{background:#000a}.audio-settings-dialog h2{margin:0 0 8px;font-size:20px}.audio-settings-dialog p{color:#c8bda8;font-size:12px;margin:0 0 14px}.audio-settings-dialog label{display:block;margin:8px 0}.audio-settings-dialog label span{display:flex;justify-content:space-between;font-size:14px}.audio-settings-dialog input{width:100%;height:44px;margin:0;accent-color:#2ac7ec;touch-action:pan-y}.audio-settings-dialog button{width:100%;min-height:44px;margin-top:8px;border-radius:10px;border:1px solid #98733e;background:#3b2b18;color:#fff4da}.audio-settings-dialog :focus-visible,.audio-settings-button:focus-visible{outline:3px solid #35dbff;outline-offset:3px}@media(min-width:900px)and (min-height:620px)and (pointer:fine){.mobile-prototype:not(.is-visual-capture) .audio-settings-button{top:auto;bottom:200px;right:auto;left:20px}}.card-hand .cards-row>.battle-card{--draw-rest-transform: none;--draw-origin-x: 42px;--draw-origin-y: -9px;--draw-origin-scale: .42;--card-art-scale: 1}.card-hand .battle-card>img{transform:scale(var(--card-art-scale));transform-origin:50% 45%;transition:transform .18s ease,filter .18s ease}.card-hand .battle-card--visual-compact>img{object-fit:contain;background:#172129}.card-hand .battle-card--visual-large>img{object-position:center 42%}.card-hand .battle-card--spell{border-color:color-mix(in srgb,var(--element-edge) 78%,#d6b36d);background:linear-gradient(180deg,#261d35,#21150e)}.card-hand .battle-card--spell:before{box-shadow:inset 0 0 13px rgba(var(--element-glow-rgb),.26)}.card-hand .battle-card--element-petrify{--element-edge: #b8d4d0;--element-glow-rgb: 142, 196, 193}.card-hand .card-trait[data-element=petrify]{color:#effffd;background:#233c3ff0;border-color:#b8d4d0;box-shadow:0 2px 7px #0000006b,0 0 9px #8ec4c166}.card-trait__compact,.card-hand.is-collapsed .card-trait__full{display:none}.card-hand.is-collapsed .card-trait__compact{display:inline}.battle-card[data-combat-band=close]{--range-accent: #f1bc7d}.battle-card[data-combat-band=mid]{--range-accent: #86e4df}.battle-card[data-combat-band=long]{--range-accent: #c2b0ff}.card-hand .battle-card[data-combat-band] .card-trait{border-left:2px solid var(--range-accent, #c2b0ff)}.card-hand .card-kind-badge{position:absolute;z-index:4;top:3px;right:2px;min-width:30px;height:17px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 3px;color:#f5edff;background:#2a164df0;border:1px solid color-mix(in srgb,var(--element-edge) 82%,#fff);border-radius:8px;box-shadow:0 0 8px rgba(var(--element-glow-rgb),.52);font-size:6.5px;font-weight:900;line-height:1}.card-hand .card-kind-badge svg{width:8px;height:8px}.card-hand .cards-row>.battle-card:nth-child(1){--draw-rest-transform: rotate(-5deg) translateY(4px)}.card-hand .cards-row>.battle-card:nth-child(2){--draw-rest-transform: rotate(-2deg) translateY(1px)}.card-hand .cards-row>.battle-card:nth-child(4){--draw-rest-transform: rotate(2deg) translateY(1px)}.card-hand .cards-row>.battle-card:nth-child(5){--draw-rest-transform: rotate(5deg) translateY(4px)}.card-hand .cards-row>.battle-card.is-replenished{z-index:4;transform-origin:center;animation:card-hand-replenish .76s cubic-bezier(.2,.8,.24,1) both;will-change:transform,filter,opacity}.card-hand .cards-row>.battle-card.is-replenished:after{position:absolute;z-index:3;top:-45%;right:-80%;bottom:-45%;left:-80%;content:"";pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(186,242,255,.82) 50%,transparent 62%);transform:translate(-55%);animation:card-hand-replenish-sheen .62s 90ms ease-out both}.card-hand .card-draw-cue{position:absolute;z-index:6;left:50%;top:3px;min-width:108px;min-height:23px;display:grid;place-items:center;padding:4px 12px;color:#e8faff;background:linear-gradient(180deg,#12414ef7,#0f252af7);border:1px solid #75ddf7;border-radius:999px;box-shadow:0 0 0 1px #150c07e6,0 4px 15px #16add047;font-size:10px;font-weight:900;letter-spacing:.05em;opacity:0;pointer-events:none;transform:translate(-50%,5px) scale(.96)}.card-hand .card-draw-cue.is-visible{animation:card-hand-cue 1.55s ease both}.mobile-prototype .card-hand{padding-right:56px;overflow:visible;transition:height .22s cubic-bezier(.2,.78,.22,1),padding .22s cubic-bezier(.2,.78,.22,1),background-color .18s ease,box-shadow .18s ease}.card-hand.is-expanded{height:var(--hand-expanded-height)}.card-hand.is-collapsed{height:var(--hand-collapsed-height);padding:10px 45px 4px 44px;background:#18100ae6;box-shadow:0 -5px 14px #2413074d}.card-hand__toggle{position:absolute;z-index:9;left:92px;top:-22px;width:44px;height:44px;transform:none;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;color:#ffe8bd;background:linear-gradient(180deg,#422b17fa,#1e140dfa);border:1px solid #c68a3b;border-bottom-color:#75471d;border-radius:13px;box-shadow:0 -4px 12px #00000042,inset 0 0 0 1px #ffd79314;font-size:9px;font-weight:900;letter-spacing:.03em;touch-action:manipulation}.card-hand__toggle span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-hand__toggle svg{width:16px;height:16px;color:#77e5ff;flex:0 0 auto}.card-hand.is-collapsed .card-hand__toggle{left:0;top:17px;width:44px;padding:0;transform:none;border-radius:13px;background:linear-gradient(180deg,#0b4152f7,#161f1dfa);border-color:#66e0fac7;box-shadow:0 0 12px #25c9ff33,inset 0 0 0 1px #95edff14}.card-hand .cards-row,.card-hand .battle-card,.card-hand .battle-card>img,.card-hand .card-icon,.card-hand .next-card{transition:height .22s cubic-bezier(.2,.78,.22,1),transform .18s ease,filter .18s ease,opacity .18s ease}.card-hand.is-collapsed .cards-row{height:70px;gap:3px}.card-hand.is-collapsed .battle-card{min-height:68px;height:68px;grid-template-rows:42px 20px;padding:0 2px 2px;border-width:1px;border-radius:6px}.card-hand.is-collapsed .battle-card:nth-child(n){transform:none}.card-hand.is-collapsed .battle-card>img,.card-hand.is-collapsed .card-icon{width:calc(100% + 4px);height:42px;margin-left:-2px}.card-hand.is-collapsed .card-icon svg{font-size:25px}.card-hand.is-collapsed .card-trait{left:2px;right:2px;top:28px;min-height:12px;padding:1px 2px;font-size:7px}.card-hand.is-collapsed .battle-card strong{font-size:10px;line-height:1.1;white-space:normal}@media(pointer:coarse)and (min-width:391px)and (max-width:480px){.mobile-prototype:not(.is-visual-capture){width:100vw;height:100dvh;max-height:none}}.card-hand.is-collapsed .battle-card small{display:none}.card-hand.is-collapsed .card-cost{width:19px;height:19px;border-width:1px;font-size:12px}.card-hand.is-collapsed .card-kind-badge{min-width:20px;height:13px;font-size:0}.card-hand.is-collapsed .card-kind-badge svg{width:8px;height:8px}.card-hand.is-collapsed .next-card{top:10px;height:58px;grid-template:"label label" 8px "visual visual" 29px "name cost" 15px / minmax(0,1fr) 18px;gap:1px;padding:2px;width:40px}.card-hand.is-collapsed .next-card__label{grid-area:label}.card-hand.is-collapsed .next-card__visual{grid-area:visual}.card-hand.is-collapsed .next-card__name{grid-area:name}.card-hand.is-collapsed .next-card__cost{grid-area:cost}.card-hand.is-collapsed .next-card .next-card__visual{width:32px;height:29px}.card-hand.is-collapsed .next-card .next-card__name{max-width:27px;font-size:6.5px;white-space:nowrap;-webkit-line-clamp:1}.card-hand.is-collapsed .next-card .next-card__cost{min-width:17px;width:17px;height:15px;padding:0;font-size:9px}.card-hand .next-card{--next-accent: #66dfff;top:9px;right:3px;width:50px;height:98px;grid-template-rows:9px 35px 20px 18px;gap:2px;padding:3px 2px 4px;overflow:hidden;color:#f2d9aa;background:linear-gradient(180deg,#332316fa,#18110cfa);border-color:color-mix(in srgb,var(--next-accent) 54%,#8a5a27);box-shadow:inset 0 0 0 1px #f9cc7a14,0 4px 10px #0000006b}.card-hand .next-card--violet{--next-accent: #ce8cff}.card-hand .next-card--gold{--next-accent: #ffd16e}.card-hand .next-card--blue{--next-accent: #70dcff}.card-hand .next-card--amber,.card-hand .next-card--red{--next-accent: #ff9c4f}.card-hand .next-card--green,.card-hand .next-card--teal{--next-accent: #70e5bd}.card-hand .next-card--silver{--next-accent: #d8ebf2}.card-hand .next-card--indigo{--next-accent: #9eaeff}.card-hand .next-card--element-fire{--next-accent: #ff7936}.card-hand .next-card--element-electric{--next-accent: #aa94ff}.card-hand .next-card--element-arcane{--next-accent: #59e9ff}.card-hand .next-card--element-steam{--next-accent: #e9c58f}.card-hand .next-card--element-kinetic{--next-accent: #d3c09b}.card-hand .next-card--element-aether{--next-accent: #c49cff}.card-hand .next-card--element-petrify{--next-accent: #b8d4d0}.card-hand .next-card--spell{background:linear-gradient(180deg,#352046fa,#19121cfa);box-shadow:inset 0 0 10px color-mix(in srgb,var(--next-accent) 18%,transparent),0 4px 10px #0000006b}.card-hand .next-card .next-card__label{align-self:center;color:#cbb184;font-size:7.5px;font-weight:900;letter-spacing:.08em;line-height:1}.card-hand .next-card .next-card__visual{position:relative;width:42px;height:35px;overflow:hidden;display:block;border:1px solid color-mix(in srgb,var(--next-accent) 68%,#7a4a20);border-radius:3px;background:#132b33;box-shadow:inset 0 0 8px #0000008f}.card-hand .next-card__visual>img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.86) contrast(1.08) brightness(.86)}.card-hand .next-card .next-card__icon{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;display:grid;place-items:center;color:var(--next-accent);background:#10191aeb;border:1px solid var(--next-accent);border-radius:4px 0 0}.card-hand .next-card .next-card__icon svg{color:currentColor;font-size:11px}.card-hand .next-card .next-card__name{align-self:center;max-width:44px;overflow:hidden;display:-webkit-box;color:#fff1d2;font-size:8.5px;font-weight:900;line-height:1.15;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-hand .next-card .next-card__cost{align-self:center;min-width:21px;height:18px;display:grid;place-items:center;padding:0 5px;color:#fff;background:#116f9b;border:1px solid #8ee5ff;border-radius:9px;box-shadow:0 0 7px #44d0f352;font:800 11px/1 Rajdhani,sans-serif}@keyframes card-hand-replenish{0%{opacity:.28;filter:brightness(1.65) saturate(1.25);transform:translate3d(var(--draw-origin-x),var(--draw-origin-y),0) rotate(7deg) scale(var(--draw-origin-scale))}54%{opacity:1;filter:brightness(1.28) saturate(1.18);transform:translate3d(-3px,-14px,0) rotate(-2deg) scale(1.07);box-shadow:inset 0 0 0 1px #563216,0 0 18px #4cdbffdb}76%{transform:translate3d(1px,2px,0) rotate(1deg) scale(.98)}to{opacity:1;filter:none;transform:var(--draw-rest-transform)}}@keyframes card-hand-replenish-sheen{0%{transform:translate(-55%)}to{transform:translate(55%)}}@keyframes card-hand-cue{0%{opacity:0;transform:translate(-50%,5px) scale(.96)}12%,76%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-3px) scale(.98)}}@media(max-height:740px){.card-hand .next-card{top:7px;height:90px;grid-template-rows:8px 30px 20px 17px}.card-hand .next-card .next-card__visual{width:36px;height:30px}.card-hand.is-collapsed{padding-top:9px;padding-bottom:3px}.card-hand.is-collapsed .card-hand__toggle{top:13px}.card-hand.is-collapsed .cards-row{height:54px}.card-hand.is-collapsed .battle-card{min-height:52px;height:52px;grid-template-rows:34px 13px}.card-hand.is-collapsed .battle-card>img,.card-hand.is-collapsed .card-icon{height:34px}.card-hand.is-collapsed .card-trait{top:21px}.card-hand.is-collapsed .next-card{top:8px;height:54px;grid-template:"label label" 7px "visual visual" 27px "name cost" 14px / minmax(0,1fr) 18px}.card-hand.is-collapsed .next-card .next-card__visual{width:36px;height:27px}}@media(prefers-reduced-motion:reduce){.battle-card.is-power-ready:before,.energy-readout.is-full>strong,.energy-readout.is-full>svg{animation:none!important}.card-hand .cards-row>.battle-card.is-replenished{animation:none!important;border-color:#d8f8ff;box-shadow:inset 0 0 0 1px #563216,0 0 0 3px #5edcf985,0 0 15px #4ad9fba3}.card-hand .battle-card>img{transition:none}.mobile-prototype .card-hand,.card-hand .cards-row,.card-hand .battle-card,.card-hand .card-icon,.card-hand .next-card{transition:none}.card-hand .cards-row>.battle-card.is-replenished:after,.card-hand .card-draw-cue.is-visible{animation:none!important}.card-hand .cards-row>.battle-card.is-replenished:after{display:none}.card-hand .card-draw-cue.is-visible{opacity:1;transform:translate(-50%)}}._lobby_3890r_1{--lobby-cyan: #28d7ff;--lobby-cyan-deep: #075779;--lobby-amber: #ff9f35;--lobby-brass: #c18436;--lobby-cream: #fff4d8;position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;min-height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));color:var(--lobby-cream);background-color:#160f0a;background-image:linear-gradient(180deg,#0c09063d,#120c07b8 43%,#0a0806f7),url(/assets/backgrounds/sky-forge-3d-loading-v3-no-altar.jpg);background-position:center;background-size:cover;isolation:isolate}._lobby_3890r_1:before,._lobby_3890r_1:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}._lobby_3890r_1:before{top:-86px;left:-90px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,142,42,.22),transparent 68%)}._lobby_3890r_1:after{right:-108px;bottom:24px;width:290px;height:290px;background:radial-gradient(circle,rgba(31,208,255,.18),transparent 68%)}._atmosphere_3890r_52{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(239,189,99,.025) 48px 49px),radial-gradient(ellipse at 50% 37%,rgba(255,178,75,.14),transparent 43%);box-shadow:inset 0 0 70px #000000ad}._topRail_3890r_62{width:min(100%,330px);display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:9px;margin-bottom:19px}._topRail_3890r_62 i,._footer_3890r_72 i{height:1px;background:linear-gradient(90deg,transparent,rgba(226,164,78,.86))}._topRail_3890r_62 i:last-child,._footer_3890r_72 i:last-child{transform:scaleX(-1)}._topRail_3890r_62 span{height:9px;border:1px solid #d69b4a;border-radius:50%;background:#4f321a;box-shadow:0 0 14px #ffa43852,inset 0 0 4px #160d07}._header_3890r_90{width:100%;text-align:center}._header_3890r_90 h1,._header_3890r_90 p{margin:0}._eyebrow_3890r_100{display:inline-flex;align-items:center;gap:6px;color:#efc57f;font-size:10px;font-weight:900;letter-spacing:.16em}._eyebrow_3890r_100 svg{color:var(--lobby-cyan);font-size:15px}._header_3890r_90 h1{margin-top:5px;font-size:clamp(25px,8vw,32px);line-height:1.1;letter-spacing:.06em;text-shadow:0 3px 12px #000,0 0 18px rgba(255,159,53,.18)}._header_3890r_90 p{min-height:34px;margin-top:8px;color:#d9c5a5;font-size:11px;line-height:1.55}._panel_3890r_131{position:relative;width:min(100%,354px);margin-top:18px;padding:32px 17px 18px;background:linear-gradient(180deg,#3d2815f7,#1d140dfa),#2c1d12;border:1px solid #b6782e;border-radius:18px;box-shadow:0 24px 54px #0000009e,inset 0 0 0 2px #59391dd1,inset 0 1px #ffe0a529}._panel_3890r_131:before,._panel_3890r_131:after{content:"";position:absolute;top:20px;width:42px;height:1px;background:#7c5128}._panel_3890r_131:before{left:20px}._panel_3890r_131:after{right:20px}._panelCountdown_3890r_160{overflow:hidden;border-color:#e5a94f;box-shadow:0 24px 54px #0000009e,inset 0 0 0 2px #59391dd1,inset 0 1px #ffe0a533,0 0 30px #ff972a29}._panelCrest_3890r_170{position:absolute;top:-25px;left:50%;width:51px;height:51px;display:grid;place-items:center;transform:translate(-50%);color:#9deeff;background:radial-gradient(circle,#195d76,#102d38 68%);border:2px solid #d59a49;border-radius:50%;box-shadow:0 0 0 4px #2a1a0f,0 0 22px #27d2ff61}._panelCrest_3890r_170 svg{font-size:28px}._choiceView_3890r_188,._joinView_3890r_189,._roomView_3890r_190,._loadingView_3890r_191,._countdownView_3890r_192{display:grid;gap:12px}._loadingView_3890r_191{min-height:182px;place-items:center;align-content:center;text-align:center}._loadingView_3890r_191>svg{color:var(--lobby-cyan);font-size:42px;filter:drop-shadow(0 0 11px rgba(40,215,255,.48))}._loadingView_3890r_191 strong{font-size:14px}._loadingView_3890r_191 small{color:#bba98c;font-size:9px}._countdownView_3890r_192{min-height:250px;place-items:center;align-content:center;gap:7px;text-align:center}._countdownAnnouncement_3890r_221{display:grid;place-items:center;gap:7px}._countdownView_3890r_192:before{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,174,69,.18);border-radius:50%;box-shadow:0 0 42px #ff8a2024,inset 0 0 42px #ff8a2014;pointer-events:none}._countdownAnnouncement_3890r_221>small{color:#f0bf78;font-size:9px;font-weight:900;letter-spacing:.16em}._countdownAnnouncement_3890r_221>strong{position:relative;color:#fff4d9;font:800 84px/.95 Rajdhani,sans-serif;text-shadow:0 5px 0 #6c3513,0 0 28px rgba(255,164,51,.65)}._countdownAnnouncement_3890r_221>span{color:#d8c19c;font-size:11px}._countdownAnnouncement_3890r_221>div{display:flex;gap:6px;margin-top:7px}._countdownAnnouncement_3890r_221>div i{width:26px;height:4px;border-radius:4px;background:#f5a63d;box-shadow:0 0 8px #f5a63d85}._countdownExitButton_3890r_268{position:relative;z-index:1;min-height:44px;margin-top:16px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#ffe7cc;background:#481f12f0;border:1px solid #e38f4d;border-radius:11px;box-shadow:0 3px #241009,inset 0 1px #ffe7c724;font:inherit;font-size:10px;font-weight:900}._countdownExitButton_3890r_268 svg{width:18px;height:18px}._countdownExitButton_3890r_268:active{transform:translateY(2px);box-shadow:0 1px #241009}._countdownExitButton_3890r_268:focus-visible{outline:3px solid #fff;outline-offset:3px}._modeSummary_3890r_303{display:flex;align-items:center;gap:11px;margin-bottom:2px;padding:11px 12px;background:#0b303d7a;border:1px solid rgba(73,204,236,.3);border-radius:11px}._modeSummary_3890r_303>span{flex:0 0 auto;width:37px;height:37px;display:grid;place-items:center;color:#d2f9ff;background:#0c6b8c;border:1px solid #6eddf4;border-radius:50%;box-shadow:0 0 12px #28d7ff40}._modeSummary_3890r_303 svg{font-size:19px}._modeSummary_3890r_303 div{min-width:0;display:grid;gap:3px}._modeSummary_3890r_303 strong{font-size:13px}._modeSummary_3890r_303 small{color:#b9d7d9;font-size:9px}._primaryButton_3890r_332,._secondaryButton_3890r_333,._textButton_3890r_334,._backButton_3890r_335,._roomCodeBlock_3890r_336 button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}._primaryButton_3890r_332{color:#062631;background:linear-gradient(180deg,#73eaff,#28c8ec);border:2px solid #d5fbff;box-shadow:0 4px #076482,0 0 20px #28d7ff33}._secondaryButton_3890r_333{color:#ffe9c3;background:linear-gradient(180deg,#68401f,#492d18);border:1px solid #d58c38;box-shadow:0 3px #21130a}._primaryButton_3890r_332 svg,._secondaryButton_3890r_333 svg{font-size:19px}._primaryButton_3890r_332:active,._secondaryButton_3890r_333:active,._roomCodeBlock_3890r_336 button:active{transform:translateY(2px)}._primaryButton_3890r_332:disabled,._secondaryButton_3890r_333:disabled,._roomCodeBlock_3890r_336 button:disabled{cursor:default;opacity:.55;filter:saturate(.45)}._primaryButton_3890r_332:focus-visible,._secondaryButton_3890r_333:focus-visible,._textButton_3890r_334:focus-visible,._backButton_3890r_335:focus-visible,._roomCodeBlock_3890r_336 button:focus-visible,._codeInput_3890r_385:focus-visible{outline:3px solid #fff;outline-offset:3px}._joinView_3890r_189{padding-top:2px}._backButton_3890r_335{justify-self:start;min-height:36px;margin:-5px 0 2px -5px;padding:5px 7px;color:#dfc79f;background:transparent;border:0;font-size:10px}._joinView_3890r_189 label{color:#fff0d1;font-size:12px;font-weight:800;text-align:center}._joinView_3890r_189>small{margin-top:-6px;color:#ad9b82;font-size:9px;text-align:center}._codeInput_3890r_385{width:100%;height:54px;padding:7px 12px;color:#e8fbff;background:#100e0d;border:2px solid #2ebcde;border-radius:11px;box-shadow:inset 0 0 18px #1cb5da1f,0 0 13px #28d7ff1a;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:.01em;text-align:left}._codeInput_3890r_385::placeholder{color:#52666b}._duelRow_3890r_435{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:4px}._playerSigil_3890r_442{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}._portraitFrame_3890r_450{position:relative;width:58px;height:58px;overflow:hidden;margin-bottom:3px;border:2px solid var(--lobby-cyan);border-radius:50%;background:#17333b;box-shadow:0 0 14px #28d7ff66,inset 0 0 0 3px #362516}._playerSigilAmber_3890r_462 ._portraitFrame_3890r_450{border-color:var(--lobby-amber);box-shadow:0 0 14px #ff9f3561,inset 0 0 0 3px #362516}._portraitFrame_3890r_450 img{width:100%;height:100%;display:block;object-fit:cover}._portraitFrame_3890r_450 span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#d0b990;background:#1a140fd1;font:700 24px/1 Rajdhani,sans-serif}._readyMark_3890r_484{position:absolute;right:-1px;bottom:-1px;width:20px;height:20px;padding:2px;color:#092d38;background:#77efff;border:2px solid #26170d;border-radius:50%;filter:drop-shadow(0 0 5px rgba(40,215,255,.75))}._playerSigilAmber_3890r_462 ._readyMark_3890r_484{color:#3f210a;background:#ffae4b;filter:drop-shadow(0 0 5px rgba(255,159,53,.72))}._playerSigil_3890r_442 strong{max-width:100%;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}._playerSigil_3890r_442 small{color:#7de1f2;font-size:8px}._playerSigilAmber_3890r_462 small{color:#f7b263}._playerSigil_3890r_442 em{min-width:48px;padding:2px 6px;color:#a99a83;background:#0e0b09b3;border:1px solid #5c4228;border-radius:999px;font-size:7px;font-style:normal;font-weight:800}._playerSigil_3890r_442[data-ready=true] em{color:#bff8ff;border-color:#258eaa;background:#084656b8}._playerSigilAmber_3890r_462[data-ready=true] em{color:#ffe0b2;border-color:#a86827;background:#5c300ebf}._playerSigilOffline_3890r_537{opacity:.72}._playerSigilOffline_3890r_537 ._portraitFrame_3890r_450{filter:grayscale(.6)}._versus_3890r_540{position:relative;height:52px;display:grid;place-items:center}._versus_3890r_540 span{position:relative;z-index:1;width:37px;height:37px;display:grid;place-items:center;color:#ffe6bc;background:#3f2916;border:1px solid #bf7d31;border-radius:50%;font:700 14px/1 Rajdhani,sans-serif;box-shadow:0 0 0 3px #19100ae0}._versus_3890r_540 i{position:absolute;width:1px;height:100%;transform:rotate(28deg);background:linear-gradient(transparent,#d79645,transparent)}._roomCodeBlock_3890r_336{display:grid;justify-items:center;gap:7px;padding:11px 10px 10px;background:#0c0b09ba;border:1px solid #74512d;border-radius:12px}._roomCodeBlock_3890r_336>small{color:#cbb38c;font-size:8px;font-weight:800;letter-spacing:.15em}._roomCode_3890r_336{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}._roomCode_3890r_336 span{height:35px;display:grid;place-items:center;color:#d8f9ff;background:linear-gradient(180deg,#183c47,#102b34);border:1px solid #3cbad7;border-radius:6px;font:700 20px/1 Rajdhani,ui-monospace,monospace;box-shadow:inset 0 1px #cefaff1f}._roomCodeBlock_3890r_336 button{min-height:31px;padding:4px 9px;color:#edd0a0;background:transparent;border:0;font-size:9px}._inviteUrlFallback_3890r_615{width:100%;min-height:34px;padding:7px 9px;color:#d8f9ff;background:#0b2028;border:1px solid #52c9ed;border-radius:7px;font:700 9px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis}._inviteUrlFallback_3890r_615:focus-visible{outline:3px solid #fff;outline-offset:2px}._inviteFingerprint_3890r_632{width:100%;overflow:hidden;padding:9px 11px;color:#d8f9ff;background:linear-gradient(180deg,#183c47,#102b34);border:1px solid #3cbad7;border-radius:7px;box-shadow:inset 0 1px #cefaff1f;font:700 17px/1 Rajdhani,ui-monospace,monospace;letter-spacing:.1em;text-align:center;text-overflow:ellipsis;white-space:nowrap}._connectionBanner_3890r_648{display:flex;align-items:center;gap:9px;padding:9px 10px;color:#c9f8ff;background:#0543546e;border:1px solid rgba(77,212,241,.35);border-radius:10px}._connectionBanner_3890r_648>svg{flex:0 0 auto;color:var(--lobby-cyan);font-size:21px}._connectionBanner_3890r_648 div{display:grid;gap:2px}._connectionBanner_3890r_648 strong{font-size:10px}._connectionBanner_3890r_648 small{color:#9fc2c5;font-size:8px;line-height:1.4}._connectionBannerWarning_3890r_669{color:#ffe1b2;background:#672d0d6e;border-color:#ff9c3766}._connectionBannerWarning_3890r_669>svg{color:var(--lobby-amber)}._readyButton_3890r_677{color:#dffbff;background:linear-gradient(180deg,#167d98,#0d5b71);border-color:#7cecff;box-shadow:0 4px #063947,0 0 20px #28d7ff2b}._textButton_3890r_334{min-height:32px;padding:3px 8px;color:#b9a88e;background:transparent;border:0;font-size:9px}._errorMessage_3890r_693{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin:12px 0 0;padding:8px 9px;color:#ffd3b0;background:#71270b6b;border:1px solid rgba(255,126,46,.45);border-radius:8px;font-size:9px;line-height:1.45;text-align:left}._errorMessage_3890r_693 svg{flex:0 0 auto;margin-top:1px;font-size:14px}._footer_3890r_72{width:min(100%,310px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:auto;padding-top:18px;color:#9e8969;font-size:8px;letter-spacing:.08em}._spinner_3890r_724{animation:_lobby-spin_3890r_1 .9s linear infinite}@keyframes _lobby-spin_3890r_1{to{transform:rotate(360deg)}}@media(max-height:720px){._lobby_3890r_1{padding-top:calc(15px + env(safe-area-inset-top,0px))}._topRail_3890r_62{margin-bottom:10px}._header_3890r_90 h1{font-size:25px}._header_3890r_90 p{min-height:25px;margin-top:4px}._panel_3890r_131{margin-top:10px;padding-top:27px}._portraitFrame_3890r_450{width:49px;height:49px}._roomView_3890r_190{gap:8px}._roomCodeBlock_3890r_336{padding-block:8px}._footer_3890r_72{padding-top:9px}}@media(prefers-reduced-motion:reduce){._primaryButton_3890r_332,._secondaryButton_3890r_333,._roomCodeBlock_3890r_336 button{transition:none}._spinner_3890r_724{animation-duration:1.8s}}:root{font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,system-ui,sans-serif;color:#fff8e8;background:#17100b;font-synthesis:none;text-rendering:geometricPrecision;--blue: #25c9ff;--blue-deep: #063c5c;--amber: #ff9f2b;--amber-deep: #61230a;--brass: #b77a2d;--brass-light: #efbd63;--ink: #160f0b;--forge-ink: #1d160d;--forge-panel: #2a1d11;--forge-border: #503921;--forge-muted: #54432a;--safe-bottom: env(safe-area-inset-bottom, 0px);--hand-collapsed-height: 88px;--hand-expanded-height: 136px;--energy-rail-height: 39px;--control-clearance: 10px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#17100b}button{font:inherit}button:focus-visible{outline:3px solid #fff;outline-offset:2px}.app-shell{min-height:100dvh;display:grid;place-items:center;background:#17100b}.app-shell.is-visual-capture{width:390px;min-width:390px;min-height:844px;height:844px;margin-inline:auto}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);max-height:844px;margin-inline:auto;overflow:hidden;position:relative;isolation:isolate;background-color:#21150e;background-image:url(/assets/backgrounds/sky-forge-3d-loading-v3-no-altar.jpg);background-position:center;background-size:cover;box-shadow:0 0 0 1px #704921,0 22px 80px #00000094;touch-action:manipulation}.mobile-prototype.is-visual-capture{width:390px;height:844px;max-height:844px}.mobile-prototype.is-core-warning:after,.mobile-prototype.is-core-critical:after{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;box-shadow:inset 0 0 34px #ff5e243d}.mobile-prototype.is-core-critical:after{box-shadow:inset 0 0 46px #ff31186b,inset 0 -30px 46px #750d0642;animation:core-danger-edge 1.15s ease-in-out infinite alternate}.arena-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;touch-action:manipulation;animation:arena-renderer-enter .32s ease-out both}.arena-canvas canvas{display:block;width:100%!important;height:100%!important}.arena-loading{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#21150e;touch-action:manipulation}.arena-loading>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92) brightness(.74) contrast(1.08)}.arena-loading__status{position:absolute;z-index:2;left:50%;top:31%;width:190px;min-height:64px;transform:translate(-50%,-50%);display:grid;gap:4px;padding:9px 12px;color:#fff3d4;text-align:center;background:#190f08e6;border:1px solid rgba(225,161,67,.78);border-radius:12px;box-shadow:0 6px 20px #00000070,inset 0 0 12px #ffad3d14;pointer-events:none}.mobile-prototype.is-arena-loading .notice-pill,.mobile-prototype.has-battle-modal .notice-pill{opacity:0;visibility:hidden}@keyframes arena-renderer-enter{0%{opacity:0}to{opacity:1}}.arena-loading__status strong{font-size:11px;letter-spacing:.04em}.arena-loading__status span{color:#cdbb9b;font-size:8px}.arena-loading__status progress{width:100%;height:5px;accent-color:var(--blue)}.arena-loading.is-paused>img{filter:saturate(.72) brightness(.62) contrast(1.08)}.combat-screen-flash{position:absolute;z-index:6;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,rgba(221,249,255,.48),rgba(37,201,255,.12) 28%,transparent 62%);mix-blend-mode:screen;pointer-events:none;animation:combat-flash .36s ease-out both}.combat-screen-flash--amber{background:radial-gradient(circle at 50% 48%,rgba(255,247,211,.55),rgba(255,137,33,.16) 30%,transparent 65%)}@keyframes combat-flash{0%{opacity:.9}to{opacity:0}}.arena-fallback{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#21150e}.arena-canvas.is-paused .combat-screen-flash,.arena-fallback.is-paused .arena-fallback__unit-shell,.arena-fallback.is-paused .arena-fallback__commander-shell,.arena-fallback.is-paused .arena-fallback__effect,.arena-fallback.is-paused .arena-fallback__structure-shield{animation-play-state:paused}.arena-fallback__backdrop,.arena-fallback__atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.arena-fallback__backdrop{object-fit:cover;filter:saturate(1.08) contrast(1.03) brightness(.88)}.arena-fallback__atmosphere{background:linear-gradient(180deg,rgba(40,18,5,.34),transparent 19%,transparent 72%,rgba(3,31,43,.34)),radial-gradient(circle at 50% 49%,rgba(75,224,255,.18),transparent 22%)}.arena-fallback__unit-shell,.arena-fallback__commander-shell{position:absolute;z-index:2;display:block;transform:translate(-50%,-50%);pointer-events:none;animation:fallback-float 1s ease-in-out infinite alternate}.arena-fallback__unit-shell{width:34px;height:34px}.arena-fallback__unit{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;border:2px solid var(--blue);box-shadow:0 4px 8px #00000080,0 0 10px #25c9ffb8}.arena-fallback__unit-shell--amber .arena-fallback__unit{border-color:var(--amber);box-shadow:0 4px 8px #00000080,0 0 10px #ff9f2bb8}.arena-fallback__unit-shell.is-attacking{animation:fallback-strike .26s ease-in-out infinite alternate}.arena-fallback__health{--health-fill: #25e6ff;--health-edge: #d4fbff;position:absolute;left:2px;right:2px;top:-10px;z-index:8;box-sizing:border-box;height:8px;overflow:hidden;border:1px solid var(--health-edge);border-radius:4px;background:#07090c;box-shadow:0 0 0 1px #000000f5,0 0 6px color-mix(in srgb,var(--health-fill) 72%,transparent);transform:translate(var(--health-shift-x, 0),var(--health-shift-y, 0));transition:transform 90ms linear}.arena-fallback__health i{display:block;width:100%;height:100%;transform-origin:left center;background:var(--health-fill);box-shadow:0 0 5px var(--health-fill);transition:transform .12s linear}.arena-fallback__unit-shell>.arena-fallback__health,.arena-fallback__commander-shell>.arena-fallback__health{left:calc((100% - var(--unit-health-width)) / 2);right:auto;width:var(--unit-health-width);height:5px;top:-7px}.arena-fallback__health--enemy{--health-fill: #ff4b24;--health-edge: #ffd6c5}.arena-fallback__commander-shell{z-index:3;width:47px;height:47px}.arena-fallback__commander-shell.is-defeated{opacity:.38;filter:grayscale(.8)}.arena-fallback__structure-meter{--health-fill: #25e6ff;--health-edge: #d4fbff;position:absolute;z-index:7;box-sizing:border-box;width:44px;height:8px;margin-top:-26px;overflow:hidden;transform:translate(-50%,-50%);border:1px solid var(--health-edge);border-radius:4px;background:#07090c;box-shadow:0 0 0 1px #000000f5,0 0 7px color-mix(in srgb,var(--health-fill) 72%,transparent);pointer-events:none}.arena-fallback__structure-meter i{display:block;width:100%;height:100%;transform-origin:left center;background:var(--health-fill);box-shadow:0 0 5px var(--health-fill);transition:transform .12s linear}.arena-fallback__structure-meter--enemy{--health-fill: #ff4b24;--health-edge: #ffd6c5}.arena-fallback__structure-meter.is-destroyed{opacity:0}.arena-fallback__projectile,.arena-fallback__effect{position:absolute;z-index:4;left:50%;top:50%;display:block;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}.arena-fallback__projectile{background:#d6f8ff;border:2px solid var(--blue);box-shadow:0 0 5px #fff,0 0 14px var(--blue)}.arena-fallback__projectile--amber{background:#fff0c6;border-color:var(--amber);box-shadow:0 0 5px #fff,0 0 14px var(--amber)}.arena-fallback__projectile--fire{width:13px;height:13px;background:#fff0a5;border-color:#ff5b1b;box-shadow:0 0 5px #fff2ab,0 0 14px #ff6b1e,0 0 24px #ff4512b8}.arena-fallback__projectile--electric{background:#f6efff;border-color:#ad86ff;border-radius:2px 50%;box-shadow:0 0 5px #fff,0 0 15px #9e7cff,0 0 25px #63c7ff94}.arena-fallback__projectile--arcane{background:#ddfbff;border-color:#52dfff;box-shadow:0 0 5px #fff,0 0 15px #4bdfff,0 0 24px #5b80ff85}.arena-fallback__projectile--kinetic{width:13px;height:5px;border-radius:2px 8px 8px 2px;background:#fff1cf;border-color:#d99142;box-shadow:0 0 5px #fff5df,0 0 12px #dd8438}.arena-fallback__projectile--steam{width:16px;height:8px;border-radius:50%;background:#e1fff9db;border-color:#9ecbc4;box-shadow:0 0 7px #eafffb,0 0 16px #7fbeb5b8}.arena-fallback__effect{--vfx-core: var(--blue);--vfx-primary: var(--blue);--vfx-secondary: #dffaff;width:28px;height:28px;border:3px solid var(--vfx-primary);box-shadow:0 0 8px var(--vfx-core),0 0 16px var(--vfx-primary);scale:var(--vfx-scale, 1);animation-name:fallback-impact;animation-duration:var(--vfx-duration, .46s);animation-delay:var(--vfx-delay, 0s);animation-timing-function:ease-out;animation-fill-mode:both}.arena-fallback__effect--amber{border-color:var(--amber);box-shadow:0 0 16px var(--amber)}.arena-fallback__effect--fire{border-color:#ff7b26;box-shadow:0 0 10px #ffd772,0 0 23px #ff551b}.arena-fallback__effect--electric{border-color:#b99bff;box-shadow:0 0 9px #f5efff,0 0 24px #8e72ff}.arena-fallback__effect--arcane{border-color:#66e9ff;box-shadow:0 0 9px #ecfeff,0 0 24px #47cfff}.arena-fallback__effect--kinetic{border-width:2px 5px;border-radius:3px 50%;box-shadow:0 0 7px var(--vfx-core),0 0 17px var(--vfx-primary)}.arena-fallback__effect--steam{width:34px;height:22px;border-style:double;border-color:var(--vfx-primary);border-radius:52% 48% 58% 42%;background:radial-gradient(circle,color-mix(in srgb,var(--vfx-core) 54%,transparent),transparent 68%);box-shadow:0 0 8px var(--vfx-core),0 0 19px var(--vfx-secondary)}.arena-fallback__effect--guard{border-color:var(--vfx-primary);border-radius:0;clip-path:polygon(25% 7%,75% 7%,100% 50%,75% 93%,25% 93%,0 50%);background:color-mix(in srgb,var(--vfx-secondary) 18%,transparent);box-shadow:inset 0 0 8px var(--vfx-secondary),0 0 18px var(--vfx-primary)}.arena-fallback__effect--repair{width:30px;height:30px;border:2px solid #72ffd1;border-radius:50%;background:linear-gradient(#effff9,#effff9) center / 5px 20px no-repeat,linear-gradient(90deg,#effff9,#effff9) center / 20px 5px no-repeat,radial-gradient(circle,rgba(114,255,209,.42),transparent 68%);box-shadow:0 0 9px #dffff4,0 0 21px #42d9ae;animation-name:fallback-spawn}.arena-fallback__combat-delivery{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:var(--delivery-team-color, #79eaff);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;animation:fallback-delivery-fade var(--vfx-duration, .36s) ease-out var(--vfx-delay, 0s) both}.arena-fallback__combat-delivery--amber{stroke:var(--delivery-team-color, #ff926b)}.arena-fallback__combat-delivery[data-combat-stage=travel]{animation:none}.arena-fallback__combat-delivery[data-combat-signature=shell]{stroke-width:2.7px}.arena-fallback__combat-delivery[data-combat-signature=bite]{stroke-width:1.7px}.arena-fallback__combat-delivery[data-combat-stage=release]{stroke-width:2.3px}.arena-fallback__combat-delivery[data-combat-delivery=support]{stroke:#84ffd2}.arena-fallback__combat-delivery[data-combat-delivery=status][data-combat-signature=poison]{stroke:#79eeb4}.arena-fallback__combat-delivery[data-combat-delivery=support] path:first-child{stroke-width:1px;opacity:.65}.arena-fallback__combat-delivery[data-combat-delivery=melee][data-combat-stage=contact] path{stroke-dasharray:1;animation:fallback-delivery-contact var(--vfx-duration, .36s) ease-out var(--vfx-delay, 0s) both}.arena-fallback.is-paused .arena-fallback__combat-delivery,.arena-fallback.is-paused .arena-fallback__combat-delivery path{animation-play-state:paused}@keyframes fallback-delivery-fade{0%,22%{opacity:1}to{opacity:0}}@keyframes fallback-delivery-contact{0%{stroke-dashoffset:1}28%,to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.arena-fallback__combat-delivery[data-combat-delivery=melee][data-combat-stage=contact] path{animation:none;stroke-dashoffset:0}}.arena-fallback__effect--death,.arena-fallback__effect--structure-destroyed,.arena-fallback__effect--destroy{background:radial-gradient(circle,#fff8d8 0 12%,#ff982e 28%,rgba(255,92,24,.42) 48%,transparent 72%);border:0;animation-name:fallback-explosion}.arena-fallback__effect--spawn,.arena-fallback__effect--shield,.arena-fallback__effect--dash{border-style:double;animation-name:fallback-spawn}.arena-fallback__structure-shield{position:absolute;z-index:3;width:66px;height:66px;transform:translate(-50%,-50%);border:3px double rgba(119,226,255,.88);border-radius:50%;background:radial-gradient(circle,#25c9ff14,#25c9ff38);box-shadow:inset 0 0 20px #25c9ff52,0 0 18px #25c9ff8c;pointer-events:none;animation:fallback-shield .9s ease-in-out infinite alternate}.arena-fallback__structure-shield--amber{border-color:#ffa85be6;background:radial-gradient(circle,#ff711b14,#ff801f3b);box-shadow:inset 0 0 20px #ff6f1f4d,0 0 18px #ff872c94}.arena-fallback__commander{display:block;width:47px;height:47px;object-fit:cover;object-position:center 24%;border-radius:50%;border:3px solid var(--blue);background:#153e52;box-shadow:0 5px 12px #00000094,0 0 16px #25c9ffdb}.arena-fallback__commander--amber{border-color:var(--amber);background:#542610;box-shadow:0 5px 12px #00000094,0 0 16px #ff9f2bcc}.arena-fallback__commander.is-shielded{outline:7px solid rgba(65,214,255,.26);box-shadow:0 0 24px #4fdaff}.arena-fallback__mode{position:absolute;right:9px;top:238px;padding:3px 6px;color:#d8f7ff;background:#082633bd;border:1px solid rgba(87,220,255,.55);border-radius:7px;z-index:20;max-width:min(280px,calc(100% - 18px));font-size:12px;letter-spacing:.08em;pointer-events:auto}.arena-fallback__mode summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.arena-fallback__mode[open]{background:#082633;padding:8px 12px}.arena-fallback__mode p{line-height:1.5;margin:8px 0}.arena-fallback__mode button{min-height:44px;padding:8px 14px;border:1px solid #57dcff;border-radius:7px;background:#103f50;color:#d8f7ff}.arena-fallback__zone{position:absolute;z-index:2;top:56.6%;width:56px;height:56px;transform:translate(-50%,-50%);display:grid;place-items:center;border:2px solid rgba(115,224,255,.72);border-radius:50%;color:#dff9ff;background:#0735487a;box-shadow:0 0 16px #25c9ff59,inset 0 0 14px #25c9ff2e;pointer-events:none}.arena-fallback__zone--left{left:18.75%}.arena-fallback__zone--right{left:81.25%}.arena-fallback__zone>i{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;background:conic-gradient(var(--blue) var(--zone-progress),rgba(20,15,10,.42) 0deg);-webkit-mask:radial-gradient(circle,transparent 60%,#000 62%);mask:radial-gradient(circle,transparent 60%,#000 62%)}.arena-fallback__zone>span{font:800 8px/1 Rajdhani,sans-serif;text-shadow:0 1px 3px #00131c}.arena-fallback__zone.is-captured{border-color:#bdf4ff;background:#055b7bb3;box-shadow:0 0 22px #25c9ffb8,inset 0 0 15px #25c9ff59}@keyframes fallback-float{0%{transform:translate(-50%,-50%) translateY(-1px)}to{transform:translate(-50%,-50%) translateY(2px)}}@keyframes fallback-strike{0%{transform:translate(-50%,-50%) scale(.94)}to{transform:translate(-50%,-50%) scale(1.1)}}@keyframes fallback-impact{0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}@keyframes fallback-explosion{0%{opacity:1;transform:translate(-50%,-50%) scale(.3) rotate(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.25) rotate(45deg)}}@keyframes fallback-spawn{0%{opacity:.9;transform:translate(-50%,-50%) scale(1.35)}to{opacity:0;transform:translate(-50%,-50%) scale(.25)}}@keyframes fallback-shield{0%{opacity:.55;transform:translate(-50%,-50%) scale(.97)}to{opacity:.9;transform:translate(-50%,-50%) scale(1.04)}}.opponent-hud{position:absolute;z-index:10;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;height:61px;display:grid;grid-template-columns:52px minmax(0,1fr) auto 42px 20px;align-items:center;gap:8px;padding:5px 7px 5px 5px;color:#fff8e9;background:#190e08db;border:1px solid rgba(240,177,86,.68);border-radius:14px;box-shadow:0 5px 18px #2c14065c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.opponent-hud:has(.round-exit-button){grid-template-columns:46px minmax(0,1fr) 82px 42px 14px;gap:5px}.opponent-hud:has(.round-exit-button) .connection-status{display:grid}.opponent-hud:has(.round-exit-button) .connection-icon{font-size:14px}.opponent-hud:has(.round-exit-button) .portrait-frame{width:44px;height:44px}.opponent-hud:has(.round-exit-button) .identity-block strong{font-size:13px}.opponent-hud:has(.round-exit-button) .identity-block small{overflow:hidden;font-size:9px;text-overflow:ellipsis}.opponent-hud:has(.round-exit-button) .match-clock{min-width:82px;grid-template-columns:1fr 40px}.opponent-hud:has(.round-exit-button) .match-clock button{width:44px;height:44px}.portrait-frame{width:48px;height:48px;border-radius:50%;position:relative;overflow:visible;background:#24140b;border:2px solid var(--amber);box-shadow:inset 0 0 0 2px #4f2d14,0 0 12px #ff8b1f5c}.portrait-frame img{width:100%;height:100%;object-fit:contain;object-position:center bottom;border-radius:inherit}.portrait-frame>span{position:absolute;left:-5px;bottom:-5px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#24160d;border:2px solid var(--amber);color:#fff;font:700 11px/1 Rajdhani,sans-serif}.identity-block{min-width:0;display:flex;flex-direction:column;gap:2px}.identity-block strong{font-size:14px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-block small{font-size:10px;color:#ffc369;white-space:nowrap}.match-clock{min-width:88px;text-align:center;display:grid;grid-template-columns:1fr 44px;align-items:end;column-gap:1px}.match-clock small{grid-column:1 / -1;color:#d7c3a2;font-size:8px;letter-spacing:.08em}.match-clock strong{font:700 22px/1 Rajdhani,sans-serif;letter-spacing:.03em;font-variant-numeric:tabular-nums}.match-clock.is-overtime small,.match-clock.is-overtime strong{color:#ffb153;text-shadow:0 0 10px rgba(255,99,25,.62)}.match-clock.is-overtime{margin:-4px -3px -4px 0;padding:4px 3px;background:linear-gradient(90deg,transparent,rgba(123,35,8,.34));border-radius:9px}.match-clock.is-final-countdown strong{color:#fff4da;animation:final-countdown-pulse 1s steps(2,end) infinite}.match-clock button{border:0;width:44px;height:44px;padding:0;border-radius:50%;color:#37220f;background:var(--brass-light);font-size:12px}.match-clock button:disabled{opacity:.45}.round-exit-button{width:42px;min-width:42px;height:44px;display:grid;place-items:center;align-content:center;gap:1px;padding:2px;color:#fff0db;background:linear-gradient(180deg,#7a351d,#4a2116);border:1px solid #e89452;border-radius:11px;box-shadow:inset 0 1px #ffe2ba2e,0 3px #271109;font:inherit}.round-exit-button svg{width:18px;height:18px}.round-exit-button span{font-size:8px;font-weight:900;line-height:1}.round-exit-button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffe2ba2e,0 1px #271109}.round-exit-button:focus-visible,.pause-exit-button:focus-visible,.intro-exit-button:focus-visible{outline:3px solid #fff;outline-offset:2px}.connection-status{display:grid;place-items:center}.connection-icon{color:#67e475;font-size:18px}.connection-status.is-offline .connection-icon{color:#ff826f}.phase-transition{position:absolute;z-index:24;left:50%;top:43%;width:min(292px,calc(100% - 52px));min-height:82px;display:grid;place-items:center;grid-template-rows:16px 33px 20px;padding:8px 26px;color:#fff3d3;text-align:center;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(38,14,7,.96) 12%,rgba(69,22,8,.98) 50%,rgba(38,14,7,.96) 88%,transparent),linear-gradient(180deg,rgba(255,135,35,.15),transparent);border-top:1px solid rgba(255,190,92,.9);border-bottom:1px solid rgba(255,91,35,.76);box-shadow:0 0 28px #912a0680,inset 0 0 18px #ff741a1c;transform:translate(-50%,-50%);animation:overtime-phase-arrival 2.5s cubic-bezier(.2,.82,.24,1) both}.mobile-prototype.is-battle-paused .phase-transition{animation-play-state:paused}.phase-transition:before,.phase-transition:after{position:absolute;top:50%;width:10px;height:10px;content:"";background:#ffb354;box-shadow:0 0 10px #ff5d24;transform:translateY(-50%) rotate(45deg)}.phase-transition:before{left:10px}.phase-transition:after{right:10px}.phase-transition small{color:#ffba6a;font-size:9px;font-weight:900;letter-spacing:.22em}.phase-transition strong{font:900 27px/1 Rajdhani,sans-serif;letter-spacing:.1em;text-shadow:0 0 14px rgba(255,97,30,.82)}.phase-transition span{color:#f8d6a3;font-size:10px;font-weight:800}.battle-event-banner{position:absolute;z-index:24;left:50%;top:39%;width:min(304px,calc(100% - 44px));min-height:72px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:27px auto;align-items:center;gap:1px 8px;padding:9px 18px;color:#eefcff;pointer-events:none;background:linear-gradient(90deg,#051e2829,#072b38f5 13%,#0d3a44fa 87%,#051e2829);border-top:1px solid rgba(128,231,255,.86);border-bottom:1px solid rgba(56,190,225,.76);box-shadow:0 0 26px #1395b961,inset 0 0 18px #47daff14;transform:translate(-50%,-50%);animation:battle-event-arrival .36s cubic-bezier(.2,.82,.24,1) both}.battle-event-banner--amber{color:#fff2d9;background:linear-gradient(90deg,#36160729,#481f09f5 13%,#5b2609fa 87%,#36160729);border-color:#ffa445db;box-shadow:0 0 26px #cb57126b,inset 0 0 18px #ff9d371a}.battle-event-banner--neutral{color:#fff3d2;background:linear-gradient(90deg,#2d1b0a29,#38240ff5 13%,#432b11fa 87%,#2d1b0a29);border-color:#eebf6ad1;box-shadow:0 0 26px #b1711f57,inset 0 0 18px #ffca6814}.battle-event-banner>svg{grid-row:1 / 3;width:31px;height:31px;color:#75e6ff;filter:drop-shadow(0 0 7px rgba(74,211,247,.7))}.battle-event-banner--amber>svg,.battle-event-banner--neutral>svg{color:#ffc169;filter:drop-shadow(0 0 7px rgba(255,136,44,.66))}.battle-event-banner strong{overflow:hidden;font-size:16px;font-weight:900;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}.battle-event-banner span{overflow:hidden;color:#c9e8ee;font-size:9px;font-weight:700;line-height:1.25;white-space:nowrap;text-overflow:ellipsis}.battle-event-banner--amber span,.battle-event-banner--neutral span{color:#ebcfa1}@keyframes final-countdown-pulse{50%{color:#ff7b52;text-shadow:0 0 12px rgba(255,58,30,.8)}}@keyframes overtime-phase-arrival{0%{opacity:0;transform:translate(-50%,-50%) scaleX(.22) scaleY(.84);filter:brightness(2)}14%{opacity:1;transform:translate(-50%,-50%) scaleX(1.04) scaleY(1)}23%,76%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}to{opacity:0;transform:translate(-50%,-54%) scale(1.02)}}@keyframes battle-event-arrival{0%{opacity:0;transform:translate(-50%,-43%) scale(.9);filter:brightness(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1);filter:brightness(1)}}@keyframes core-danger-edge{0%{opacity:.48}to{opacity:1}}.audio-toggle{position:absolute;z-index:16;top:112px;right:12px;width:44px;height:44px;display:grid;place-items:center;padding:0;color:#dff8ff;background:#082a37d6;border:1px solid rgba(111,225,255,.72);border-radius:50%;box-shadow:0 4px 14px #00000057,inset 0 0 12px #25c9ff29;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:manipulation}.audio-toggle[aria-pressed=false]{color:#e5c9a2;background:#2a1c12e0;border-color:#dead639e;box-shadow:0 4px 14px #00000057,inset 0 0 10px #dead631f}.audio-toggle svg{width:21px;height:21px}.audio-toggle .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.graphics-quality{position:absolute;z-index:15;top:160px;right:10px;width:48px;min-height:44px;display:grid;grid-template-columns:17px 1fr;align-items:center;gap:2px;padding:5px;color:#e6faff;background:#0a232bd1;border:1px solid rgba(75,210,244,.55);border-radius:12px;box-shadow:0 4px 12px #00000047,inset 0 0 9px #25c9ff1f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:manipulation}.graphics-quality svg{width:17px;height:17px}.graphics-quality span{font-size:8px;font-weight:900;line-height:1;letter-spacing:.02em}.battle-diagnostics{position:absolute;z-index:34;top:calc(env(safe-area-inset-top,0px) + 180px);right:7px;width:148px;display:grid;gap:2px;padding:6px 7px;color:#c9f7ff;background:#051014e0;border:1px solid rgba(75,218,247,.72);border-radius:7px;box-shadow:0 5px 16px #00000061;font:700 8px/1.25 Rajdhani,sans-serif;letter-spacing:.025em;pointer-events:none}.battle-diagnostics strong{color:#fff0b6;font-size:9px;letter-spacing:.1em}.graphics-quality--flow{color:#ffe0aa;border-color:#e2a95294;background:#2d1d11db}.enemy-status,.player-core-meter{position:absolute;z-index:8;left:50%;transform:translate(-50%)}.enemy-status{top:82px}.player-core-meter{bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 7px + var(--safe-bottom))}.mobile-prototype.is-hand-expanded .player-core-meter{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 7px + var(--safe-bottom))}.commander-respawn{position:absolute;z-index:13;left:50%;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 102px + var(--safe-bottom));width:120px;min-height:54px;transform:translate(-50%);display:grid;grid-template-columns:1fr 30px;align-items:center;gap:0 5px;padding:6px 8px;color:#eafaff;background:#072330eb;border:1px solid rgba(95,221,255,.82);border-radius:11px;box-shadow:0 5px 18px #00000073,inset 0 0 14px #25c9ff1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.mobile-prototype.is-hand-expanded .commander-respawn{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 102px + var(--safe-bottom))}.commander-respawn span{font-size:9px;font-weight:900}.commander-respawn strong{grid-row:1 / 3;grid-column:2;color:#8be8ff;font:700 25px/1 Rajdhani,sans-serif;text-align:center}.commander-respawn small{color:#a8cbd7;font-size:7px}.structure-meter{position:relative;width:116px;height:19px;overflow:hidden;border-radius:10px;background:#180e08e6;border:2px solid #362011;box-shadow:0 2px 8px #00000061}.structure-meter i{position:absolute;top:1px;right:1px;bottom:1px;left:1px;transform-origin:left center;border-radius:8px;background:var(--amber);transition:transform .18s linear}.structure-meter--blue i{background:var(--blue)}.structure-meter span{position:relative;z-index:1;display:block;text-align:center;color:#fff;font:700 12px/15px Rajdhani,sans-serif;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px #000}.battle-tag{position:absolute;z-index:7;top:112px;left:12px;display:flex;flex-direction:column;gap:1px;padding:6px 8px;background:#1a100abf;border-left:3px solid var(--amber);border-radius:3px 8px 8px 3px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.battle-tag span{color:#e3cda9;font-size:8px}.battle-tag strong{font-size:11px}.battle-status-rail{position:absolute;z-index:11;top:112px;left:12px;right:68px;min-height:44px;display:grid;grid-template-columns:minmax(74px,1fr) auto;gap:4px 7px;align-items:center;padding:5px 7px;color:#edfaff;background:linear-gradient(90deg,#0b242ce6,#151713d1);border:1px solid rgba(92,204,228,.54);border-left:3px solid var(--blue);border-radius:4px 10px 10px 4px;box-shadow:0 5px 15px #00000047,inset 0 0 11px #30c6e712;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.battle-status-rail--core-warning,.battle-status-rail--core-critical{border-color:#ff7c3eb8;border-left-color:#ff6b36;background:linear-gradient(90deg,#4b1b0aed,#1e1410db)}.battle-status-rail__identity{min-width:0;display:grid;gap:1px}.battle-status-rail__identity strong,.battle-status-rail__identity span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.battle-status-rail__identity strong{color:#fff4da;font-size:9px;line-height:1.15}.battle-status-rail__identity span{color:#a9c9d1;font-size:7px;font-weight:700}.battle-status-rail__timers{display:flex;gap:4px}.battle-status-rail__timers>span{min-width:77px;height:29px;display:grid;grid-template-columns:15px 19px minmax(32px,auto);place-items:center;gap:1px;padding:2px 4px;color:#ddf9ff;background:#05313fd1;border:1px solid rgba(89,215,244,.5);border-radius:8px}.battle-status-rail__timers>span:last-child{color:#ffe7b3;background:#41290ed1;border-color:#e7b05394}.battle-status-rail__timers>span.is-objective-live{color:#fff2b9;border-color:#ffd166;box-shadow:0 0 9px #ffb0376b}.battle-status-rail__timers svg{width:14px;height:14px}.battle-status-rail__timers b{font:900 9px/1 Rajdhani,sans-serif}.battle-status-rail__timers time{justify-self:end;color:inherit;font:800 10px/1 Rajdhani,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.battle-status-rail__states{grid-column:1 / -1;min-width:0;display:flex;gap:3px;overflow:hidden}.battle-status-rail__decision{position:absolute;top:calc(100% + 5px);left:0;right:0;min-height:28px;display:grid;grid-template-columns:1fr 1fr 1.14fr;gap:5px;pointer-events:none}.lane-pressure-chip,.objective-pressure-chip{min-width:0;height:28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:4px;padding:0 7px;color:#dff8ff;background:#052a34e0;border:1px solid rgba(78,201,230,.48);border-radius:9px;box-shadow:0 4px 12px #00000038;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.lane-pressure-chip b,.objective-pressure-chip b{font-size:8px;white-space:nowrap}.lane-pressure-chip strong{overflow:hidden;font-size:9px;text-align:center;white-space:nowrap;text-overflow:ellipsis}.lane-pressure-chip small,.objective-pressure-chip small{overflow:hidden;color:#b8d7df;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.lane-pressure-chip--advancing{color:#bff4ff;border-color:#4de0ffad}.lane-pressure-chip--pressured{color:#ffe0ad;background:#4b280ae6;border-color:#ffb146bf}.lane-pressure-chip--critical{color:#fff1e6;background:#5b190cf0;border-color:#ff7045;animation:lane-pressure-danger .9s ease-in-out infinite alternate}.objective-pressure-chip{grid-template-columns:14px auto minmax(0,1fr);color:#ffe7b3;background:#37260fe6;border-color:#e7b0539e}.objective-pressure-chip svg{width:13px;height:13px}.objective-pressure-chip.is-live{color:#fff4b7;border-color:#ffd166;box-shadow:0 0 10px #ffb03761}.battle-status-rail__decision .battle-event-banner.is-compact{position:relative;z-index:1;left:auto;top:auto;width:auto;min-height:42px;grid-column:1 / -1;grid-template-columns:24px minmax(0,1fr);grid-template-rows:18px auto;padding:5px 10px;border-radius:7px;transform:none;animation:battle-event-rail-arrival .24s ease-out both}.battle-status-rail__decision .battle-event-banner.is-compact>svg{width:21px;height:21px}.battle-status-rail__decision .battle-event-banner.is-compact strong{font-size:11px}.battle-status-rail__decision .battle-event-banner.is-compact span{font-size:8px}@keyframes lane-pressure-danger{to{border-color:#ffb06d;box-shadow:0 0 10px #ff4b2a70}}@keyframes battle-event-rail-arrival{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.battle-status-rail__states>span{min-width:0;height:18px;display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 5px;overflow:hidden;color:#dff9ff;background:#062f3bdb;border:1px solid rgba(78,201,230,.48);border-radius:9px;font-size:7px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.battle-status-rail__states>.unit-status-chip--petrify{color:#eefdfa;background:#2d4342eb;border-color:#9fc7c2}.battle-status-rail__states>.unit-status-chip--poison{color:#ecffcf;background:#2a4716eb;border-color:#91ce5e}.battle-status-rail__states>.unit-status-chip--buff{color:#f2e9ff;background:#361e5ceb;border-color:#bf91ff}.battle-status-rail__states>.core-alert-chip{color:#fff2dc;background:#6a1e0bf2;border-color:#ff8950}.core-alert-chip svg{width:9px;height:9px}.notice-pill{position:absolute;z-index:9;left:50%;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 104px + var(--safe-bottom));transform:translate(-50%);max-width:248px;padding:6px 10px;border-radius:12px;color:#fff7e8;background:#120c08c7;border:1px solid rgba(240,185,96,.56);font-size:9px;font-weight:700;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-prototype.is-hand-expanded .notice-pill{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 104px + var(--safe-bottom))}.notice-pill--during-respawn{bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 168px + var(--safe-bottom));max-width:220px}.mobile-prototype.is-hand-expanded .notice-pill--during-respawn{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 168px + var(--safe-bottom))}.deployment-targets{position:absolute;z-index:17;top:0;right:0;bottom:0;left:0;pointer-events:none}.deployment-targets:before{content:"";position:absolute;left:8px;right:8px;top:42%;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 96px + var(--safe-bottom));border:1px dashed rgba(112,229,255,.78);border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,#25c9ff08,#25c9ff33);box-shadow:inset 0 0 20px #25c9ff1f}.mobile-prototype.is-hand-expanded .deployment-targets:before{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 96px + var(--safe-bottom))}.deployment-targets--spell:before{top:25%;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 96px + var(--safe-bottom));border:1px solid rgba(197,157,255,.72);background:radial-gradient(circle at 50% 48%,rgba(174,105,255,.13),rgba(40,12,73,.05) 58%,transparent 78%);box-shadow:inset 0 0 24px #a967ff29}.mobile-prototype.is-hand-expanded .deployment-targets--spell:before{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 96px + var(--safe-bottom))}.deployment-target{position:absolute;width:76px;min-height:46px;transform:translate(-50%,-50%);display:grid;grid-template-columns:16px 1fr;grid-template-rows:16px 11px;place-items:center;gap:0 2px;padding:4px 6px;color:#e8fbff;background:#054963e0;border:2px solid #8be8ff;border-radius:15px;box-shadow:0 0 0 4px #25c9ff33,0 0 20px #25c9ffcc;pointer-events:auto;animation:deploy-pulse .9s ease-in-out infinite alternate}.deployment-target svg{grid-row:1 / 3;width:15px;height:15px}.deployment-target:disabled{animation:none;box-shadow:none;border-style:dashed;border-color:#a5afb4;background:#26363f;color:#f0f3f5;opacity:1;cursor:not-allowed}.deployment-target span{align-self:end;font-size:10px;font-weight:900}.deployment-target small{align-self:start;font-size:8px;color:#bcefff}.deployment-target--spell{color:#f4eaff;background:#3b195be6;border-color:#d3a5ff;box-shadow:0 0 0 4px #b069ff2e,0 0 20px #ae63ffb3}.deployment-target--spell small{color:#e0c4ff}@keyframes deploy-pulse{0%{transform:translate(-50%,-50%) scale(.96)}to{transform:translate(-50%,-50%) scale(1.04)}}.joystick{position:absolute;z-index:12;left:14px;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + var(--control-clearance) + var(--safe-bottom));width:78px;height:78px;border-radius:50%;border:2px solid rgba(255,230,183,.56);background:#18120e80;box-shadow:inset 0 0 18px #0000007a,0 3px 12px #00000040;touch-action:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-prototype.is-hand-expanded .joystick{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + var(--control-clearance) + var(--safe-bottom))}.joystick:focus-visible{outline:3px solid #fff;outline-offset:3px}.joystick.is-disabled{opacity:.46;filter:saturate(.35)}.joystick:before,.joystick:after{content:"";position:absolute;left:50%;top:50%;background:#ffeac33d;transform:translate(-50%,-50%)}.joystick:before{width:1px;height:64px}.joystick:after{width:64px;height:1px}.joystick i{position:absolute;z-index:1;left:calc(50% - 22px);top:calc(50% - 22px);width:44px;height:44px;border-radius:50%;background:#30271f;border:3px solid #b9a17e;box-shadow:inset 0 0 0 3px #17120e,0 4px 12px #0000006b}.ability-dock{position:absolute;z-index:12;right:10px;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + var(--control-clearance) + 3px + var(--safe-bottom));display:flex;gap:5px}.mobile-prototype.is-hand-expanded .ability-dock{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + var(--control-clearance) + 3px + var(--safe-bottom))}.ability-dock button{width:48px;height:54px;display:grid;place-items:center;grid-template-rows:22px 13px 11px;padding:2px;color:#fff8e9;background:#1e1209e6;border:2px solid #d99a3c;border-radius:16px;box-shadow:inset 0 0 0 2px #4e2b12,0 3px 10px #0006}.ability-dock svg{font-size:22px;color:#ffd068}.ability-dock button:nth-child(2){border-color:#5bd7ff}.ability-dock button:nth-child(2) svg{color:#62dcff}.ability-dock button.ability-button--summon{border-color:#c493ff;background:#27143ceb;box-shadow:inset 0 0 0 2px #4a2967,0 3px 10px #0006,0 0 10px #a45eff2e}.ability-dock button.ability-button--summon svg{color:#d3a6ff}.ability-dock span{font-size:11px;font-weight:800}.ability-button__status{font-size:10px;line-height:11px;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.ability-dock button:disabled{filter:saturate(.45);border-style:dashed}.chat-button{position:absolute;z-index:12;left:10px;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 4px + var(--safe-bottom));width:44px;height:44px;display:grid;place-items:center;padding:0;color:#f6d99e;background:#22150ce6;border:2px solid #b87b2d;border-radius:50%}.mobile-prototype.is-hand-expanded .chat-button{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 4px + var(--safe-bottom))}.player-core-meter,.commander-respawn,.notice-pill,.joystick,.ability-dock,.chat-button,.quick-chat,.deployment-targets:before{transition:bottom .22s cubic-bezier(.2,.78,.22,1)}.chat-button svg{font-size:20px}.quick-chat{position:absolute;z-index:20;left:10px;bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 96px + var(--safe-bottom));width:112px;display:grid;gap:5px;padding:7px;background:#1c120bf0;border:1px solid #c08438;border-radius:11px;box-shadow:0 8px 20px #0000006b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.mobile-prototype.is-hand-expanded .quick-chat{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 96px + var(--safe-bottom))}.quick-chat button{min-height:44px;padding:5px 8px;color:#fff5de;background:#53351c;border:1px solid #ae7636;border-radius:7px;font-size:10px;font-weight:800}.card-hand{position:absolute;z-index:14;left:0;right:0;bottom:calc(38px + var(--safe-bottom));height:var(--hand-expanded-height);padding:10px 42px 4px 8px;background:#1a110af0;border-top:2px solid #a46a27;box-shadow:0 -8px 20px #24130761;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.cards-row{height:119px;display:flex;align-items:flex-end;justify-content:center;gap:3px}.battle-card{--element-edge: #d3c09b;--element-glow-rgb: 211, 192, 155;position:relative;flex:1 1 0;min-width:0;max-width:68px;height:106px;overflow:hidden;display:grid;grid-template-rows:67px 17px 12px;padding:0 3px 3px;color:#fff9ed;background:#2b1d12;border:2px solid #b5762b;border-radius:7px;box-shadow:inset 0 0 0 1px #563216,0 3px 7px #00000075;transform-origin:center bottom;transition:transform .15s ease,filter .15s ease,opacity .15s ease,border-color .15s ease,box-shadow .15s ease}.battle-card:before{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;border:1px solid color-mix(in srgb,var(--element-edge) 70%,transparent);border-radius:5px;box-shadow:inset 0 0 9px rgba(var(--element-glow-rgb),.12)}.battle-card--element-fire{--element-edge: #ff7936;--element-glow-rgb: 255, 87, 30}.battle-card--element-electric{--element-edge: #a993ff;--element-glow-rgb: 136, 112, 255}.battle-card--element-arcane{--element-edge: #56e8ff;--element-glow-rgb: 59, 211, 255}.battle-card--element-steam{--element-edge: #e9c58f;--element-glow-rgb: 229, 198, 151}.battle-card--element-aether{--element-edge: #c19cff;--element-glow-rgb: 171, 103, 255}.battle-card:nth-child(1){transform:rotate(-5deg) translateY(4px)}.battle-card:nth-child(2){transform:rotate(-2deg) translateY(1px)}.battle-card:nth-child(4){transform:rotate(2deg) translateY(1px)}.battle-card:nth-child(5){transform:rotate(5deg) translateY(4px)}.battle-card.is-selected{transform:translateY(-14px) scale(1.05);border-color:#e9f8ff;box-shadow:0 0 0 1px var(--element-edge),0 0 14px rgba(var(--element-glow-rgb),.8)}.battle-card.is-locked{filter:saturate(.32) brightness(.58);opacity:.78}.battle-card.is-ready:not(.is-selected){border-color:color-mix(in srgb,var(--element-edge) 66%,#8a5b2c)}.battle-card.is-high-impact .card-cost{box-shadow:0 0 0 1px #1a0d07,0 0 8px rgba(var(--element-glow-rgb),.74)}.battle-card.is-power-ready:before{animation:card-power-ready-frame .7s cubic-bezier(.2,.74,.22,1) both}.battle-card img{width:calc(100% + 6px);height:67px;margin-left:-3px;object-fit:cover;border-bottom:1px solid #6b3d1a}.card-trait{position:absolute;z-index:2;left:3px;right:3px;top:50px;min-height:14px;display:grid;place-items:center;padding:2px 3px;overflow:hidden;color:#effbff;background:#08252fe6;border:1px solid rgba(109,225,255,.78);border-radius:5px;box-shadow:0 2px 7px #0000006b,inset 0 0 8px #36cbf024;font-size:6.5px;font-weight:900;letter-spacing:.02em;line-height:1;white-space:nowrap;text-overflow:ellipsis}.card-trait[data-element=fire]{color:#fff0c4;background:#661b07eb;border-color:#ff9a43;box-shadow:0 2px 7px #0000006b,0 0 8px #ff5b1b6b}.card-trait[data-element=kinetic]{color:#f5ead7;background:#30302df0;border-color:#c7b38f;box-shadow:0 2px 7px #0000006b,inset 0 0 7px #dfcfb029}.card-trait[data-element=electric]{color:#f1edff;background:#2b1859ed;border-color:#b792ff;box-shadow:0 2px 7px #0000006b,0 0 9px #7c72ff75}.card-trait[data-element=arcane]{color:#e7fbff;background:#083c5bed;border-color:#62e6ff;box-shadow:0 2px 7px #0000006b,0 0 9px #32d3ff6b}.card-trait[data-element=steam]{color:#fff2dc;background:#4d2f18ed;border-color:#ecc58b}.card-trait[data-element=aether]{color:#eef0ff;background:#2d1a5bed;border-color:#d0a6ff;box-shadow:0 2px 7px #0000006b,0 0 9px #ae66ff6b}.card-icon{width:calc(100% + 6px);height:67px;margin-left:-3px;display:grid;place-items:center;color:#62dcff;background:#14394b;border-bottom:1px solid #6b3d1a}.card-icon svg{font-size:39px}.battle-card--violet .card-icon{color:#d191ff;background:#34204d}.battle-card--gold .card-icon{color:#ffce63;background:#4d3517}.battle-card--blue .card-icon{color:#6edaff;background:#183f61}.battle-card--amber .card-icon{color:#ff9b3d;background:#522512}.battle-card strong{align-self:center;overflow:hidden;font-size:9px;line-height:1;white-space:nowrap;text-overflow:ellipsis}.battle-card small{overflow:hidden;color:#dac49f;font-size:7px;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.card-cost{position:absolute;z-index:2;left:2px;top:2px;width:22px;height:22px;display:grid;place-items:center;border-radius:50% 50% 50% 4px;background:#167db0;border:2px solid #8ee5ff;color:#fff;font:700 14px/1 Rajdhani,sans-serif;text-shadow:0 1px 2px #002131}.next-card{position:absolute;right:5px;top:21px;width:34px;height:74px;display:grid;place-items:center;color:#eecf97;background:#1c140e;border:1px solid #986225;border-radius:5px}.next-card span{font-size:7px}.next-card svg{font-size:23px;color:#66dfff}.next-card b{font:700 11px/1 Rajdhani,sans-serif}.energy-readout{position:absolute;z-index:16;left:0;right:0;bottom:0;height:calc(39px + var(--safe-bottom));display:grid;grid-template-columns:28px 27px 1fr auto;align-items:center;gap:5px;padding:0 9px calc(5px + var(--safe-bottom));background:#17110c;border-top:1px solid #5a391d}.energy-readout.is-full>strong,.energy-readout.is-full>svg{animation:energy-full-ready .88s cubic-bezier(.2,.8,.24,1) both}.energy-readout.is-full>div{box-shadow:0 0 12px #34d4ff38}.energy-readout.is-kill-energized>strong,.energy-readout.is-kill-energized>svg{animation:kill-energy-charge .62s cubic-bezier(.18,.8,.22,1) both}.energy-readout.is-kill-energized>div{animation:kill-energy-track .62s ease-out both}.energy-readout>svg{color:var(--blue);font-size:22px}.energy-readout>strong{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#106d99;border:2px solid #88e6ff;font:700 17px/1 Rajdhani,sans-serif;font-variant-numeric:tabular-nums}.energy-readout>div{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}.energy-readout i{height:13px;border-radius:2px;background:#29231e;border:1px solid #493b2e}.energy-readout i.is-filled{background:var(--blue);border-color:#a4efff;box-shadow:0 0 5px #24c9ffbf}.energy-readout>span{color:#f0c980;font-size:9px;white-space:nowrap}.energy-kill-cue{position:absolute;z-index:18;left:58px;bottom:calc(8px + var(--safe-bottom));min-width:76px;height:24px;display:grid;place-items:center;padding:0 8px;color:#e6fbff;background:#073f51f5;border:1px solid #85eaff;border-radius:12px;box-shadow:0 0 12px #2ed2f694;font:900 9px/1 PingFang TC,Microsoft JhengHei,Noto Sans TC,sans-serif;pointer-events:none;animation:kill-energy-cue .78s cubic-bezier(.18,.8,.22,1) both}@keyframes card-power-ready-frame{0%{border-color:rgba(var(--element-glow-rgb),.24);box-shadow:inset 0 0 7px rgba(var(--element-glow-rgb),.08),0 0 rgba(var(--element-glow-rgb),0)}38%{border-color:var(--element-edge);box-shadow:inset 0 0 14px rgba(var(--element-glow-rgb),.32),0 0 13px rgba(var(--element-glow-rgb),.74)}to{border-color:color-mix(in srgb,var(--element-edge) 70%,transparent);box-shadow:inset 0 0 9px rgba(var(--element-glow-rgb),.12),0 0 rgba(var(--element-glow-rgb),0)}}@keyframes energy-full-ready{0%{filter:brightness(1);transform:scale(1)}42%{filter:brightness(1.55) saturate(1.25);transform:scale(1.12)}to{filter:brightness(1);transform:scale(1)}}@keyframes kill-energy-charge{0%{color:#fff;filter:brightness(1.8);transform:scale(.84)}42%{color:#b5f5ff;filter:brightness(1.45);transform:scale(1.18)}to{filter:brightness(1);transform:scale(1)}}@keyframes kill-energy-track{0%{filter:brightness(1.8);transform:scaleX(.96)}to{filter:brightness(1);transform:scaleX(1)}}@keyframes kill-energy-cue{0%{opacity:0;transform:translateY(8px) scale(.9)}18%,68%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-13px) scale(.96)}}.home-indicator{position:absolute;z-index:18;left:50%;bottom:calc(2px + var(--safe-bottom));width:92px;height:3px;transform:translate(-50%);border-radius:3px;background:#ffffffad;pointer-events:none}.pause-label{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;color:#fff5dd;background:#0f0a074d;pointer-events:auto}.battle-interaction-layer{display:contents}.battle-state-panel{display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff5dd;background:#1d160df7;border:2px solid var(--brass);border-radius:14px;box-shadow:0 22px 60px #0000009e,inset 0 0 0 2px var(--forge-border);text-align:center;--state-accent: var(--blue);--state-accent-dark: #117a9b;--state-ink: #10242c}.battle-state-panel--pause,.battle-state-panel--draw{--state-accent: var(--brass-light);--state-accent-dark: #8d561b;--state-ink: #211309}.battle-state-panel--defeat{--state-accent: var(--amber);--state-accent-dark: #8a3d11;--state-ink: #2b1609}.battle-state-panel--overtime{--state-accent: #ff9d32;--state-accent-dark: #9a3e12;--state-ink: #2b1307;background:radial-gradient(circle at 50% 0%,rgba(255,113,26,.2),transparent 48%),#23140cfa;border-color:#ff9d32;box-shadow:0 22px 60px #000000ad,0 0 28px #ff5b1b38,inset 0 0 0 2px #6f270cc2}.intro-panel{position:absolute;z-index:55;left:24px;right:24px;top:50%;transform:translateY(-50%);padding:23px 20px 19px;color:#fff5dd}.intro-panel__icon{width:52px;height:52px;padding:10px;color:#7fe6ff;background:#134866;border:2px solid #79ddfb;border-radius:50%;box-shadow:0 0 22px #25c9ff73}.battle-state-panel--overtime .intro-panel__icon{color:#fff1d0;background:#7d2a0d;border-color:#ffb34e;box-shadow:0 0 24px #ff5b1b85}.battle-state-panel--overtime.intro-panel ul,.battle-state-panel--overtime.intro-panel ol{color:#ffe0b1;background:#6b230973;border-color:#ff9f3b80}.battle-state-panel--overtime.intro-panel li:before{color:#ff9d32}.battle-state-panel--overtime.intro-panel button{border-color:#fff0cf;box-shadow:0 4px 0 var(--state-accent-dark),0 0 24px #ff5b1b59}.intro-panel p,.intro-panel h1,.intro-panel span,.intro-panel ul,.intro-panel ol{margin:0}.intro-panel p{color:#e9c68e;font-size:10px;font-weight:800;letter-spacing:.14em}.intro-panel h1{max-width:270px;font-size:22px;line-height:1.2}.intro-panel>span{color:#ead9bd;font-size:12px;line-height:1.55}.intro-panel ul,.intro-panel ol{width:100%;display:grid;gap:5px;padding:8px 10px;list-style:none;color:#c9effa;background:#083c4f73;border:1px solid rgba(99,218,250,.35);border-radius:10px;font-size:10px;text-align:left}.intro-panel ol{counter-reset:battle-intro-step;list-style:none}.intro-panel ol li{counter-increment:battle-intro-step;display:grid;grid-template-columns:19px 34px 1fr;align-items:center;gap:3px}.intro-panel ol li:before{width:17px;height:17px;display:grid;place-items:center;content:counter(battle-intro-step);color:#082b36;background:#7fe6ff;border-radius:50%;font:900 10px/1 Rajdhani,sans-serif}.intro-panel ol li>b{color:#f7dba8}.intro-panel ol li>span{color:inherit}.intro-panel li:before{content:"•";margin-right:7px;color:var(--blue)}.intro-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:5px}.intro-actions button{min-width:170px;min-height:48px;min-width:0;margin:0;color:var(--state-ink);background:var(--state-accent);border:2px solid #e8fbff;border-radius:12px;font-weight:900;box-shadow:0 4px 0 var(--state-accent-dark),0 0 20px #25c9ff47}.intro-actions .intro-multiplayer-button{display:flex;align-items:center;justify-content:center;gap:5px;color:#2b190b;background:#efbd63;border-color:#fff0c8;box-shadow:0 4px #87511a,0 0 18px #efb14838}.intro-multiplayer-button svg{width:18px;height:18px}.intro-actions .intro-exit-button{display:flex;align-items:center;justify-content:center;gap:5px;color:#ffe9ce;background:#5a291a;border-color:#e79b5a;box-shadow:0 4px #27110a,0 0 16px #d7662a2e}.intro-exit-button svg{width:18px;height:18px}.result-panel{position:absolute;z-index:50;left:26px;right:26px;top:50%;transform:translateY(-50%);padding:25px 18px 19px;overflow:hidden;animation:result-panel-arrival .52s cubic-bezier(.18,.82,.22,1) both}.result-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--state-accent) 18%,transparent),transparent),radial-gradient(circle at 50% 10%,color-mix(in srgb,var(--state-accent) 24%,transparent),transparent 48%);transform:translate(-65%);animation:result-panel-sweep .78s 90ms ease-out both}.result-emblem{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:var(--state-ink);background:var(--state-accent);border:3px solid #fff2c9;box-shadow:0 0 22px #25c9ff52;animation:result-emblem-land .64s 80ms cubic-bezier(.18,.9,.24,1.18) both}.battle-state-panel--defeat .result-emblem{box-shadow:0 0 22px #ff9f2b57}.battle-state-panel--draw .result-emblem{box-shadow:0 0 22px #efbd6352}.result-emblem svg{font-size:31px}.result-panel p,.result-panel h2,.result-panel span{margin:0}.result-summary{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:5px}.result-summary>span{min-height:48px;display:grid;place-items:center;gap:2px;padding:6px 4px;color:#fff4dc;background:#072127b8;border:1px solid color-mix(in srgb,var(--state-accent) 52%,transparent);border-radius:9px}.result-summary small{color:#cbb996;font-size:8px}.result-summary strong{font:900 18px/1 Rajdhani,sans-serif}.result-panel .result-tip{max-width:260px;color:#d7eef1;font-size:9px;letter-spacing:0;line-height:1.4;text-transform:none}.result-panel p{color:#d7bc91;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.result-panel h2{font-size:27px}.result-panel span{color:#ead6b7;font-size:12px}.result-panel button{margin-top:9px;min-width:150px;min-height:44px;color:var(--state-ink);background:var(--state-accent);border:2px solid #ffe1a0;border-radius:12px;font-weight:900;box-shadow:0 4px 0 var(--state-accent-dark)}@keyframes result-panel-arrival{0%{opacity:0;transform:translateY(-47%) scale(.96);filter:brightness(1.35)}to{opacity:1;transform:translateY(-50%) scale(1);filter:brightness(1)}}@keyframes result-panel-sweep{0%{opacity:0;transform:translate(-65%)}38%{opacity:1}to{opacity:0;transform:translate(65%)}}@keyframes result-emblem-land{0%{opacity:0;transform:translateY(-18px) scale(1.35) rotate(-8deg);filter:brightness(1.8)}58%{opacity:1;transform:translateY(3px) scale(.94) rotate(2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0);filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.lane-pressure-chip--critical,.battle-status-rail__decision .battle-event-banner.is-compact{animation:none}}.pause-panel{width:min(230px,calc(100vw - 48px));min-height:108px;justify-content:center;padding:16px 18px}.pause-panel>span{color:#d7bc91;font-size:9px;font-weight:800;letter-spacing:.14em}.pause-panel>strong{color:#fff5dd;font-size:22px;letter-spacing:.1em}.pause-panel>small{color:#d7c7aa;font-size:10px}.pause-panel>button{min-width:142px;min-height:44px;margin-top:4px;color:var(--state-ink);background:var(--state-accent);border:2px solid #fff0ce;border-radius:11px;box-shadow:0 4px 0 var(--state-accent-dark);font-weight:900}.pause-panel>.pause-exit-button{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffe6cc;background:#572819;border-color:#e79857;box-shadow:0 4px #251109}.pause-exit-button svg{width:18px;height:18px}@media(max-height:740px){.mobile-prototype{--hand-collapsed-height: 70px;--hand-expanded-height: 124px;height:100dvh}.card-hand{height:var(--hand-expanded-height)}.cards-row{height:107px}.battle-card{height:96px;grid-template-rows:59px 16px 11px}.battle-card img,.card-icon{height:59px}.card-trait{top:43px}.joystick{width:70px;height:70px}.intro-panel{padding:16px 16px 14px;gap:6px}.intro-panel__icon{width:44px;height:44px;padding:8px}.intro-panel h1{font-size:19px}.intro-panel>span{font-size:11px}.intro-panel button{min-height:44px}.intro-actions{gap:6px}.intro-actions button{font-size:10px}.battle-event-banner{top:38%;min-height:66px}.battle-status-rail{top:104px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.energy-kill-cue{animation:none!important;opacity:1;transform:none}}.opponent-hud{height:54px}.opponent-hud:has(.round-exit-button){grid-template-columns:44px minmax(0,1fr) 108px 44px 14px;gap:4px}.opponent-hud .match-clock,.opponent-hud:has(.round-exit-button) .match-clock{min-width:108px;height:44px;grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:14px 30px;column-gap:3px;align-items:center}.opponent-hud .match-clock small{grid-column:1;grid-row:1;font-size:7px;letter-spacing:0;white-space:nowrap}.opponent-hud .match-clock strong{grid-column:1;grid-row:2}.opponent-hud .match-clock button{grid-column:2;grid-row:1 / 3}.opponent-hud .round-exit-button{width:44px;min-width:44px}.opponent-hud .identity-block small{display:none}.enemy-status{top:70px}.battle-status-rail{top:94px;min-height:30px;padding:2px 5px}.battle-status-rail__identity span{display:none}.battle-status-rail__timers>span{height:24px}.battle-status-rail__decision{grid-template-columns:1fr 1fr;gap:4px;top:calc(100% + 3px)}.lane-pressure-chip{height:40px;padding:3px 6px;gap:1px 4px}.lane-pressure-chip__reason{grid-column:1 / -1;font-size:9px;line-height:13px;white-space:nowrap}.lane-pressure-chip b,.lane-pressure-chip strong{font-size:10px}.lane-pressure-chip small{font-size:9px}.objective-pressure-chip{grid-column:1 / -1;height:24px}.audio-toggle{top:94px}.graphics-quality{top:142px}.battle-utilities-toggle{position:absolute;z-index:24;top:142px;right:8px;width:44px;height:44px;display:grid;place-items:center;gap:0;padding:3px;border:1px solid #478797;border-radius:12px;color:#ddfaff;background:#09232de8;font-size:10px}.battle-utilities-toggle svg{width:18px;height:18px}.mobile-prototype:not(.is-utilities-open) .graphics-quality,.mobile-prototype:not(.is-utilities-open) .audio-settings-button{display:none}.mobile-prototype.is-utilities-open .graphics-quality{top:192px}.mobile-prototype.is-utilities-open .audio-settings-button{top:242px}.joystick{width:68px;height:68px}.mobile-prototype .notice-pill{bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 78px + var(--safe-bottom))}.mobile-prototype.is-hand-expanded .notice-pill{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 78px + var(--safe-bottom))}@media(max-width:600px){.card-hand.is-expanded .battle-card{grid-template-rows:54px 34px;height:96px}.card-hand.is-expanded .battle-card>img,.card-hand.is-expanded .card-icon{height:54px}.card-hand.is-expanded .card-trait{top:38px}.card-hand.is-expanded .battle-card strong{font-size:11px;line-height:14px;white-space:normal;min-height:32px;padding:2px 0;text-overflow:clip;overflow-wrap:anywhere}.card-hand.is-expanded .battle-card>small{display:none}}@media(max-width:360px){.mobile-prototype .card-hand.is-collapsed{padding-right:43px}.card-hand.is-collapsed .cards-row{gap:2px}.battle-status-rail{grid-template-columns:1fr}.battle-status-rail__identity{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.battle-status-rail__timers{justify-content:space-between}}@media(max-width:899px),(max-height:619px),(pointer:coarse){.battle-status-rail{height:30px;min-height:30px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:24px;gap:0 4px}.battle-status-rail__identity,.battle-status-rail__states{grid-column:1;grid-row:1}.battle-status-rail__timers{grid-column:2;grid-row:1;gap:3px}.battle-status-rail__timers>span{min-width:64px;grid-template-columns:11px 16px minmax(25px,auto);gap:0;padding:1px 3px}.battle-status-rail__timers svg{width:11px;height:11px}.battle-status-rail:has(.battle-status-rail__states) .battle-status-rail__identity,.lane-pressure-chip__reason,.battle-status-rail__decision .battle-event-banner.is-compact>span{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.battle-status-rail__states{gap:1px;align-items:center}.battle-status-rail__states>span{flex:0 1 auto;gap:1px;padding:0 1px}.battle-status-rail__states>.core-alert-chip{flex-shrink:0}.battle-status-rail__decision{height:22px;min-height:22px;grid-template-rows:22px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.battle-status-rail__decision:has(.objective-pressure-chip){grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.85fr)}.lane-pressure-chip,.objective-pressure-chip{height:22px;grid-template-rows:16px;gap:3px;padding:2px 5px}.objective-pressure-chip{grid-column:auto}.battle-status-rail__decision .battle-event-banner.is-compact{height:22px;min-height:22px;grid-template-columns:14px minmax(0,1fr);grid-template-rows:16px;gap:4px;padding:2px 6px}.battle-status-rail__decision .battle-event-banner.is-compact>svg{width:14px;height:14px;grid-row:1}.battle-status-rail__decision .battle-event-banner.is-compact strong{font-size:10px;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media(min-width:900px)and (min-height:620px)and (pointer:fine){.mobile-prototype:not(.is-visual-capture) .battle-utilities-toggle{display:none}.mobile-prototype:not(.is-visual-capture) .graphics-quality{display:flex}.mobile-prototype:not(.is-visual-capture) .audio-settings-button{display:block;top:auto}.mobile-prototype:not(.is-visual-capture){width:min(98vw,1180px);height:min(100dvh,960px);max-height:960px;--desktop-panel: 210px}.mobile-prototype:not(.is-visual-capture) .opponent-hud{left:12px;right:auto;width:var(--desktop-panel);height:118px;grid-template-columns:46px 1fr 42px;gap:6px}.mobile-prototype:not(.is-visual-capture) .match-clock{grid-column:1 / 3}.mobile-prototype:not(.is-visual-capture) .connection-status{position:absolute;right:9px;top:18px}.mobile-prototype:not(.is-visual-capture) .battle-status-rail{top:144px;left:12px;right:auto;width:var(--desktop-panel);grid-template-columns:1fr;gap:9px;padding:10px}.mobile-prototype:not(.is-visual-capture) .battle-status-rail__identity strong{font-size:13px}.mobile-prototype:not(.is-visual-capture) .battle-status-rail__timers{justify-content:space-between}.mobile-prototype:not(.is-visual-capture) .battle-status-rail__timers time{font-size:13px}.mobile-prototype:not(.is-visual-capture) .battle-status-rail__decision{position:static;grid-template-columns:1fr;gap:8px}.mobile-prototype:not(.is-visual-capture) .lane-pressure-chip{height:52px}.mobile-prototype:not(.is-visual-capture) .lane-pressure-chip__reason{font-size:12px}.mobile-prototype:not(.is-visual-capture) .lane-pressure-chip b,.mobile-prototype:not(.is-visual-capture) .lane-pressure-chip strong{font-size:14px}.mobile-prototype:not(.is-visual-capture) .battle-event-banner.is-compact{min-height:90px}.mobile-prototype:not(.is-visual-capture) .audio-toggle{top:auto;bottom:146px;left:20px;right:auto}.mobile-prototype:not(.is-visual-capture) .graphics-quality{top:auto;bottom:148px;left:80px;right:auto}.mobile-prototype:not(.is-visual-capture) .joystick{bottom:30px;left:22px;width:88px;height:88px}.mobile-prototype:not(.is-visual-capture) .chat-button{bottom:42px;left:134px}.mobile-prototype:not(.is-visual-capture) .quick-chat{left:12px;bottom:210px}.mobile-prototype:not(.is-visual-capture) .ability-dock{right:18px;top:16px;bottom:auto;gap:8px}.mobile-prototype:not(.is-visual-capture) .ability-dock button{width:59px;height:60px}.mobile-prototype:not(.is-visual-capture) .card-hand{top:90px;bottom:64px;left:auto;right:12px;width:var(--desktop-panel);height:auto;padding:42px 8px 40px;background:#18100ae6;border-radius:12px}.mobile-prototype:not(.is-visual-capture) .card-hand__toggle{left:8px;top:0;width:calc(100% - 16px);height:36px}.mobile-prototype:not(.is-visual-capture) .card-hand .cards-row{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:7px}.mobile-prototype:not(.is-visual-capture) .card-hand .battle-card{width:100%;max-width:none;min-height:0;height:100%;display:grid;transform:none;grid-template-columns:62px 1fr;grid-template-rows:1fr 1fr;padding:3px;gap:2px 6px}.mobile-prototype:not(.is-visual-capture) .card-hand .battle-card>img,.mobile-prototype:not(.is-visual-capture) .card-hand .card-icon{width:62px;height:100%;grid-row:1 / 3;margin:0;object-fit:cover}.mobile-prototype:not(.is-visual-capture) .card-hand .battle-card strong{grid-column:2;grid-row:1;font-size:14px;align-self:end;white-space:normal}.mobile-prototype:not(.is-visual-capture) .card-hand .battle-card>small{display:none}.mobile-prototype:not(.is-visual-capture) .card-hand .battle-card.is-selected{transform:translate(-5px)}.mobile-prototype:not(.is-visual-capture) .card-hand .card-trait{position:static;grid-column:2;grid-row:2;font-size:10px;line-height:1.3;white-space:normal;padding:2px;align-self:start}.mobile-prototype:not(.is-visual-capture) .card-kind-badge{display:none}.mobile-prototype:not(.is-visual-capture) .card-hand .next-card{top:auto;bottom:3px;right:8px;width:190px;height:32px;display:flex;gap:7px;align-items:center}.mobile-prototype:not(.is-visual-capture) .next-card__visual{width:28px;height:28px}.mobile-prototype:not(.is-visual-capture) .next-card__label,.mobile-prototype:not(.is-visual-capture) .next-card__name{font-size:11px}.mobile-prototype:not(.is-visual-capture) .energy-readout{left:auto;right:12px;bottom:16px;width:var(--desktop-panel);padding:5px;gap:5px}.mobile-prototype:not(.is-visual-capture) .energy-cap-label{display:none}.mobile-prototype:not(.is-visual-capture) .enemy-status{top:14px}.mobile-prototype:not(.is-visual-capture) .player-core-meter{bottom:16px}.mobile-prototype:not(.is-visual-capture) .notice-pill{bottom:50px;max-width:400px}.mobile-prototype:not(.is-visual-capture) .deployment-targets{left:235px;right:235px}.mobile-prototype:not(.is-visual-capture) .deployment-targets:before{bottom:120px}.mobile-prototype:not(.is-visual-capture) .commander-respawn{bottom:86px}.mobile-prototype:not(.is-visual-capture) .home-indicator{display:none}.mobile-prototype:not(.is-visual-capture) .intro-panel{width:min(90%,520px)}}.battle-info-toggle,.compact-core-slot,.compact-core-label,.battle-focus-alert{display:none}@media(max-width:899px),(max-height:619px),(pointer:coarse){.mobile-prototype{--compact-top: max(4px, env(safe-area-inset-top, 0px));--hand-collapsed-height: 58px;--energy-rail-height: 24px;--control-clearance: 4px}.opponent-hud,.opponent-hud:has(.round-exit-button){top:var(--compact-top);left:4px;right:4px;height:48px;padding:1px 3px;grid-template-columns:44px 58px minmax(94px,1fr) 44px 44px;gap:3px;z-index:28;border-radius:12px;background:#18110cf0}.battle-info-toggle{grid-column:1;grid-row:1;width:44px;height:44px;display:grid;place-content:center;justify-items:center;gap:1px;padding:2px;color:#d9f6ff;border:1px solid #477e87;border-radius:9px;background:#122d33;font-size:10px;touch-action:manipulation}.battle-info-toggle svg{width:18px;height:18px}.battle-info-toggle[aria-expanded=true]{background:#225465;border-color:#8bddec}.compact-core-slot{display:block;grid-column:2;grid-row:1}.opponent-hud .match-clock,.opponent-hud:has(.round-exit-button) .match-clock{grid-column:3;grid-row:1;min-width:94px;height:44px;grid-template-columns:minmax(47px,1fr) 44px;grid-template-rows:13px 31px;column-gap:2px}.opponent-hud .match-clock small{font-size:7px}.opponent-hud .match-clock strong{font-size:23px}.opponent-hud .match-clock.is-overtime{margin:0;padding:0}.opponent-hud .round-exit-button{grid-column:4;grid-row:1;height:44px}.opponent-hud .connection-status{position:absolute;left:37px;top:3px;width:10px;height:10px;z-index:1;border-radius:50%;background:#102421}.opponent-hud .connection-status .connection-icon{font-size:10px}.mobile-prototype:not(.is-info-open) .opponent-hud .portrait-frame,.mobile-prototype:not(.is-info-open) .opponent-hud .identity-block,.mobile-prototype:not(.is-info-open) .battle-status-rail{display:none}.mobile-prototype.is-info-open .opponent-hud:before{content:"";position:absolute;top:52px;left:0;right:0;height:52px;border-radius:12px 12px 0 0;background:#1c1711fa;border:1px solid #8c6839}.mobile-prototype.is-info-open .opponent-hud .portrait-frame{display:block;position:absolute;top:56px;left:10px;width:40px;height:40px}.mobile-prototype.is-info-open .opponent-hud .identity-block{display:flex;position:absolute;top:62px;left:62px;right:12px;gap:4px}.mobile-prototype.is-info-open .identity-block small{display:block}.mobile-prototype.is-info-open .battle-status-rail{top:calc(var(--compact-top) + 104px);left:4px;right:4px;z-index:29;height:auto;min-height:0;max-height:calc(100% - 270px);overflow-y:auto;overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;padding:8px;gap:8px;border:1px solid #8c6839;border-top:0;border-radius:0 0 12px 12px;background:#142329fa;pointer-events:auto}.mobile-prototype.is-info-open .battle-status-rail__identity{position:static;width:auto;height:auto;clip-path:none;grid-row:1;grid-column:1}.mobile-prototype.is-info-open .battle-status-rail__identity strong{font-size:11px}.mobile-prototype.is-info-open .battle-status-rail__timers{grid-row:1}.mobile-prototype.is-info-open .battle-status-rail__states{grid-column:1 / -1;grid-row:2;flex-wrap:wrap;gap:5px}.mobile-prototype.is-info-open .battle-status-rail__decision{position:static;grid-column:1 / -1;grid-row:3;grid-template-columns:1fr 1fr;grid-template-rows:auto;height:auto}.mobile-prototype.is-info-open .lane-pressure-chip{height:auto;min-height:40px;grid-template-rows:auto auto}.mobile-prototype.is-info-open .lane-pressure-chip__reason{position:static;width:auto;height:auto;clip-path:none;white-space:normal}.mobile-prototype.is-info-open .objective-pressure-chip{grid-column:1 / -1}.enemy-status,.player-core-meter,.mobile-prototype.is-hand-expanded .player-core-meter{left:55px;width:56px;height:17px;top:calc(var(--compact-top) + 6px);bottom:auto;z-index:29;display:flex;align-items:center;gap:2px;transform:none;pointer-events:none}.player-core-meter,.mobile-prototype.is-hand-expanded .player-core-meter{top:calc(var(--compact-top) + 25px)}.compact-core-label{display:block;font-size:9px;color:#ffd0a7}.player-core-meter .compact-core-label{color:#a6ebff}.enemy-status .structure-meter,.player-core-meter .structure-meter{width:44px;height:14px;min-width:0;font-size:10px;border-width:1px}.enemy-status .structure-meter span,.player-core-meter .structure-meter span{font-size:10px;line-height:12px}.mobile-prototype .battle-utilities-toggle{top:calc(var(--compact-top) + 2px);right:8px;z-index:30;border-radius:9px}.mobile-prototype:not(.is-utilities-open) .audio-toggle,.mobile-prototype:not(.is-utilities-open) .chat-button{display:none}.mobile-prototype.is-utilities-open .audio-toggle{display:grid;top:calc(var(--compact-top) + 56px);right:8px}.mobile-prototype.is-utilities-open .graphics-quality{top:calc(var(--compact-top) + 106px);right:8px}.mobile-prototype.is-utilities-open .audio-settings-button{top:calc(var(--compact-top) + 156px);right:8px}.mobile-prototype.is-utilities-open .chat-button{top:calc(var(--compact-top) + 206px);right:8px;left:auto;bottom:auto}.battle-focus-alert{display:block;position:absolute;top:calc(var(--compact-top) + 52px);left:12px;right:12px;height:22px;z-index:20;pointer-events:none}.battle-focus-alert:empty,.mobile-prototype.is-info-open .battle-focus-alert{display:none}.battle-focus-alert>strong,.battle-focus-alert .battle-event-banner.is-compact{position:static;transform:none;width:100%;min-height:22px;height:22px;display:flex;align-items:center;gap:5px;padding:2px 8px;border:1px solid #ad693c;border-radius:6px;background:#382311ec;color:#ffe1b3;font-size:11px;animation:battle-event-rail-arrival .24s ease-out both}.battle-focus-alert .battle-event-banner.is-compact svg{width:14px;height:14px}.battle-focus-alert .battle-event-banner.is-compact strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-focus-alert .battle-event-banner.is-compact>span{display:none}.mobile-prototype .card-hand{bottom:calc(var(--energy-rail-height) + var(--safe-bottom))}.mobile-prototype .card-hand.is-collapsed{padding:3px 44px}.card-hand.is-collapsed .cards-row{height:52px;gap:3px}.card-hand.is-collapsed .battle-card{min-height:52px;height:52px;grid-template-rows:34px 14px;padding:0 2px 2px}.card-hand.is-collapsed .battle-card>img,.card-hand.is-collapsed .card-icon{height:34px}.card-hand.is-collapsed .card-trait{top:22px}.card-hand.is-collapsed .battle-card strong{font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-hand.is-collapsed .card-hand__toggle{top:7px}.mobile-prototype .card-hand.is-collapsed .next-card{top:3px;right:3px;width:38px;height:52px;grid-template:"label label" 7px "visual visual" 24px "name cost" 14px / minmax(0,1fr) 16px;padding:2px;gap:0}.card-hand.is-collapsed .next-card .next-card__visual{width:32px;height:24px}.mobile-prototype .energy-readout{height:calc(var(--energy-rail-height) + var(--safe-bottom));grid-template-columns:18px 22px 1fr;gap:5px;padding:0 8px var(--safe-bottom)}.energy-readout>svg{font-size:17px}.energy-readout>strong{width:21px;height:21px;font-size:13px;border-width:1px}.energy-readout i{height:9px}.energy-readout .energy-cap-label{display:none}.joystick{left:8px;width:60px;height:60px}.joystick:before{height:48px}.joystick:after{width:48px}.ability-dock{right:8px;gap:4px}.ability-dock button{width:46px;height:48px;grid-template-rows:18px 12px 10px;border-radius:12px}.ability-dock svg{font-size:18px}.mobile-prototype .notice-pill{bottom:calc(var(--energy-rail-height) + var(--hand-collapsed-height) + 61px + var(--safe-bottom))}.mobile-prototype.is-hand-expanded .notice-pill{bottom:calc(var(--energy-rail-height) + var(--hand-expanded-height) + 61px + var(--safe-bottom))}.mobile-prototype .home-indicator{display:none}}@media(max-width:600px){.mobile-prototype:not(.is-visual-capture){width:100vw;height:100dvh;max-height:none}}.deployment-target-layout{display:contents}.deployment-targets .deployment-target{width:76px;height:46px;min-width:76px;min-height:46px;transform:translate(-50%,-50%);animation:none}.deployment-target-anchor,.deployment-target-leader{position:absolute;display:block;pointer-events:none;background:#adf2ff}.deployment-target-anchor{width:6px;height:6px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid #e7fcff;box-shadow:0 0 0 2px #063b4f}.deployment-target-leader{height:1px;transform-origin:0 50%;box-shadow:0 0 0 1px #063b4f}.deployment-targets--spell .deployment-target-anchor,.deployment-targets--spell .deployment-target-leader{background:#dfbdff}