:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);color:#edf2f7;background:#101318;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;touch-action:manipulation;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none}body{overscroll-behavior:none;-webkit-touch-callout:none}button,select,input{font:inherit}button{min-height:38px;border:1px solid rgba(237,242,247,.22);border-radius:6px;color:#f8fafc;background:#27313d;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,transform .12s ease}button:hover{border-color:#78e4ffc2;background:#314153}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.42;transform:none}select,input{width:100%;min-height:38px;border:1px solid rgba(237,242,247,.18);border-radius:6px;color:#f8fafc;background:#151b23;outline:none;-webkit-user-select:text;user-select:text}select:focus,input:focus{border-color:#78e4ff}.app-shell{position:relative;width:100%;height:100%;min-height:100dvh;background:#101318;overflow:hidden}.scene-canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.startup-overlay{position:absolute;inset:0;z-index:10;display:grid;place-items:center;padding:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));background:linear-gradient(180deg,#06090df0,#0c1016e0),url(/level-assets/backgrounds/environment/33eaa588-4d2b-4647-8d07-0c66d172c97c.png) center / cover no-repeat;opacity:1;pointer-events:auto;transition:opacity .24s ease,visibility .24s ease}.startup-overlay.is-done{visibility:hidden;opacity:0}.startup-panel{display:grid;width:min(420px,calc(100vw - 36px));justify-items:center;gap:14px;padding:24px;border:1px solid rgba(237,242,247,.18);border-radius:8px;background:#080c12eb;box-shadow:0 26px 70px #0000007a,inset 0 1px #ffffff14}.startup-icon{display:block;width:128px;height:128px;overflow:hidden;border:1px solid rgba(120,228,255,.32);border-radius:8px;background:#151b23;box-shadow:0 0 34px #78e4ff47,inset 0 0 28px #04070a47}.startup-icon img{display:block;width:100%;height:100%;object-fit:cover}.startup-brand{color:#f8fafc;font-size:30px;font-weight:950;line-height:1;text-align:center}.startup-track{width:100%;height:14px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#04070ac7}.startup-track span{display:block;width:0%;height:100%;animation:startup-progress-fill 4s linear forwards;background:linear-gradient(90deg,#ff405d,#f5c451 48%,#78e4ff);box-shadow:0 0 18px #78e4ff6b}@keyframes startup-progress-fill{0%{width:0%}to{width:100%}}.startup-status{min-height:16px;max-width:100%;overflow:hidden;color:#aeb9c7;font-size:12px;font-weight:800;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.menu-background{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#04060870,#04060814 42%,#04060857),linear-gradient(180deg,#03040647,#03040614 44%,#03040685),url(/level-assets/backgrounds/environment/33eaa588-4d2b-4647-8d07-0c66d172c97c.png) center / cover no-repeat;pointer-events:none}.menu-background:after{position:absolute;inset:0;background:radial-gradient(circle at 58% 46%,transparent 0 34%,rgba(0,0,0,.42) 100%);content:""}.combat-vignette,.hit-flash{position:absolute;inset:0;z-index:2;pointer-events:none}.combat-vignette{background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 28%,transparent 68%,rgba(0,0,0,.42)),radial-gradient(circle at center,transparent 42%,rgba(0,0,0,.42) 100%)}.hit-flash{opacity:0;mix-blend-mode:screen}.hud{position:absolute;inset:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 14px)) auto max(18px,calc(var(--safe-left) + 14px));z-index:4;display:grid;grid-template-columns:minmax(170px,1fr) 118px minmax(170px,1fr);gap:16px;align-items:start;opacity:var(--hud-opacity, 1);pointer-events:none;transform:scale(var(--hud-scale, 1));transform-origin:top center}.hud-position-bottom .hud{inset:auto max(18px,calc(var(--safe-right) + 14px)) max(18px,calc(var(--safe-bottom) + 14px)) max(18px,calc(var(--safe-left) + 14px));transform-origin:bottom center}.hud-compact .hud{grid-template-columns:minmax(130px,.8fr) 84px minmax(130px,.8fr);gap:10px}.fighter-strip{display:grid;gap:6px;min-width:0}.fighter-strip--right{text-align:right}.hud-hide-p2 .fighter-strip--right{opacity:0;visibility:hidden}.fighter-name{min-height:20px;overflow:hidden;color:#f8fafc;font-size:13px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.bar{position:relative;height:13px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:4px;background:#04070ab8}.bar span{display:block;width:100%;height:100%;transition:width .1s linear}.bar--health span{background:var(--hud-p1-health, #ff405d)}.fighter-strip--right .bar--health span{margin-left:auto;background:var(--hud-p2-health, #78e4ff)}.bar--stamina{height:7px}.bar--stamina span{background:var(--hud-stamina, #f5c451)}.round-core{display:grid;justify-items:center;gap:3px}.timer{width:68px;min-height:42px;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#080b0fc7;color:#f8fafc;font-size:28px;font-weight:900;line-height:40px;text-align:center}.round-message{min-width:118px;min-height:20px;overflow:hidden;color:var(--hud-accent, #f5c451);font-size:12px;font-weight:800;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hud-hide-health .bar--health,.hud-hide-stamina .bar--stamina,.hud-hide-timer .timer,.hud-hide-message .round-message{display:none}.intro-overlay{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;text-align:center;text-transform:uppercase}.intro-overlay:before{position:absolute;inset:0;background:linear-gradient(180deg,#00000057,#0000 42%,#00000061);content:""}.intro-overlay>div{position:relative;text-shadow:0 3px 18px rgba(0,0,0,.72)}.intro-kicker{margin-bottom:10px;color:#f5c451;font-size:13px;font-weight:900;letter-spacing:0}.intro-title{max-width:min(760px,calc(100vw - 44px));overflow-wrap:anywhere;color:#f8fafc;font-size:72px;font-weight:950;line-height:.92}.loading-overlay{position:absolute;inset:0;z-index:8;display:grid;place-items:center;padding:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));background:linear-gradient(180deg,#05070a85,#05070a33 44%,#05070a9e),#04070a47;pointer-events:auto}.loading-panel{display:grid;width:min(460px,calc(100vw - 36px));gap:10px;padding:16px;border:1px solid rgba(237,242,247,.18);border-radius:8px;background:#0a0e13e6;box-shadow:0 22px 58px #0000006b}.loading-kicker{color:#f5c451;font-size:12px;font-weight:900;letter-spacing:0}.loading-title{overflow:hidden;color:#f8fafc;font-size:22px;font-weight:900;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.loading-track{position:relative;height:14px;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#04070ac2}.loading-track span{display:block;width:0%;height:100%;background:linear-gradient(90deg,#ff405d,#f5c451 48%,#78e4ff);box-shadow:0 0 18px #78e4ff6b;transition:width .12s linear}.loading-meta{display:flex;min-width:0;justify-content:space-between;gap:12px;color:#aeb9c7;font-size:12px;font-weight:800;text-transform:uppercase}.loading-file{min-height:18px;overflow:hidden;color:#78e4ff;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.result-overlay,.stats-overlay{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));background:#03050857;pointer-events:auto}.result-panel,.stats-panel{display:grid;width:min(480px,calc(100vw - 36px));gap:12px;padding:18px;border:1px solid rgba(237,242,247,.18);border-radius:8px;background:#090c11c7;box-shadow:0 24px 70px #0000007a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.result-kicker,.stats-kicker,.stats-section-title{color:#f5c451;font-size:12px;font-weight:900;text-transform:uppercase}.result-title,.stats-title{overflow-wrap:anywhere;color:#f8fafc;font-size:28px;font-weight:950;line-height:1.05}.result-grid,.stats-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-grid div,.stats-summary div,.stats-row{min-width:0;padding:10px;border:1px solid rgba(237,242,247,.12);border-radius:6px;background:#04070a70}.result-grid span,.stats-summary span,.stats-row span{display:block;overflow:hidden;color:#aeb9c7;font-size:10px;font-weight:900;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.result-grid strong,.stats-summary strong,.stats-row strong{display:block;min-width:0;overflow:hidden;color:#f8fafc;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stats-open{width:100%;border-color:#78e4ff57;background:#78e4ff1f}.stats-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.stats-panel{width:min(620px,calc(100vw - 36px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 36px);overflow:auto}.stats-table{display:grid;gap:6px}.stats-row{display:grid;grid-template-columns:42px minmax(0,1fr) 70px 70px;gap:8px;align-items:center}.side-panel{position:absolute;top:max(86px,calc(var(--safe-top) + 70px));left:max(18px,calc(var(--safe-left) + 14px));z-index:5;display:grid;width:min(340px,calc(100vw - 36px));max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 104px);gap:12px;padding:14px;border:1px solid rgba(237,242,247,.16);border-radius:8px;background:#0d1117e0;box-shadow:0 18px 42px #00000052;overflow:auto;overscroll-behavior:contain}.account-panel{display:grid;gap:8px;padding-top:4px}.account-state{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:baseline;min-width:0}.account-state span{color:#f5c451;font-size:11px;font-weight:900;text-transform:uppercase}.account-state strong{min-width:0;overflow:hidden;color:#f8fafc;font-size:16px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.account-actions,.guest-row{display:grid;gap:8px}.account-actions{grid-template-columns:1fr 1fr 82px}.account-actions button:disabled{cursor:default;opacity:.45}.guest-row{grid-template-columns:1fr 76px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand-row h1{margin:0;color:#f8fafc;font-size:20px;font-weight:900;line-height:1.15}.icon-button{width:38px;padding:0;font-weight:900}.icon-button.is-active{border-color:#f5c451;background:#4c3a13}.field{display:grid;gap:5px;color:#aeb9c7;font-size:12px;font-weight:800;text-transform:uppercase}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions button:first-child{grid-column:1 / -1;background:#61222b}.actions button[data-mode-id]{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-height:50px;padding:8px 10px;text-align:left}.actions button[data-mode-id]:disabled{cursor:not-allowed;opacity:.48}.mode-button-icon{display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 auto}.mode-button-body{display:grid;min-width:0;gap:1px}.mode-button-body strong,.mode-button-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mode-button-body strong{font-size:12px}.mode-button-body small{color:#aeb9c7;font-size:10px}.join-row{display:grid;grid-template-columns:1fr 86px;gap:8px}.status-line,.clip-line{min-height:18px;overflow:hidden;color:#aeb9c7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.clip-line{color:#78e4ff}.match-panel{position:absolute;right:max(18px,calc(var(--safe-right) + 12px));bottom:max(18px,calc(var(--safe-bottom) + 12px));z-index:5;display:flex;max-width:calc(100vw - 36px);align-items:center;gap:8px;padding:8px;border:1px solid rgba(237,242,247,.16);border-radius:8px;background:#0d1117d1}.match-panel div{min-width:0;overflow:hidden;color:#aeb9c7;font-size:12px;font-weight:800;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.match-panel button{min-width:72px}.online-popup,.training-ai-popup{position:absolute;inset:0;z-index:7;display:grid;place-items:center;padding:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));background:#03050880}.online-popup-panel,.training-ai-panel{display:grid;width:min(380px,calc(100vw - 36px));gap:12px;padding:18px;border:1px solid rgba(237,242,247,.2);border-radius:8px;background:#090c11f0;box-shadow:0 24px 70px #0000007a}.online-popup-kicker,.training-ai-kicker{color:#f5c451;font-size:12px;font-weight:900;text-transform:uppercase}.online-popup-title,.training-ai-title{overflow-wrap:anywhere;color:#f8fafc;font-size:28px;font-weight:950;line-height:1.05}.online-popup-detail,.training-ai-detail{min-height:20px;color:#aeb9c7;font-size:14px;font-weight:700}.training-ai-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.training-ai-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.training-ai-levels button{min-width:0;padding-inline:0}.online-code{display:grid;min-height:58px;place-items:center;border:1px solid rgba(120,228,255,.32);border-radius:6px;background:#78e4ff14;color:#78e4ff;font-size:30px;font-weight:950;letter-spacing:0}.rematch-popup{position:absolute;inset:0;z-index:9;display:grid;place-items:center;padding:max(18px,calc(var(--safe-top) + 12px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));background:#03050894}.rematch-panel{display:grid;width:min(390px,calc(100vw - 36px));gap:12px;padding:18px;border:1px solid rgba(245,196,81,.34);border-radius:8px;background:#090c11f5;box-shadow:0 24px 70px #00000080}.rematch-kicker{color:#f5c451;font-size:12px;font-weight:900;text-transform:uppercase}.rematch-title{overflow-wrap:anywhere;color:#f8fafc;font-size:26px;font-weight:950;line-height:1.05}.rematch-detail{color:#aeb9c7;font-size:14px;font-weight:700}.rematch-timer{display:grid;width:62px;min-height:44px;place-items:center;border:1px solid rgba(245,196,81,.38);border-radius:6px;color:#f5c451;font-size:24px;font-weight:950}.rematch-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rematch-actions button:first-child{border-color:#78e4ff7a;background:#203441}.character-select{position:absolute;inset:max(74px,calc(var(--safe-top) + 58px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));z-index:5;display:grid;grid-template-columns:minmax(420px,1fr) minmax(300px,400px);gap:16px;min-height:0;overflow:hidden}.level-setup{position:absolute;inset:max(84px,calc(var(--safe-top) + 64px)) max(18px,calc(var(--safe-right) + 12px)) max(18px,calc(var(--safe-bottom) + 12px)) max(18px,calc(var(--safe-left) + 12px));z-index:5;display:grid;place-items:center;min-height:0}.level-setup-panel{display:grid;width:min(760px,100%);max-height:100%;min-height:0;gap:14px;overflow:hidden;padding:16px;border:1px solid rgba(237,242,247,.16);border-radius:8px;background:#090c11eb;box-shadow:0 24px 68px #0000006b}.level-setup-header{display:flex;min-width:0;gap:12px;align-items:center}.level-setup-header>div{min-width:0}.level-setup-header button{min-width:76px}.level-setup-kicker{color:#f5c451;font-size:12px;font-weight:900;line-height:1;text-transform:uppercase}.level-setup-title{overflow:hidden;color:#f8fafc;font-size:28px;font-weight:950;line-height:1.05;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.level-picker--setup{min-height:0}.level-picker--setup .level-picker-list{max-height:min(48dvh,360px)}.character-browser,.selected-fighter{min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(237,242,247,.16);border-radius:8px;background:#090c11e6;box-shadow:0 22px 58px #0000005c}.character-browser{display:grid;grid-template-rows:auto auto auto 1fr;gap:12px;padding:14px}.character-header{display:flex;gap:12px;align-items:center;min-width:0}.character-header>div{min-width:0}.character-header button{min-width:76px}.faction-count{align-self:flex-start;margin-left:auto;padding:6px 9px;border:1px solid rgba(245,196,81,.34);border-radius:6px;background:#281e0cd1;color:#f5c451;font-size:11px;font-weight:950;line-height:1;text-transform:uppercase;white-space:nowrap}.character-kicker,.selected-kicker{color:#f5c451;font-size:12px;font-weight:900;text-transform:uppercase}.character-title{max-width:38vw;overflow:hidden;color:#f8fafc;font-size:26px;font-weight:950;line-height:1.05;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.slot-tabs{display:grid;grid-template-columns:repeat(2,minmax(90px,128px));gap:8px}.slot-tabs button.is-active{border-color:#f5c451;background:#61222b}.faction-flags{display:flex;min-width:0;gap:8px;overflow-x:auto;padding:2px 2px 5px;scrollbar-gutter:stable;overscroll-behavior-x:contain}.faction-flag{position:relative;display:grid;width:52px;min-width:52px;height:74px;min-height:74px;place-items:center;padding:4px;border:1px solid rgba(237,242,247,.16);border-radius:7px;background:#11161de6;overflow:hidden}.faction-flag:hover,.faction-flag:focus-visible,.faction-flag.is-active{border-color:#f5c451;background:#342710f0;box-shadow:inset 0 0 0 1px #f5c4517a,0 0 18px #f5c4513d}.faction-flag:active{transform:translateY(1px)}.faction-flag-art{position:relative;isolation:isolate;display:block;width:100%;height:100%;pointer-events:none}.faction-flag-base,.faction-flag-overlay{position:absolute;inset:0;width:100%;height:100%}.faction-flag-base{object-fit:contain;opacity:.94}.faction-flag-overlay{background-image:var(--flag-overlay);background-position:center;background-repeat:no-repeat;background-size:cover;mask-image:var(--flag-mask);mask-mode:alpha;mask-position:center;mask-repeat:no-repeat;mask-size:contain;mix-blend-mode:overlay;opacity:.96;-webkit-mask-image:var(--flag-mask);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;align-content:start;align-items:start;min-height:0;overflow:auto;padding-right:4px;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.character-grid-empty{display:grid;grid-column:1 / -1;min-height:180px;place-content:center;gap:6px;border:1px dashed rgba(237,242,247,.16);border-radius:8px;background:#11161db8;color:#aeb9c7;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase}.character-grid-empty strong{color:#f5c451;font-size:14px}.character-tile{position:relative;display:grid;align-content:start;gap:5px;min-height:118px;padding:6px;border-color:#edf2f726;background:#11161deb}.character-tile.is-active{border-color:#78e4ff;background:#203441;box-shadow:inset 0 0 0 1px #78e4ff42}.character-tile.is-picked-p1:before,.character-tile.is-picked-p2:after{position:absolute;top:5px;min-width:22px;border-radius:4px;color:#061017;font-size:10px;font-weight:950;line-height:18px;text-align:center}.character-tile.is-picked-p1:before{left:5px;background:#ff405d;content:"P1"}.character-tile.is-picked-p2:after{right:5px;background:#78e4ff;content:"P2"}.character-head{position:relative;display:grid;aspect-ratio:1;place-items:center;overflow:hidden;border:1px solid rgba(237,242,247,.12);border-radius:6px;background:linear-gradient(180deg,#ffffff12,#fff0),#04070ac2}.character-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .16s ease}.character-head img.is-ready{opacity:1}.character-head>span:not(.character-stat-bars){color:#aeb9c7;font-size:22px;font-weight:950}.character-stat-bars{display:grid;width:100%;min-width:0;gap:5px}.character-stat{display:grid;min-width:0;grid-template-columns:44px minmax(0,1fr) 42px;gap:7px;align-items:center}.character-stat-label,.character-stat-value{overflow:hidden;color:#edf2f7;font-size:10px;font-weight:950;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.character-stat-label{color:#aeb9c7}.character-stat-value{color:#f8fafc;text-align:right}.character-stat-track{position:relative;display:block;height:7px;min-width:0;overflow:hidden;border:1px solid rgba(237,242,247,.14);border-radius:3px;background:#030609bd}.character-stat-fill{display:block;width:var(--character-stat-fill, 0%);height:100%;background:var(--character-stat-color, #78e4ff);box-shadow:0 0 10px color-mix(in srgb,var(--character-stat-color, #78e4ff) 54%,transparent)}.character-stat-bars--tile{position:absolute;right:4px;bottom:4px;left:4px;z-index:2;gap:2px;padding:4px;border:1px solid rgba(237,242,247,.12);border-radius:5px;background:#04070aad;opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease,visibility .12s ease;visibility:hidden}.character-tile:hover .character-stat-bars--tile,.character-tile:focus-visible .character-stat-bars--tile,.character-tile.is-active .character-stat-bars--tile{opacity:1;transform:translateY(0);visibility:visible}.character-stat-bars--tile .character-stat{grid-template-columns:20px minmax(0,1fr);gap:3px}.character-stat-bars--tile .character-stat-label{font-size:7px}.character-stat-bars--tile .character-stat-value{display:none}.character-stat-bars--tile .character-stat-track{height:4px;border-radius:2px}.character-tile-name{min-height:28px;overflow:hidden;color:#edf2f7;font-size:11px;font-weight:850;line-height:1.16;text-align:center;text-overflow:ellipsis;text-transform:uppercase}.selected-fighter{display:grid;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"kicker" "name" "image" "levels" "confirm";gap:8px;padding:14px}.selected-kicker{grid-area:kicker}.selected-name{grid-area:name;min-width:0;overflow:hidden;color:#f8fafc;font-size:30px;font-weight:950;line-height:1.05;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.selected-image-shell{position:relative;grid-area:image;display:grid;min-height:0;place-items:end center;overflow:hidden;border-block:1px solid rgba(237,242,247,.12);background:radial-gradient(circle at 52% 38%,rgba(120,228,255,.16),transparent 38%),linear-gradient(180deg,#ffffff0a,#fff0)}.selected-stat-overlay{position:absolute;right:10px;bottom:10px;left:10px;z-index:2;padding:10px;border:1px solid rgba(237,242,247,.14);border-radius:7px;background:#04070ab8;box-shadow:0 12px 26px #00000047;pointer-events:none}.character-stat-bars--selected .character-stat-track{height:8px}.selected-actions{grid-area:confirm;display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.selected-actions button{min-width:0;width:100%}.selected-actions [data-ui=preload-selected]{border-color:#78e4ff61;background:#203441}.level-picker{grid-area:levels;display:grid;gap:7px;min-height:0}.level-picker.is-hidden{display:none}.level-picker-title{display:flex;align-items:center;justify-content:space-between;min-width:0;color:#aeb9c7;font-size:10px;font-weight:950;line-height:1;text-transform:uppercase}.level-picker-title strong{overflow:hidden;color:#f5c451;text-overflow:ellipsis;white-space:nowrap}.level-player-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.level-player-option{display:grid;min-height:42px;align-content:center;gap:2px;padding:6px 7px;border:1px solid rgba(237,242,247,.14);border-radius:7px;background:#11161de6;color:#edf2f7;text-align:left}.level-player-option.is-active{border-color:#f5c451;background:#342710f0;box-shadow:inset 0 0 0 1px #f5c4516b}.level-player-option span{font-size:12px;font-weight:950;line-height:1}.level-player-option small{overflow:hidden;color:#aeb9c7;font-size:8px;font-weight:850;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.level-picker-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(116px,1fr));gap:6px;min-height:0;max-height:148px;overflow:auto;padding-right:2px;scrollbar-gutter:stable}.level-card{position:relative;display:grid;min-height:58px;align-content:end;overflow:hidden;padding:7px;border:1px solid rgba(237,242,247,.14);border-radius:7px;background:linear-gradient(180deg,#04070a2e,#04070adb),var(--level-card-bg, linear-gradient(135deg, #13202b, #2a1722));background-position:center;background-size:cover;color:#edf2f7;text-align:left}.level-card.is-active{border-color:#f5c451;box-shadow:inset 0 0 0 1px #f5c4516b}.level-card-name{overflow:hidden;font-size:10px;font-weight:950;line-height:1.12;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.level-card-meta{margin-top:3px;overflow:hidden;color:#aeb9c7;font-size:8px;font-weight:850;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.selected-image-shell img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:opacity .16s ease}.selected-image-shell img.is-loading{opacity:0}.selected-loading{position:absolute;color:#aeb9c7;font-size:12px;font-weight:900;text-transform:uppercase}.touch-controls{position:absolute;right:max(10px,calc(var(--safe-right) + 8px));bottom:max(10px,calc(var(--safe-bottom) + 8px));left:max(10px,calc(var(--safe-left) + 8px));z-index:6;display:none;grid-template-columns:minmax(128px,34vw) minmax(184px,46vw);gap:12px;align-items:end;justify-content:space-between;opacity:var(--touch-opacity, 1);pointer-events:none}.touch-move,.touch-attack-grid{pointer-events:auto}.touch-move{display:grid;gap:8px;justify-items:start}.touch-joystick{position:relative;width:122px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,#78e4ff1f,#11161dd1 62%,#06090de0);box-shadow:inset 0 0 0 1px #edf2f729,0 16px 34px #00000057;touch-action:none;-webkit-user-select:none;user-select:none}.touch-joystick:before,.touch-joystick:after{position:absolute;inset:50% auto auto 50%;border-radius:999px;background:#edf2f72e;content:"";transform:translate(-50%,-50%)}.touch-joystick:before{width:70%;height:1px}.touch-joystick:after{width:1px;height:70%}.touch-joystick-ring{position:absolute;inset:18px;border:1px solid rgba(120,228,255,.24);border-radius:50%;pointer-events:none}.touch-joystick-knob{position:absolute;top:50%;left:50%;width:56px;aspect-ratio:1;border:1px solid rgba(237,242,247,.28);border-radius:50%;background:radial-gradient(circle at 34% 28%,#f8fafc52,#78e4ff29 42%,#27313de6);box-shadow:inset 0 0 0 1px #78e4ff1f,0 9px 20px #0000005c;pointer-events:none;transform:translate(0);translate:-50% -50%}.touch-joystick.is-active{box-shadow:inset 0 0 0 2px #78e4ff61,0 16px 34px #00000057,0 0 28px #78e4ff33}.touch-utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.touch-controls .touch-super-button{border-color:#f5c4519e;background:#5c4214d1;color:#fff6c7;box-shadow:0 10px 26px #0000003d,0 0 22px #f5c45138}.touch-attack-grid{display:grid;grid-template-columns:repeat(4,minmax(38px,1fr));gap:6px}.touch-controls button{min-width:0;min-height:46px;padding:0 6px;border-color:#edf2f73d;background:#11161db8;box-shadow:0 10px 26px #0000003d;color:#f8fafc;font-size:12px;font-weight:950;touch-action:none;-webkit-user-select:none;user-select:none}.touch-controls button.is-held{border-color:#78e4ff;background:#78e4ff38;transform:translateY(1px)}.is-hidden{display:none!important}@media(max-width:980px){.character-select{grid-template-columns:minmax(0,1fr) minmax(240px,34vw);gap:12px}.character-title{max-width:44vw}.character-grid{grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}}@media(max-width:760px){.hud{inset:max(10px,calc(var(--safe-top) + 8px)) max(10px,calc(var(--safe-right) + 8px)) auto max(10px,calc(var(--safe-left) + 8px));grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:6px;transform:scale(var(--hud-mobile-scale, var(--hud-scale, 1)))}.hud-position-bottom .hud{inset:auto max(10px,calc(var(--safe-right) + 8px)) max(10px,calc(var(--safe-bottom) + 8px)) max(10px,calc(var(--safe-left) + 8px))}.fighter-strip{gap:4px}.fighter-name{min-height:16px;font-size:10px}.bar{height:10px}.bar--stamina{height:5px}.timer{width:48px;min-height:30px;font-size:18px;line-height:28px}.round-message{min-width:58px;font-size:9px}.intro-title{font-size:42px}.startup-panel{width:min(360px,calc(100vw - 24px));gap:12px;padding:18px}.startup-icon{width:104px;height:104px}.startup-brand{font-size:26px}.loading-panel,.result-panel,.stats-panel,.online-popup-panel,.training-ai-panel,.rematch-panel{width:min(420px,calc(100vw - 24px));padding:14px}.loading-title{overflow-wrap:anywhere;white-space:normal}.result-title,.stats-title{font-size:24px}.stats-row{grid-template-columns:34px minmax(0,1fr) 54px 58px;gap:6px;padding:8px}.online-popup-title,.training-ai-title{font-size:24px}.rematch-title{font-size:22px}.online-code{min-height:52px;font-size:26px}.side-panel{top:max(58px,calc(var(--safe-top) + 52px));right:max(10px,calc(var(--safe-right) + 8px));left:max(10px,calc(var(--safe-left) + 8px));width:auto;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 76px);gap:10px;padding:12px}.brand-row h1{font-size:18px}.account-fields,.account-actions,.guest-row{grid-template-columns:1fr}.actions{grid-template-columns:1fr 1fr}.level-setup{inset:max(58px,calc(var(--safe-top) + 50px)) max(8px,calc(var(--safe-right) + 6px)) max(8px,calc(var(--safe-bottom) + 6px)) max(8px,calc(var(--safe-left) + 6px));place-items:stretch}.level-setup-panel{width:100%;gap:10px;padding:12px}.level-setup-header button{min-width:64px;min-height:36px}.level-setup-title{font-size:22px}.character-select{inset:max(58px,calc(var(--safe-top) + 50px)) max(8px,calc(var(--safe-right) + 6px)) max(8px,calc(var(--safe-bottom) + 6px)) max(8px,calc(var(--safe-left) + 6px));grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(168px,28dvh);gap:10px}.character-browser,.selected-fighter{padding:10px}.character-browser{grid-template-rows:auto auto auto minmax(0,1fr);gap:9px}.character-header button{min-width:64px;min-height:36px}.character-kicker,.selected-kicker{font-size:10px}.character-title{max-width:calc(100vw - 128px);font-size:20px}.slot-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.faction-count{padding:5px 7px;font-size:9px}.faction-flags{gap:6px;padding-bottom:3px}.faction-flag{width:44px;min-width:44px;height:62px;min-height:62px;padding:3px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:6px;padding-right:2px}.character-tile{min-height:96px;padding:5px}.character-tile-name{min-height:24px;font-size:10px}.selected-name{font-size:22px;white-space:normal;overflow-wrap:anywhere}.selected-fighter{grid-template-columns:minmax(112px,34vw) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"image kicker" "image name" "image levels" "image confirm";column-gap:10px;row-gap:6px;align-items:stretch}.selected-image-shell{min-height:0;border-block:0;border-inline:1px solid rgba(237,242,247,.12)}.selected-stat-overlay{right:6px;bottom:6px;left:6px;padding:6px}.character-stat-bars--selected{gap:4px}.character-stat-bars--selected .character-stat{grid-template-columns:34px minmax(0,1fr) 30px;gap:5px}.character-stat-bars--selected .character-stat-label,.character-stat-bars--selected .character-stat-value{font-size:8px}.character-stat-bars--selected .character-stat-track{height:5px}.selected-actions{align-self:end;gap:5px}.selected-actions button{min-height:38px}.level-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:92px}.level-card{min-height:42px;padding:6px}.match-panel{top:max(58px,calc(var(--safe-top) + 52px));right:auto;bottom:auto;left:50%;width:min(320px,calc(100vw - 20px));padding:6px;transform:translate(-50%)}.match-panel div{flex:1}.match-panel button{min-width:62px;min-height:34px;padding:0 8px;font-size:12px}.touch-controls{display:grid}}@media(pointer:coarse){button{min-height:42px;touch-action:manipulation}.hud{inset:max(10px,calc(var(--safe-top) + 8px)) max(10px,calc(var(--safe-right) + 8px)) auto max(10px,calc(var(--safe-left) + 8px));grid-template-columns:minmax(0,1fr) 58px minmax(0,1fr);gap:6px;transform:scale(var(--hud-mobile-scale, var(--hud-scale, 1)))}.hud-position-bottom .hud{inset:auto max(10px,calc(var(--safe-right) + 8px)) max(10px,calc(var(--safe-bottom) + 8px)) max(10px,calc(var(--safe-left) + 8px))}.fighter-strip{gap:4px}.fighter-name{min-height:16px;font-size:10px}.bar{height:10px}.bar--stamina{height:5px}.timer{width:48px;min-height:30px;font-size:18px;line-height:28px}.round-message{min-width:58px;font-size:10px}.touch-controls{display:grid}.match-panel{top:max(58px,calc(var(--safe-top) + 52px));right:auto;bottom:auto;left:50%;width:min(320px,calc(100vw - 20px));transform:translate(-50%)}}@media(max-width:420px){button,input{min-height:36px}.side-panel{gap:8px}.startup-panel{padding:16px}.startup-icon{width:92px;height:92px}.startup-brand{font-size:24px}.account-panel{gap:6px}.result-grid,.stats-summary,.result-actions,.actions{grid-template-columns:1fr}.join-row{grid-template-columns:1fr 72px}.character-select{grid-template-rows:minmax(0,1fr) minmax(142px,25dvh)}.character-header{gap:8px}.character-header button{min-width:62px}.character-title{max-width:calc(100vw - 104px);font-size:18px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(54px,1fr))}.character-tile{min-height:78px;gap:3px}.character-stat-bars--tile{right:3px;bottom:3px;left:3px;gap:1px;padding:3px}.character-stat-bars--tile .character-stat{grid-template-columns:1fr}.character-stat-bars--tile .character-stat-label{display:none}.character-stat-bars--tile .character-stat-track{height:3px}.character-head>span:not(.character-stat-bars){font-size:18px}.character-tile-name{min-height:18px;font-size:8px;line-height:1.08}.character-tile.is-picked-p1:before,.character-tile.is-picked-p2:after{top:3px;min-width:18px;font-size:8px;line-height:15px}.character-tile.is-picked-p1:before{left:3px}.character-tile.is-picked-p2:after{right:3px}.selected-fighter{grid-template-columns:minmax(90px,32vw) minmax(0,1fr);column-gap:8px}.selected-name{font-size:18px}.selected-actions{gap:4px}.selected-actions button{min-height:34px;font-size:12px}.touch-controls{grid-template-columns:minmax(104px,31vw) minmax(0,1fr);gap:8px}.touch-attack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.touch-controls button{min-height:40px;padding-inline:3px;font-size:10px}.touch-joystick{width:106px}.touch-joystick-ring{inset:16px}.touch-joystick-knob{width:50px}.match-panel{top:max(54px,calc(var(--safe-top) + 48px))}}@media(max-width:360px){.character-select{inset:max(52px,calc(var(--safe-top) + 46px)) max(6px,calc(var(--safe-right) + 4px)) max(6px,calc(var(--safe-bottom) + 4px)) max(6px,calc(var(--safe-left) + 4px));grid-template-rows:minmax(0,1fr) minmax(126px,23dvh);gap:6px}.character-browser,.selected-fighter{padding:7px}.character-header{gap:6px}.character-header button{min-width:54px;min-height:32px;font-size:11px}.character-title{max-width:calc(100vw - 86px);font-size:15px}.slot-tabs{gap:5px}.faction-flag{width:38px;min-width:38px;height:54px;min-height:54px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:4px}.character-tile{min-height:68px;padding:4px}.character-stat-bars--tile{padding:2px}.character-stat-bars--tile .character-stat-track{height:2px}.character-tile-name{min-height:16px;font-size:7px}.selected-fighter{grid-template-columns:82px minmax(0,1fr)}.selected-name{font-size:15px;line-height:1}}@media(max-height:560px)and (orientation:landscape){.hud{inset:max(6px,calc(var(--safe-top) + 4px)) max(8px,calc(var(--safe-right) + 6px)) auto max(8px,calc(var(--safe-left) + 6px))}.side-panel{top:max(8px,calc(var(--safe-top) + 6px));bottom:max(8px,calc(var(--safe-bottom) + 6px));left:max(8px,calc(var(--safe-left) + 6px));width:min(330px,44vw);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 16px);gap:7px;padding:10px}.brand-row h1{font-size:16px}.account-panel{gap:6px}.actions{grid-template-columns:1fr 1fr}.character-select{inset:max(8px,calc(var(--safe-top) + 6px)) max(8px,calc(var(--safe-right) + 6px)) max(8px,calc(var(--safe-bottom) + 6px)) max(8px,calc(var(--safe-left) + 6px));grid-template-columns:minmax(0,1fr) minmax(190px,30vw);grid-template-rows:1fr;gap:8px}.character-browser,.selected-fighter{padding:8px}.character-browser{gap:8px}.character-title{max-width:34vw;font-size:18px}.character-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:5px}.character-tile{min-height:82px;gap:3px}.character-tile-name{min-height:20px;font-size:9px}.selected-name{font-size:18px;white-space:normal;overflow-wrap:anywhere}.selected-fighter{grid-template-rows:auto auto minmax(0,1fr) auto;gap:6px}.selected-image-shell{min-height:0}.online-popup-panel,.training-ai-panel,.loading-panel,.rematch-panel{width:min(360px,calc(100vw - 32px));gap:8px;padding:12px}.match-panel{top:max(42px,calc(var(--safe-top) + 38px));right:auto;bottom:auto;left:50%;width:min(310px,calc(100vw - 280px));min-width:220px;transform:translate(-50%)}.touch-controls{right:max(8px,calc(var(--safe-right) + 6px));bottom:max(8px,calc(var(--safe-bottom) + 6px));left:max(8px,calc(var(--safe-left) + 6px));grid-template-columns:176px 254px;gap:10px}.touch-controls button{min-height:36px;font-size:10px}.touch-joystick{width:104px}.touch-joystick-ring{inset:15px}.touch-joystick-knob{width:48px}}