@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;600;700;800;900&family=Rajdhani:wght@600;700&display=swap";.card-hand .cards-row>.battle-card{--draw-rest-transform: none;--draw-origin-x: 42px;--draw-origin-y: -9px;--draw-origin-scale: .42}.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}.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 .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}}@media(prefers-reduced-motion:reduce){.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 .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_16mfz_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_16mfz_1:before,._lobby_16mfz_1:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}._lobby_16mfz_1:before{top:-86px;left:-90px;width:250px;height:250px;background:radial-gradient(circle,rgba(255,142,42,.22),transparent 68%)}._lobby_16mfz_1:after{right:-108px;bottom:24px;width:290px;height:290px;background:radial-gradient(circle,rgba(31,208,255,.18),transparent 68%)}._atmosphere_16mfz_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_16mfz_62{width:min(100%,330px);display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:9px;margin-bottom:19px}._topRail_16mfz_62 i,._footer_16mfz_72 i{height:1px;background:linear-gradient(90deg,transparent,rgba(226,164,78,.86))}._topRail_16mfz_62 i:last-child,._footer_16mfz_72 i:last-child{transform:scaleX(-1)}._topRail_16mfz_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_16mfz_90{width:100%;text-align:center}._header_16mfz_90 h1,._header_16mfz_90 p{margin:0}._eyebrow_16mfz_100{display:inline-flex;align-items:center;gap:6px;color:#efc57f;font-size:10px;font-weight:900;letter-spacing:.16em}._eyebrow_16mfz_100 svg{color:var(--lobby-cyan);font-size:15px}._header_16mfz_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_16mfz_90 p{min-height:34px;margin-top:8px;color:#d9c5a5;font-size:11px;line-height:1.55}._panel_16mfz_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_16mfz_131:before,._panel_16mfz_131:after{content:"";position:absolute;top:20px;width:42px;height:1px;background:#7c5128}._panel_16mfz_131:before{left:20px}._panel_16mfz_131:after{right:20px}._panelCountdown_16mfz_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_16mfz_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_16mfz_170 svg{font-size:28px}._choiceView_16mfz_188,._joinView_16mfz_189,._roomView_16mfz_190,._loadingView_16mfz_191,._countdownView_16mfz_192{display:grid;gap:12px}._loadingView_16mfz_191{min-height:182px;place-items:center;align-content:center;text-align:center}._loadingView_16mfz_191>svg{color:var(--lobby-cyan);font-size:42px;filter:drop-shadow(0 0 11px rgba(40,215,255,.48))}._loadingView_16mfz_191 strong{font-size:14px}._loadingView_16mfz_191 small{color:#bba98c;font-size:9px}._countdownView_16mfz_192{min-height:250px;place-items:center;align-content:center;gap:7px;text-align:center}._countdownView_16mfz_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}._countdownView_16mfz_192>small{color:#f0bf78;font-size:9px;font-weight:900;letter-spacing:.16em}._countdownView_16mfz_192>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)}._countdownView_16mfz_192>span{color:#d8c19c;font-size:11px}._countdownView_16mfz_192>div{display:flex;gap:6px;margin-top:7px}._countdownView_16mfz_192>div i{width:26px;height:4px;border-radius:4px;background:#f5a63d;box-shadow:0 0 8px #f5a63d85}._modeSummary_16mfz_262{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_16mfz_262>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_16mfz_262 svg{font-size:19px}._modeSummary_16mfz_262 div{min-width:0;display:grid;gap:3px}._modeSummary_16mfz_262 strong{font-size:13px}._modeSummary_16mfz_262 small{color:#b9d7d9;font-size:9px}._primaryButton_16mfz_291,._secondaryButton_16mfz_292,._textButton_16mfz_293,._backButton_16mfz_294,._roomCodeBlock_16mfz_295 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_16mfz_291{color:#062631;background:linear-gradient(180deg,#73eaff,#28c8ec);border:2px solid #d5fbff;box-shadow:0 4px #076482,0 0 20px #28d7ff33}._secondaryButton_16mfz_292{color:#ffe9c3;background:linear-gradient(180deg,#68401f,#492d18);border:1px solid #d58c38;box-shadow:0 3px #21130a}._primaryButton_16mfz_291 svg,._secondaryButton_16mfz_292 svg{font-size:19px}._primaryButton_16mfz_291:active,._secondaryButton_16mfz_292:active,._roomCodeBlock_16mfz_295 button:active{transform:translateY(2px)}._primaryButton_16mfz_291:disabled,._secondaryButton_16mfz_292:disabled,._roomCodeBlock_16mfz_295 button:disabled{cursor:default;opacity:.55;filter:saturate(.45)}._primaryButton_16mfz_291:focus-visible,._secondaryButton_16mfz_292:focus-visible,._textButton_16mfz_293:focus-visible,._backButton_16mfz_294:focus-visible,._roomCodeBlock_16mfz_295 button:focus-visible,._codeInput_16mfz_344:focus-visible{outline:3px solid #fff;outline-offset:3px}._joinView_16mfz_189{padding-top:2px}._backButton_16mfz_294{justify-self:start;min-height:36px;margin:-5px 0 2px -5px;padding:5px 7px;color:#dfc79f;background:transparent;border:0;font-size:10px}._joinView_16mfz_189 label{color:#fff0d1;font-size:12px;font-weight:800;text-align:center}._joinView_16mfz_189>small{margin-top:-6px;color:#ad9b82;font-size:9px;text-align:center}._codeInput_16mfz_344{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:Rajdhani,ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.01em;text-align:left}._codeInput_16mfz_344::placeholder{color:#52666b}._duelRow_16mfz_394{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;gap:4px}._playerSigil_16mfz_401{min-width:0;display:grid;justify-items:center;gap:3px;text-align:center}._portraitFrame_16mfz_409{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_16mfz_421 ._portraitFrame_16mfz_409{border-color:var(--lobby-amber);box-shadow:0 0 14px #ff9f3561,inset 0 0 0 3px #362516}._portraitFrame_16mfz_409 img{width:100%;height:100%;display:block;object-fit:cover}._portraitFrame_16mfz_409 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_16mfz_443{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_16mfz_421 ._readyMark_16mfz_443{color:#3f210a;background:#ffae4b;filter:drop-shadow(0 0 5px rgba(255,159,53,.72))}._playerSigil_16mfz_401 strong{max-width:100%;overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}._playerSigil_16mfz_401 small{color:#7de1f2;font-size:8px}._playerSigilAmber_16mfz_421 small{color:#f7b263}._playerSigil_16mfz_401 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_16mfz_401[data-ready=true] em{color:#bff8ff;border-color:#258eaa;background:#084656b8}._playerSigilAmber_16mfz_421[data-ready=true] em{color:#ffe0b2;border-color:#a86827;background:#5c300ebf}._playerSigilOffline_16mfz_496{opacity:.72}._playerSigilOffline_16mfz_496 ._portraitFrame_16mfz_409{filter:grayscale(.6)}._versus_16mfz_499{position:relative;height:52px;display:grid;place-items:center}._versus_16mfz_499 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_16mfz_499 i{position:absolute;width:1px;height:100%;transform:rotate(28deg);background:linear-gradient(transparent,#d79645,transparent)}._roomCodeBlock_16mfz_295{display:grid;justify-items:center;gap:7px;padding:11px 10px 10px;background:#0c0b09ba;border:1px solid #74512d;border-radius:12px}._roomCodeBlock_16mfz_295>small{color:#cbb38c;font-size:8px;font-weight:800;letter-spacing:.15em}._roomCode_16mfz_295{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:4px}._roomCode_16mfz_295 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_16mfz_295 button{min-height:31px;padding:4px 9px;color:#edd0a0;background:transparent;border:0;font-size:9px}._inviteFingerprint_16mfz_574{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_16mfz_590{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_16mfz_590>svg{flex:0 0 auto;color:var(--lobby-cyan);font-size:21px}._connectionBanner_16mfz_590 div{display:grid;gap:2px}._connectionBanner_16mfz_590 strong{font-size:10px}._connectionBanner_16mfz_590 small{color:#9fc2c5;font-size:8px;line-height:1.4}._connectionBannerWarning_16mfz_611{color:#ffe1b2;background:#672d0d6e;border-color:#ff9c3766}._connectionBannerWarning_16mfz_611>svg{color:var(--lobby-amber)}._readyButton_16mfz_619{color:#dffbff;background:linear-gradient(180deg,#167d98,#0d5b71);border-color:#7cecff;box-shadow:0 4px #063947,0 0 20px #28d7ff2b}._textButton_16mfz_293{min-height:32px;padding:3px 8px;color:#b9a88e;background:transparent;border:0;font-size:9px}._errorMessage_16mfz_635{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_16mfz_635 svg{flex:0 0 auto;margin-top:1px;font-size:14px}._footer_16mfz_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_16mfz_666{animation:_lobby-spin_16mfz_1 .9s linear infinite}@keyframes _lobby-spin_16mfz_1{to{transform:rotate(360deg)}}@media(max-height:720px){._lobby_16mfz_1{padding-top:calc(15px + env(safe-area-inset-top,0px))}._topRail_16mfz_62{margin-bottom:10px}._header_16mfz_90 h1{font-size:25px}._header_16mfz_90 p{min-height:25px;margin-top:4px}._panel_16mfz_131{margin-top:10px;padding-top:27px}._portraitFrame_16mfz_409{width:49px;height:49px}._roomView_16mfz_190{gap:8px}._roomCodeBlock_16mfz_295{padding-block:8px}._footer_16mfz_72{padding-top:9px}}@media(prefers-reduced-motion:reduce){._primaryButton_16mfz_291,._secondaryButton_16mfz_292,._roomCodeBlock_16mfz_295 button{transition:none}._spinner_16mfz_666{animation-duration:1.8s}}:root{font-family: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)}*{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}.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}.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__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__effect{width:28px;height:28px;border:3px solid var(--blue);box-shadow:0 0 16px var(--blue);animation:fallback-impact .46s ease-out 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--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:fallback-explosion .7s ease-out both}.arena-fallback__effect--spawn,.arena-fallback__effect--shield,.arena-fallback__effect--dash{border-style:double;animation:fallback-spawn .6s ease-out both}.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:82px;padding:3px 6px;color:#d8f7ff;background:#082633bd;border:1px solid rgba(87,220,255,.55);border-radius:7px;font-size:7px;letter-spacing:.08em;pointer-events:none}.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 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)}.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}.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}@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)}}.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:35px;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) + 102px);right:7px;width:128px;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(184px + var(--safe-bottom))}.commander-respawn{position:absolute;z-index:13;left:50%;bottom:calc(207px + 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}.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}.notice-pill{position:absolute;z-index:9;left:50%;bottom:calc(206px + 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)}.notice-pill--during-respawn{bottom:calc(270px + var(--safe-bottom));max-width:220px}.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(286px + 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}.deployment-target{position:absolute;width:62px;min-height:44px;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 span{align-self:end;font-size:10px;font-weight:900}.deployment-target small{align-self:start;font-size:8px;color:#bcefff}@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(202px + 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)}.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:13px;bottom:calc(205px + var(--safe-bottom));display:flex;gap:8px}.ability-dock button{width:58px;height:62px;display:grid;place-items:center;grid-template-rows:34px 15px;padding:4px;color:#fff8e9;background:#1e1209e6;border:2px solid #d99a3c;border-radius:50% 50% 15px 15px;box-shadow:inset 0 0 0 2px #4e2b12,0 3px 10px #0006}.ability-dock svg{font-size:28px;color:#ffd068}.ability-dock button:last-child{border-color:#5bd7ff}.ability-dock button:last-child svg{color:#62dcff}.ability-dock span{font-size:9px;font-weight:800}.ability-dock button:disabled{opacity:.64;filter:saturate(.45)}.chat-button{position:absolute;z-index:12;left:10px;bottom:calc(171px + 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%}.chat-button svg{font-size:20px}.quick-chat{position:absolute;z-index:20;left:10px;bottom:calc(286px + 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)}.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:136px;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{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}.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 14px #2ecfffcc}.battle-card.is-locked{filter:saturate(.32) brightness(.58);opacity:.78}.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>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}.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{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{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{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 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}.result-panel{position:absolute;z-index:50;left:26px;right:26px;top:50%;transform:translateY(-50%);padding:25px 18px 19px}.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}.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-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)}.pause-panel{width:min(214px,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}@media(max-height:740px){.mobile-prototype{height:100dvh}.card-hand{height:124px;bottom:calc(34px + var(--safe-bottom))}.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{bottom:calc(183px + var(--safe-bottom));width:70px;height:70px}.ability-dock{bottom:calc(185px + var(--safe-bottom))}.notice-pill{bottom:calc(190px + var(--safe-bottom))}.notice-pill--during-respawn{bottom:calc(247px + var(--safe-bottom))}.player-core-meter{bottom:calc(168px + var(--safe-bottom))}.commander-respawn{bottom:calc(188px + var(--safe-bottom))}.chat-button{bottom:calc(154px + var(--safe-bottom))}.quick-chat{bottom:calc(265px + var(--safe-bottom))}.deployment-targets:before{bottom:calc(156px + var(--safe-bottom))}.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}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}