body{background:radial-gradient(ellipse at top,#264879,#0c162c 65%)}main{padding-top:78px}.hud h1{font-weight:1000;letter-spacing:-1px}#clock{padding:9px 18px;border:1px solid #ffd99866;border-radius:999px;background:#142645;color:#ffe8b6}#soloOptions{display:flex;justify-content:center;align-items:center;gap:12px;min-height:230px;padding:20px;background:linear-gradient(0deg,#152848cc,#15284822),url('assets/sky-arena-v4.webp') center/cover;border:1px solid #98dbff55;border-radius:24px}#soloOptions button{padding:20px 27px;border-radius:15px;font-size:19px;font-weight:900;border:0;box-shadow:0 5px 0 #146481}.go{background:#89f1ff;color:#0e2544}canvas{border:2px solid #badfff66;box-shadow:0 12px 40px #0005}#arena{position:relative}.match-finish{padding:20px;background:#162a47;border:1px solid #ffc66d88;border-radius:20px}.match-finish h2{margin:0;font-size:28px;color:#ffe3a5}.match-finish button{min-height:48px;padding:12px 22px;border-radius:12px;font-weight:900;border:0}.controls #hit{background:#ffc961;color:#352308}.controls #jump{background:#79e6ff;color:#153149}.fighter-status{background:#0e203a;color:#edf9ff}.controls-note{color:#cbdcec}
@media(pointer:coarse),(max-width:700px){main{padding:74px 8px 18px}.hud{justify-content:center;gap:12px}.hud>a{display:none}.controls #left,.controls #right{display:none}.controls{min-height:130px;padding:4px 5px;align-items:center;justify-content:flex-end;gap:5px}.controls #jump{display:block;width:72px;height:72px;border-radius:50%;font-size:12px;margin:0}.controls #hit{width:76px;height:76px;font-size:13px;margin:0}.mobile-stick{display:block;left:4px;bottom:12px;width:104px;height:104px}.mobile-stick-knob{left:31px;top:31px}.controls .mobile-help{display:block}.note.controls-note{display:block;font-size:11px}#roster{display:grid!important}.fighter-status{padding:6px 2px;font-size:10px}#soloOptions{min-height:230px}#arena #result{min-height:20px}}
@media(orientation:landscape) and (max-height:550px){main{padding-top:60px}.hud{margin:0}canvas{max-height:calc(100dvh - 95px);max-width:100%;width:auto;margin:auto}.controls{position:absolute;inset:auto 2px 26px;min-height:100px;pointer-events:none}.controls>*{pointer-events:auto}.mobile-stick{opacity:.8;width:88px;height:88px;bottom:0}.mobile-stick-knob{left:23px;top:23px}.controls #jump,.controls #hit{width:62px;height:62px;opacity:.9}#roster,.controls-note{display:none!important}}

#fighterPicker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.fighter-choice{background:#13253b;border:2px solid #42627d;border-radius:16px;color:white;padding:10px;cursor:pointer}.fighter-choice[aria-pressed=true]{border-color:#62e7e6;background:#1c3d50;box-shadow:0 0 0 2px #62e7e633}.fighter-choice .portrait{display:block;width:90px;height:90px;margin:auto;background-image:url(assets/fighters-v3.webp);background-size:200% 200%}.fighter-choice b,.fighter-choice strong,.fighter-choice small{display:block}.fighter-choice b{font-size:19px}.fighter-choice strong{color:#ffdc7b;font-size:12px;margin:5px}.fighter-choice small{line-height:1.4;color:#d0e4ef}@media(max-width:600px){#fighterPicker{grid-template-columns:repeat(2,1fr)}.fighter-choice .portrait{width:70px;height:70px}}

.brawl-lobby-picker{text-align:left}.brawl-lobby-picker> b{display:block;font-size:12px;letter-spacing:.12em;color:#7ff2ed;margin-bottom:4px}.brawl-lobby-picker>p{margin:0 0 10px;color:#a8bfd2;font-size:11px;line-height:1.4}.brawl-lobby-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.brawl-lobby-picker-grid .fighter-choice{min-width:0;padding:8px}.brawl-lobby-picker-grid .fighter-choice .portrait{width:58px;height:58px}.brawl-lobby-picker-grid .fighter-choice b{font-size:14px}.brawl-lobby-picker-grid .fighter-choice strong{font-size:10px}.brawl-lobby-picker-grid .fighter-choice small{font-size:9px}.brawl-slot-fighter{display:flex;align-items:center;gap:6px;margin-top:6px;padding:4px 6px;border-radius:8px;background:#081525;border:1px solid #62e7e633}.brawl-slot-fighter i{display:block;width:28px;height:28px;flex:0 0 28px;background-image:url(assets/fighters-v3.webp);background-size:200% 200%;border-radius:7px}.brawl-slot-fighter em{font-style:normal;font-size:9px;font-weight:900;color:#ffdc7b;text-transform:uppercase}@media(max-width:600px){.brawl-lobby-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brawl-lobby-picker-grid .fighter-choice small{display:none}}
.fighter-choice{min-width:0;max-width:none}
#fighterPicker,.brawl-lobby-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.fighter-choice .portrait,.brawl-lobby-picker-grid .fighter-choice .portrait,.brawl-slot-fighter i{background-image:url(assets/fighters-six-v1.webp);background-size:300% 200%}
.fighter-choice .portrait{width:128px;height:128px;max-width:100%}
@media(max-width:600px){#fighterPicker,.brawl-lobby-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fighter-choice .portrait{width:100px;height:100px}}

.brawl-fighter-menu:not(:has(#fighterPicker)){display:none}

body.in-online-match .brawl-fighter-menu{display:none}

body:has(#arena:not([hidden])) .brawl-fighter-menu{display:none}

body:has(#arena:not([hidden])) main>p:not(#onlineStatus){display:none}
@media(pointer:coarse),(max-width:700px){
 .controls{position:relative;min-height:150px}
 .controls #hit,.controls #heavy,.controls #jump{position:absolute;border-radius:50%;padding:0}
 .controls #hit{right:92px;bottom:24px;width:84px;height:84px}
 .controls #heavy{right:10px;bottom:78px;width:74px;height:74px;background:#9b70ff;color:white}
 .controls #jump{right:12px;bottom:4px;width:68px;height:68px}
 .mobile-stick{width:118px;height:118px;bottom:20px}.mobile-stick-knob{left:36px;top:36px}
}
@media(orientation:landscape) and (max-height:550px){
 body:has(#arena:not([hidden])) main{padding-top:52px}
 body:has(#arena:not([hidden])) .hud h1{font-size:18px;margin:0}
 body:has(#arena:not([hidden])) #clock{padding:4px 12px}
 .controls{position:absolute;min-height:100px;bottom:26px}
 .controls #hit{right:72px;bottom:4px;width:64px;height:64px}
 .controls #heavy{right:4px;bottom:52px;width:60px;height:60px}
 .controls #jump{right:4px;bottom:-12px;width:60px;height:60px}
 .mobile-stick{width:88px;height:88px;bottom:0}.mobile-stick-knob{left:23px;top:23px}
}
@media(orientation:landscape) and (max-height:550px){
 body:not(.in-online-match):has(#arena:not([hidden])) #onlineStatus{display:none}
 #arena canvas{max-height:calc(100dvh - 140px)}
 #arena .controls-note{display:none}
}
/* Keep the phone combat area clear; social/privacy controls return in the lobby. */
@media(max-width:700px){
 body:has(#arena:not([hidden])) .binx-social-fab,
 body:has(#arena:not([hidden])) #binxAnalyticsManage{display:none!important}
}

.controls #hit,.controls #heavy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:3px;isolation:isolate;overflow:hidden}
.controls button canvas.brawl-control-art{display:block;width:64px;height:37px;max-width:85%;aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;pointer-events:none;filter:drop-shadow(0 2px 2px #091528aa)}
.controls .brawl-control-word{display:block;font-size:11px;font-weight:950;line-height:1.15;letter-spacing:.04em;pointer-events:none}
.controls #heavy canvas.brawl-control-art{width:66px;height:39px}
@media(min-width:701px){.controls #hit,.controls #heavy{min-width:82px;min-height:70px;border-radius:16px}.controls button canvas.brawl-control-art{width:64px;height:37px}.controls .brawl-control-word{font-size:12px}}