:root{background:#d6edf1;color:#143d51}body{background:#d6edf1}main{padding:0 20px;max-width:1700px}header{height:76px}.brand{color:#fff;font-size:33px;-webkit-text-stroke:1px #1c5970;filter:drop-shadow(0 3px 0 #25748d)}.brand-icon{color:#47d9eb;text-shadow:2px 3px #1c6078}.brand small{color:#245970;-webkit-text-stroke:0}.brand .accent{color:#ffcd55}.mode{color:#33637b;letter-spacing:1px}.divider{color:#84aab5}.live,.status-dot{background:#159782}.tools button{background:#f8fcfd;color:#25667e;border:2px solid #94c4d0;border-bottom:4px solid #6196aa;box-shadow:0 2px 0 #ffffff80}.arena{height:calc(100dvh - 121px);border:3px solid #2c7785;border-radius:8px;box-shadow:0 5px 0 #1c536d,0 12px 24px #1b5d6820;background:#42ab80}footer{height:44px;color:#487385}kbd{color:#275c71;border-color:#a0c9d1;background:#e9f8fa}.footer-mark{color:#159d9c}.top-hud{top:19px;left:22px;right:22px;color:white;text-shadow:0 3px 0 #194b65}.wave,.score{background:#143e5de0;padding:9px 13px;border:2px solid #badfee;border-bottom:4px solid #0c324b;border-radius:6px;min-width:82px}.top-hud strong{font-size:31px}.top-hud small{color:#bbe8fa;letter-spacing:1px}.wave strong span{color:#c6ecfc}.objective{background:#136c94;border:2px solid #a8f2ff;border-bottom:4px solid #134e71;box-shadow:0 4px 0 #143a5840}.objective>span{color:#a2ffff;text-shadow:0 0 12px #66ffff}.objective small{color:#bcf3ff}.player-info{background:#17455bef;border:2px solid #a9ddea;border-bottom:4px solid #0a304c;box-shadow:0 4px 0 #18334d33;color:white}.health{height:9px;border:1px solid #0c364b}.health i{background:linear-gradient(#acffc1,#43d996)}#health-text{color:#c4edfc}.player-info small{color:#b5def3}.avatar{background-image:url('assets/brawlers.png')!important;background-size:400% 200%!important;background-position:0 0!important;background-repeat:no-repeat!important;font-size:0;color:transparent;width:48px;height:48px;border:0;box-shadow:0 2px 0 #113e55;background-color:transparent!important}.avatar[data-brawler=nova]{background-position:33.333% 0!important}.avatar[data-brawler=bruno]{background-position:66.666% 0!important}.super{background:#216583;color:white;border:3px solid #a7eaff;border-bottom:5px solid #143d61;box-shadow:0 4px 0 #13344c40}.super.ready{background:#ffcc45;color:#654024;border-color:#fff1a6;border-bottom-color:#b77522;box-shadow:0 0 22px #ffe07299}.ammo i{background:#ffda69;border-color:#234d66;border-radius:3px;height:13px}.ammo i.empty{background:#1a4468}.overlay{background:#0b344e33;backdrop-filter:blur(1px)}.dialog{background:linear-gradient(145deg,#287cac,#155776);border:3px solid #99dfed;border-bottom:7px solid #153f60;color:white;box-shadow:0 10px 0 #14375144;padding:24px 32px;width:min(560px,calc(100% - 24px))}.eyebrow{color:#baf8ff;letter-spacing:2px}h1,.dialog h1{color:#fff;font-size:47px;text-shadow:0 4px 0 #174466}h1 em{color:#ffdb70}.dialog p{color:#d8f1fc}.loadout legend{color:#c6eafa;letter-spacing:1px}.brawler-select{gap:10px}.brawler-select label{background:#124b6c;border:2px solid #5fafd0;border-bottom:5px solid #123e5d;padding:10px 6px 12px;transition:transform .15s,background .15s}.brawler-select label:hover{transform:translateY(-3px);background:#1b6287}.brawler-select label:has(input:checked){background:#3187ab;border-color:#ffd468;border-bottom-color:#c79536;box-shadow:0 0 0 2px #fff09c33}.portrait{width:105px;height:105px;max-width:100%;background-color:transparent;background-image:url('assets/brawlers.png');background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;font-size:0;color:transparent;border-radius:0;margin-bottom:5px;filter:drop-shadow(0 3px 2px #092c5055)}.brawler-select label:nth-child(2) .portrait{background-position:33.333% 0}.brawler-select label:nth-child(3) .portrait{background-position:66.666% 0}.brawler-select strong{font:800 21px 'Barlow Condensed',Arial;text-shadow:0 2px 0 #1a425e}.brawler-select small{color:#d0e7f4;font-size:10px}.loadout select{background:#eefaff;color:#1c4d67;border:2px solid #a7d7e7;font-size:12px}.loadout #mode-objective{color:#d4edf9}.primary{background:linear-gradient(#ffe67d,#ffca42);border:2px solid #fff0ac;border-bottom:6px solid #b97929;color:#4e3927;font-size:25px;text-shadow:0 1px #fff3a9;box-shadow:0 3px 0 #16415b55}.primary:hover{background:#ffe78a}.dialog .best{color:#b1d7e9}.dialog .best strong{color:#fff0b2}.secondary{color:#c3e6f7}.upgrade-options button{background:#1c688b;border:2px solid #99d7f1;border-bottom:4px solid #113e60;color:#ffdf86}.upgrade-options button:hover{background:#3081a2}.upgrade-options small{color:#cceffc}.results strong{color:#ffda70}.results small{color:#c5eaf9}#announcement{color:#fff5c2;text-shadow:2px 0 #16476b,-2px 0 #16476b,0 -2px #16476b,0 4px #16476b;font-size:36px}#stick,#fire{background:#19668c66;border-color:#b6effa99;box-shadow:inset 0 0 0 4px #1e5f7c44}#stick i{background:linear-gradient(#89e7ff,#3c9ccd);box-shadow:0 3px 0 #1e587d;border:2px solid #b5f4ff}#fire{background:#d8643a88;color:#fff0bc;border-color:#ffdda2aa}
@media(max-width:750px){main{padding:0 8px}header{height:64px}.brand{font-size:27px}.arena{height:calc(100dvh - 102px)}footer{height:36px}.dialog{padding:18px}.dialog h1{font-size:36px}.portrait{width:76px;height:76px}.brawler-select{gap:6px}.brawler-select small{font-size:8px}.brawler-select strong{font-size:18px}.brawler-select label{padding:8px 3px}.top-hud{top:13px;left:13px;right:13px}.wave,.score{padding:5px 8px;min-width:68px}.top-hud strong{font-size:25px}.objective{height:48px}.avatar{width:35px;height:38px}.dialog .primary{font-size:22px}.top-hud small{font-size:8px}.player-info{width:176px}#announcement{font-size:30px;top:95px}}
@media(max-height:620px){header{height:53px}.arena{height:calc(100dvh - 92px);min-height:260px}footer{height:36px}.dialog h1{font-size:30px}.dialog{padding:14px 22px}.portrait{width:52px;height:52px}.brawler-select label{padding:5px}.brawler-select strong{font-size:16px}.brawler-select small{display:none}.loadout{margin-bottom:12px}.dialog p{margin:6px 0 12px}.dialog .primary{padding:10px 16px;font-size:20px}.dialog .best{display:none}}
@media(prefers-reduced-motion:reduce){.brawler-select label{transition:none}.brawler-select label:hover{transform:none}}
.portrait[style*="--portrait"],.avatar[style*="--portrait"]{background-image:var(--portrait)!important;background-size:contain!important;background-position:center!important}
.brawler-select label>span,.brawler-select label>strong,.brawler-select label>small{pointer-events:none}
@media(max-height:620px) and (pointer:coarse){.touch-controls{bottom:100px;left:18px;right:18px}#stick,#fire{width:62px;height:62px}#fire{font-size:34px}.bottom-hud{bottom:12px}.player-info{padding:6px 10px}.top-hud{top:9px}.wave,.score{padding:4px 9px}.top-hud strong{font-size:24px}.objective{height:43px}}