.audio-panel{border:1px solid #3f4734;background:#20261c;margin-top:14px;padding:12px 15px;font-size:10px}.audio-panel summary{font-weight:700;letter-spacing:1px;cursor:pointer;color:var(--ink)}.audio-panel summary>span{float:right;color:var(--muted);font-size:8px}.audio-options{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;align-items:center;margin-top:15px}.audio-options label{font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;flex-direction:column;gap:7px}.audio-options select{max-width:100%;background:#151c14;color:#f3ead2;padding:8px;border:1px solid #4c593b}.audio-options input[type=range]{accent-color:var(--orange);width:100%}.audio-options .audio-check{flex-direction:row;align-items:center}.audio-panel>p{font-size:9px;color:var(--muted);line-height:1.6}.audio-panel a{color:var(--green)}.mobile-gamepad{display:none}.landscape-hint{display:none}.install-app{background:#2d3a25;border:1px solid #708552;padding:8px 12px;color:#d3e7a1;font:700 11px Barlow,Arial,sans-serif;cursor:pointer}.install-box{position:fixed;right:15px;bottom:15px;z-index:20}.installed .install-box{display:none}
@media(pointer:coarse),(max-width:900px){.mobile-gamepad{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:14px 16px max(14px,env(safe-area-inset-bottom));background:#1a211a;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-gamepad .touch-pad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px);gap:5px;flex-shrink:0}.touch-pad .up{grid-column:2;grid-row:1}.touch-pad .left{grid-column:1;grid-row:2}.touch-pad .down{grid-column:2;grid-row:2}.touch-pad .right{grid-column:3;grid-row:2}.mobile-gamepad button{touch-action:none;border:1px solid #607054;border-bottom:3px solid #111b12;background:#303d2a;color:#edeedb;border-radius:9px;min-width:45px;min-height:47px;font:700 11px var(--display,Arial);padding:9px 7px;-webkit-tap-highlight-color:transparent}.mobile-gamepad .touch-pad button{font:700 22px Arial}.mobile-gamepad button.pressed{background:#df753f;color:#151a12;transform:translateY(2px)}.mobile-gamepad .touch-actions{display:grid;grid-template-columns:repeat(3,minmax(47px,72px));gap:6px}.mobile-gamepad .special{border-color:#af763f;background:#473c25}.mobile-gamepad .fatal{grid-column:span 3;min-height:35px;padding:6px;background:#4a2726}.landscape-hint{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin:8px 12px 12px}.quick-controls{display:none}.arena{aspect-ratio:1280/620!important}.arena canvas{object-fit:contain!important}.game-shell{box-shadow:none}.arena:fullscreen{height:100dvh;aspect-ratio:auto!important}.audio-options{grid-template-columns:1fr 1fr}.audio-panel summary>span{display:none}.topbar{gap:8px}.topbar nav{gap:8px}.topbar nav button{font-size:8px}.topbar nav button:nth-child(2){display:none}.topbar .brand{font-size:17px}.topbar .brand small{max-width:170px;font-size:7px}.fighter>img{height:110px}.arena-select-title h2{font-size:24px}.arena-options{gap:7px}.roster{gap:6px}.intro{padding:20px 0}.intro h1{font-size:35px}.intro .lede{font-size:11px}.stamp{display:none}.selection{margin-top:25px}}
@media(max-width:420px){.mobile-gamepad{gap:9px;padding:10px 7px}.mobile-gamepad .touch-pad{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(2,43px);gap:4px}.mobile-gamepad button{min-width:38px;min-height:43px;font-size:9px}.mobile-gamepad .touch-actions{gap:4px;grid-template-columns:repeat(3,minmax(42px,1fr))}.brand-mark{display:none}.topbar nav button{letter-spacing:0}.games-back{font-size:7px}.hud-name b{font-size:10px}.hud{gap:5px;grid-template-columns:1fr 35px 1fr}.clock strong{font-size:28px}.welcome h2{font-size:56px}.tape{display:none}.welcome .primary{font-size:12px;margin:10px 0}.welcome>p{font-size:5px}.arena-bottom{font-size:4px}.welcome .rage-sub{font-size:17px}}
@media(max-height:550px) and (orientation:landscape) and (pointer:coarse){body{padding-bottom:125px}.intro,.topbar,.bottom-info,footer,.arena-top{display:none}main{padding:0 2%}.game-shell{border:0}.arena{height:calc(100dvh - 112px);max-height:420px;aspect-ratio:auto!important}.arena canvas{height:100%;object-fit:contain!important}.mobile-gamepad{position:fixed;z-index:5;bottom:0;left:0;right:0;height:112px;padding:5px max(15px,env(safe-area-inset-left));background:#182016f5}.mobile-gamepad .touch-pad{grid-template-rows:repeat(2,43px);grid-template-columns:repeat(3,48px)}.mobile-gamepad .touch-actions{grid-template-columns:repeat(4,60px);gap:6px}.mobile-gamepad .fatal{grid-column:auto;min-height:40px}.landscape-hint{display:none}.hud{top:3%;left:12%;right:12%}.audio-panel,.arena-selector,.selection{margin-left:2%;margin-right:2%}.install-box{bottom:120px}.welcome h2{font-size:65px}.welcome-line{display:none}.welcome .primary{padding:8px 18px;font-size:15px;margin-top:12px}.welcome>p{font-size:6px}.tape{font-size:7px;margin-top:20px}}

.touch-toolbar{display:flex;gap:5px}.mobile-gamepad{position:relative}.mobile-gamepad .touch-toolbar{position:absolute;right:7px;top:-32px;z-index:4}.mobile-gamepad .touch-toolbar button{min-height:26px;padding:4px 7px;font-size:9px;border-radius:4px;background:#20301dec}.game-shell:fullscreen{width:100%;height:100dvh;background:#111a12;overflow:auto}.game-shell:fullscreen .arena-top,.game-shell:fullscreen .quick-controls{display:none}.game-shell:fullscreen .arena{height:calc(100dvh - 149px);aspect-ratio:auto!important}.game-shell:fullscreen .arena canvas{height:100%;object-fit:contain}.game-shell:fullscreen .landscape-hint{display:none}@media(min-width:901px) and (pointer:fine){.game-shell:fullscreen .arena{height:100dvh}}@media(max-height:550px) and (orientation:landscape) and (pointer:coarse){.game-shell:fullscreen .arena{height:calc(100dvh - 112px)}.mobile-gamepad .touch-toolbar{top:-31px}.install-box{right:160px;bottom:119px}.install-app{font-size:9px;padding:5px 8px}.game-shell:fullscreen .mobile-gamepad{position:fixed}}

body:has(#welcome.hidden) .install-box{display:none}

/* Expanded play surface works with native fullscreen and with the visible browser viewport. */
.expanded-bar{display:none}.game-expanded-active{overflow:hidden;overscroll-behavior:none;padding:0!important}
.game-shell.game-expanded{position:fixed;inset:0 auto auto 0;z-index:1000;width:var(--display-width,100vw);height:var(--display-height,100dvh);margin:0;border:0;border-radius:0;background:#071317;overflow:hidden;box-shadow:none}
.game-shell.game-expanded[data-rotated=true]{width:var(--display-height);height:var(--display-width);transform-origin:0 0;transform:translateX(var(--display-width)) rotate(90deg)}
.game-shell.game-expanded .arena{position:relative;width:100%;height:calc(100% - var(--controller-height,0px));max-height:none;aspect-ratio:auto!important;background:#071317}
.game-shell.game-expanded .arena-top,.game-shell.game-expanded .quick-controls,.game-shell.game-expanded .landscape-hint,.game-shell.game-expanded .arena-bottom{display:none!important}
.game-shell.game-expanded .expanded-bar{position:absolute;inset:0 0 auto;z-index:15;display:flex;align-items:center;gap:8px;padding:4px max(12px,env(safe-area-inset-right),env(safe-area-inset-left));background:linear-gradient(#08141df2,#08141da8);min-height:48px}
.expanded-bar>span{margin-right:auto;font:700 13px var(--display,Arial);letter-spacing:1px}.expanded-bar small{display:block;font:10px Arial;letter-spacing:0;color:#c8d7bf;margin-top:2px}.expanded-bar button{min-width:68px;min-height:44px;padding:8px 12px;border:1px solid #8c9a74;background:#203027;color:#fff7e5;border-radius:7px;font:700 13px var(--display,Arial)}
.game-shell.game-expanded .hud{top:56px;left:3%;right:3%;gap:12px;grid-template-columns:1fr 58px 1fr}.game-shell.game-expanded .hud-name{font-size:11px}.game-shell.game-expanded .hud-name b{font-size:15px}.game-shell.game-expanded .clock strong{font-size:36px}.game-shell.game-expanded .clock>span{font-size:9px}.game-shell.game-expanded .health{height:13px}.game-shell.game-expanded .speech{bottom:12px;max-width:60%;width:auto}.game-shell.game-expanded .speech p{font-size:17px}.game-shell.game-expanded .speech span{font-size:9px}.game-shell.game-expanded .overlay{z-index:8;padding-top:80px}.game-shell.game-expanded .overlay>p{font-size:14px}.game-shell.game-expanded .overlay button{min-height:44px;font-size:17px}.game-shell.game-expanded .welcome h2{font-size:clamp(60px,12vw,110px)}.game-shell.game-expanded .welcome .primary{font-size:19px;min-height:48px}.game-shell.game-expanded .welcome>p{font-size:10px}.game-shell.game-expanded .welcome-line{font-size:11px}
@media(pointer:coarse),(max-width:900px){
 #fullscreen{font:700 12px var(--display,Arial);min-width:100px;min-height:44px;padding:8px}.arena-top{height:48px}.arena-top #status{display:none}.topbar nav button{min-height:44px}.mobile-gamepad{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:8px 10px max(12px,env(safe-area-inset-bottom))}.mobile-gamepad .touch-toolbar{grid-column:1/-1;position:static;display:flex;justify-content:flex-end;gap:8px}.mobile-gamepad .touch-toolbar button{min-height:44px;padding:9px 14px;font-size:12px}.mobile-gamepad .touch-pad{--key:clamp(44px,12vw,56px);grid-template-columns:repeat(3,var(--key));grid-template-rows:repeat(2,var(--key));gap:4px}.mobile-gamepad .touch-actions{grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}.mobile-gamepad button{min-height:44px;min-width:44px;font-size:12px;padding:8px 5px}.mobile-gamepad .fatal{min-height:40px;font-size:12px}.hud-name b{font-size:12px}.speech p{font-size:14px}.speech span{font-size:8px}.arena-bottom{font-size:7px;letter-spacing:0}.arena-bottom>span:first-child{display:none}.arena-bottom{justify-content:flex-end}.landscape-hint{font-size:12px}.fighter-name{font-size:12px}.mode-switch button,.player-tabs button{min-height:44px}
 .game-shell.game-expanded .mobile-gamepad{position:absolute;inset:auto 0 0;z-index:10;background:#15201cf2}.game-shell.game-expanded .touch-toolbar{display:none}
}
.game-shell.game-expanded.game-landscape .arena{height:100%!important}
.game-shell.game-expanded.game-landscape .mobile-gamepad{display:flex;position:absolute;inset:auto 0 0;height:116px;padding:6px max(12px,env(safe-area-inset-left),env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#07141d80);align-items:end;justify-content:space-between;pointer-events:none}
.game-shell.game-expanded.game-landscape .touch-pad,.game-shell.game-expanded.game-landscape .touch-actions{pointer-events:auto}.game-shell.game-expanded.game-landscape .touch-pad{grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,46px);gap:5px}.game-shell.game-expanded.game-landscape .touch-actions{grid-template-columns:repeat(4,53px);grid-template-rows:repeat(2,46px);gap:5px}.game-shell.game-expanded.game-landscape .touch-actions .fatal{grid-column:auto}.game-shell.game-expanded.game-landscape .mobile-gamepad button{min-height:44px;min-width:44px;font-size:12px;padding:5px;background:#22352adc;border-color:#a2b188}.game-shell.game-expanded.game-landscape .touch-pad button{font-size:23px}.game-shell.game-expanded.game-landscape .touch-toolbar{display:none}.game-shell.game-expanded.game-landscape .speech{bottom:12px;max-width:48%}.game-shell.game-expanded.game-landscape .welcome h2{font-size:65px}.game-shell.game-expanded.game-landscape .welcome-line,.game-shell.game-expanded.game-landscape .welcome>p,.game-shell.game-expanded.game-landscape .tape{display:none}.game-shell.game-expanded.game-landscape .welcome .primary{margin-top:10px;padding:10px 22px;font-size:17px}.game-shell.game-expanded.game-landscape .overlay h2{font-size:44px}
@media(min-width:901px) and (pointer:fine){.game-shell.game-expanded.game-landscape .mobile-gamepad{display:none}}