.arcade-switch{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.arcade-tab{gap:8px;padding:12px 10px}.arcade-tab b{font-size:14px}.arcade-tab-icon{width:30px;height:32px;font-size:23px}
.brawl-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:17px}.brawl-fighter{display:flex;align-items:center;text-align:left;gap:12px;background:#faf7f0;border:1px solid #abc5ab;border-radius:16px;padding:4px 13px;color:#295b43;min-width:0}.brawl-fighter.selected{background:#e9efd2;border:2px solid #419567;padding:3px 12px}.brawl-fighter:disabled{cursor:default;opacity:.85}.brawl-fighter canvas{width:72px;height:93px;flex-shrink:0}.brawl-fighter b{font:700 16px 'Rubik',sans-serif;display:block}.brawl-fighter small{display:block;font-size:11px;color:#8a733b;margin:5px 0}.brawl-fighter em{font-style:normal;font-size:10px;line-height:1.5;display:block;color:#627c66}
.brawl-shell{aspect-ratio:auto;background:#eee1c4}.brawl-viewport{position:relative;aspect-ratio:16/9}#brawlCanvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:none}.brawl-menu{background:linear-gradient(#f9efd7b8,transparent 40%,transparent 70%,#f9efd7bb);padding:28px 20px 18px}.brawl-menu h2{font-size:clamp(40px,6vw,67px);margin:8px 0}.brawl-menu .panel-eyebrow{font-size:8px}.brawl-menu p{font-size:12px}.brawl-menu .play-button{min-height:42px}
.brawl-controls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:11px 14px;background:#faf2db}.brawl-controls button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:48px;border:1px solid #a8b991;border-bottom:3px solid #91a781;border-radius:10px;background:#fffaf0;color:#2a6448;touch-action:none;user-select:none;-webkit-user-select:none}.brawl-controls button span{font-size:25px}.brawl-controls button small{font-size:10px}.brawl-controls button.pressed,.brawl-controls button:active{background:#ead284;border-bottom-width:1px}.brawl-controls button:last-child{background:#ecd17c;border-color:#b99a49}
.brawl-hud{display:flex;align-items:center;gap:15px;padding:8px 16px;font-size:11px;color:#42674d;background:#f8efd9}.brawl-hud strong{margin-left:auto;font:700 20px 'Rubik',sans-serif}.brawl-hud .hud-icon{background:#fff6df;border-radius:50%;width:32px;height:32px}.brawl-below{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.brawl-viewport .glide-overlay{z-index:3}.brawl-viewport .glide-result-card{max-width:460px}
.brawl-shell:fullscreen{height:100dvh;display:flex;flex-direction:column}.brawl-shell:fullscreen .brawl-viewport{min-height:0;flex:1;aspect-ratio:auto}.brawl-shell:fullscreen .brawl-controls{flex-shrink:0}.brawl-shell:fullscreen .brawl-hud{flex-shrink:0}
@media(max-width:1000px){.arcade-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.brawl-fighter{gap:5px}.brawl-fighter b{font-size:13px}.brawl-fighter canvas{width:58px;height:75px}}
@media(max-width:600px){.arcade-switch{grid-template-columns:repeat(2,minmax(0,1fr))}#brawlTab{grid-column:1/-1}.brawl-picker{gap:7px}.brawl-fighter,.brawl-fighter.selected{flex-direction:column;text-align:center;padding:7px 3px;gap:0}.brawl-fighter b{font-size:11px}.brawl-fighter em{font-size:8px}.brawl-fighter small{font-size:9px;margin:3px 0}.brawl-fighter canvas{width:62px;height:80px}.brawl-menu{padding:12px 8px 8px}.brawl-menu h2{font-size:36px;letter-spacing:-1px;margin:4px 0}.brawl-menu .panel-eyebrow{font-size:6px}.brawl-menu p{font-size:9px}.brawl-menu .play-button{min-height:32px;min-width:135px;font-size:11px;padding:7px 15px}.brawl-controls{gap:4px;padding:8px 6px}.brawl-controls button{flex-direction:column;gap:0;min-height:46px}.brawl-controls button small{font-size:7px}.brawl-controls button span{font-size:21px}.brawl-hud{gap:7px;font-size:9px;padding:6px 9px}.brawl-hud strong{font-size:17px}.brawl-hud #brawlHealth{display:none}.brawl-below{grid-template-columns:1fr;gap:12px}.brawl-viewport .glide-result-card{padding:12px}.brawl-viewport .glide-result-card h2{font-size:18px}}
@media(max-height:530px) and (orientation:landscape){.brawl-viewport{max-height:calc(100dvh - 95px);aspect-ratio:auto;height:calc(100dvh - 95px)}.brawl-menu{padding:10px}.brawl-menu h2{font-size:35px}.brawl-controls{padding:5px 10px}.brawl-controls button{min-height:35px}.brawl-hud{padding:3px 10px}.brawl-shell:fullscreen .brawl-viewport{max-height:none;height:auto}}