@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#b2ff6b;--text:#f1f5f2;--muted:#83918f;--line:rgba(210,242,226,.13);--panel:#111c22;--font:'Space Grotesk',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#080e16;color:var(--text);font-family:var(--font);overflow:hidden;font-size:14px}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(1.12)}[hidden]{display:none!important}#scene,.vignette,.lobby-shade{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}.vignette{pointer-events:none;box-shadow:inset 0 0 130px 40px rgba(4,10,17,.4);background:linear-gradient(0deg,rgba(5,10,15,.78),transparent 17%,transparent 87%,rgba(5,10,15,.32))}.lobby-shade{pointer-events:none;background:linear-gradient(90deg,rgba(6,13,20,.96) 0%,rgba(6,13,20,.8) 20%,rgba(6,13,20,.18) 48%,transparent 68%)}
.topbar{position:absolute;z-index:3;top:0;left:0;right:0;height:101px;display:flex;align-items:center;padding:0 44px;gap:30px}.brand{text-decoration:none;color:var(--text);font-weight:700;font-size:32px;letter-spacing:-2px;display:flex;align-items:center;gap:11px}.brand svg{width:35px;height:30px;fill:var(--lime)}.brand-dot{color:var(--lime)}.build-label{font-size:9px;color:#84918e;letter-spacing:2.1px;padding-left:28px;border-left:1px solid var(--line)}.top-right{margin-left:auto;display:flex;gap:24px;align-items:center}.local-pill{font-size:9px;letter-spacing:1.6px;border:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:8px;border-radius:3px;background:#111b2280}.local-pill i,.status-dot{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 8px #b2ff6b50}.icon-button{display:flex;align-items:center;gap:9px;background:transparent;font-size:11px;color:#c8d2d0}.icon-button svg{width:22px;height:22px}.icon-button:hover{color:var(--lime)}
.lobby{position:absolute;top:23%;left:6%;z-index:2}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--lime);display:flex;align-items:center;gap:12px}.small-line{height:1px;width:25px;background:var(--lime)}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(78px,8.5vw,134px);font-weight:800;font-stretch:condensed;line-height:.83;letter-spacing:-.7px;margin:26px 0 26px}h1 em{font-style:normal;color:var(--lime)}.intro{color:#a4b2b5;font-size:13px;line-height:1.8;margin:0 0 29px}.launch-row{display:flex;gap:19px;align-items:center}.primary-button{background:var(--lime);color:#132019;min-height:55px;min-width:204px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 23px;font-size:12px;font-weight:700;letter-spacing:1.1px;border-radius:2px;box-shadow:0 0 30px #b2ff6b0b;transition:box-shadow .2s,transform .2s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 5px 30px #b2ff6b26}.primary-button span:last-child{font-size:24px;font-weight:400}.primary-button span:first-child{font-size:12px;font-weight:700}.match-note{font-size:8px;line-height:1.9;letter-spacing:1px;color:#adbbb9}.match-note b{font-weight:400;color:#647875}.brief{margin-top:36px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:19px;font-size:7px;letter-spacing:1px;color:#adb6b5}.brief div{display:flex;flex-direction:column;gap:8px}.brief span{color:var(--lime);font-size:9px}
.skin-select{position:absolute;right:44px;bottom:102px;width:287px;background:linear-gradient(120deg,#0e1922dd,#15232bdd);border:1px solid var(--line);padding:20px;backdrop-filter:blur(20px);z-index:2}.section-label{font-size:9px;letter-spacing:1.6px;display:flex;justify-content:space-between;align-items:center}.muted{color:#6f8284;font-size:8px;letter-spacing:1px}.skin-options{display:flex;gap:7px;margin-top:18px}.skin{width:78px;height:82px;background:#18262e;border:1px solid transparent;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;color:#81928f;font-size:8px;letter-spacing:1px}.skin.active{background:#b2ff6b0c;border-color:#b2ff6b8a;color:var(--lime)}.skin svg{width:58px;height:42px;fill:#3b5355;stroke:currentColor;stroke-width:1.2}.skin.active svg{fill:#b2ff6b30}.skin .detail{fill:none}.skin-select p{font-size:9px;color:#748783;margin:14px 0 0}.arena-label{position:absolute;bottom:115px;left:47%;display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:2px;color:#c9d9d7}.arena-label .cross{font-size:24px;color:var(--lime);font-weight:400}.arena-label div span{display:block;font-size:7px;color:#617e82;margin-top:8px;letter-spacing:1.3px}.arena-coordinates{font-size:7px;color:#577278;line-height:1.8;padding-left:25px;margin-left:10px;border-left:1px solid var(--line);letter-spacing:1px}
.footer{position:absolute;bottom:0;left:44px;right:44px;height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.5px;color:#8c9f9d;z-index:2}.footer>span:first-child{display:flex;align-items:center;gap:8px}.footer b{font-weight:500;color:#bdcdc9}.footer-center{color:#506a6e;letter-spacing:2px;font-size:7px}.divider{margin:0 10px;color:#416061}.version{margin-left:24px;color:#4e676c}
.leaderboard{position:absolute;right:32px;top:125px;width:216px;background:#0d171ecc;border:1px solid var(--line);padding:17px;backdrop-filter:blur(16px)}.leaderboard .section-label{margin-bottom:15px;font-size:8px}.leader-row{display:flex;align-items:center;gap:10px;font-size:10px;padding:9px 0;color:#a3b5b1;border-top:1px solid #c6ead308}.leader-row.me{color:var(--lime)}.leader-row .rank{font-size:8px;width:8px;color:#638078}.leader-row i{width:6px;height:6px;display:block;transform:rotate(45deg)}.leader-row strong{margin-left:auto;font-weight:500;font-size:11px}.match-clock{position:absolute;top:36px;left:50%;transform:translateX(-50%);text-align:center}.match-clock span{font-size:8px;letter-spacing:1.5px;color:#8fa39e;display:block}.match-clock strong{font-size:27px;letter-spacing:2px;font-weight:500}.player-stats{position:absolute;left:40px;bottom:118px;display:flex;align-items:center;gap:32px;padding:20px 25px;background:linear-gradient(100deg,#0c171fe8,#0c171f66);border-left:2px solid var(--lime);backdrop-filter:blur(12px)}.player-stats span{font-size:8px;letter-spacing:1.4px;color:#9cafaa}.territory-stat strong{display:block;font-size:45px;font-weight:500;color:var(--lime);line-height:1.2;letter-spacing:-2px}.territory-stat strong small{font-size:20px;letter-spacing:0;margin-left:3px}.territory-track,.boost-track{height:3px;background:#b2ff6b14;margin-top:8px;overflow:hidden}.territory-track i,.boost-track i{display:block;height:100%;background:var(--lime);transition:width .1s}.compact-stat strong{display:block;font-size:29px;font-weight:400;margin-top:9px}.boost-stat{width:126px}.boost-stat span{display:flex;align-items:center;justify-content:space-between}.boost-stat small{display:block;font-size:7px;letter-spacing:.8px;margin-top:11px;color:#839e97}.boost-track{height:5px}.boost-stat.exposed small{color:#ffba6b}.boost-stat.exposed .boost-track i{background:#ffba6b}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:20px;padding:0 4px;font:9px var(--font);color:#a6b9b2;border:1px solid #b6d4c72b;border-radius:3px;margin-right:3px}.in-game-controls{position:absolute;left:40px;bottom:81px;display:flex;gap:24px;align-items:center;font-size:8px;letter-spacing:1px;color:#7d948e}.in-game-controls>span{display:flex;align-items:center;gap:3px}.minimap-wrap{position:absolute;right:32px;bottom:83px;width:166px;background:#0c181dda;padding:8px;border:1px solid var(--line)}#minimap{width:148px;height:148px;display:block;image-rendering:pixelated}.minimap-wrap>span{display:flex;justify-content:space-between;font-size:7px;margin-top:8px;letter-spacing:1px;color:#7c938a}.minimap-wrap>span>span{color:var(--lime)}.pause-button{position:absolute;top:112px;left:40px;border:1px solid var(--line);padding:9px 13px;background:#10202b90}.toast{position:absolute;left:50%;top:24%;transform:translate(-50%,-15px);opacity:0;pointer-events:none;text-align:center;background:#101e25d9;border:1px solid #b2ff6b30;padding:13px 22px;color:var(--lime);font-size:12px;letter-spacing:1px;backdrop-filter:blur(10px);transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{color:var(--text);border:1px solid #b9d7ce22;box-shadow:0 25px 120px #0007;background:#0d181fec;backdrop-filter:blur(30px);font-family:var(--font)}dialog::backdrop{background:#02090e88;backdrop-filter:blur(5px)}.settings{position:fixed;left:auto;right:24px;top:24px;bottom:24px;margin:0;width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);padding:26px 28px;overflow-y:auto;border-radius:4px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head .eyebrow{font-size:8px}h2{font-size:29px;font-weight:500;letter-spacing:-1.1px;margin:9px 0 0}h2 span{color:var(--lime)}.close-button{color:#abc0b7;background:#bedcc70a;border:1px solid var(--line);height:30px;width:30px;font-size:24px;line-height:24px}.settings-intro{font-size:11px;color:#81978f;margin:17px 0 24px}.setting-section{border-top:1px solid var(--line);padding:20px 0}.setting-section .section-label{font-size:8px;color:#859d94}.presets{display:flex;gap:6px;margin-top:13px}.presets button{flex:1;background:#182b30;padding:11px 5px;font-size:9px;letter-spacing:1px;color:#a3b5af;border:1px solid transparent}.presets button.active{color:var(--lime);border-color:#b2ff6b70;background:#b2ff6b10}.slider-setting{display:block;margin-bottom:20px}.slider-setting:last-child{margin-bottom:0}.slider-setting>span{display:flex;justify-content:space-between;font-size:11px}.slider-setting output{color:var(--lime);font-size:10px}.slider-setting small{display:block;color:#677f77;font-size:9px;margin-top:5px}input[type=range]{width:100%;height:4px;accent-color:var(--lime);cursor:pointer;margin:15px 0 0;display:block}.toggles{display:flex;flex-direction:column;gap:20px}.toggles label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.toggles small{display:block;font-size:9px;color:#657e75;margin-top:5px}.toggles input{appearance:none;width:31px;height:17px;background:#253a3c;border-radius:20px;position:relative;cursor:pointer;margin:0}.toggles input:before{content:'';position:absolute;width:11px;height:11px;left:3px;top:3px;background:#79948b;border-radius:50%;transition:transform .15s}.toggles input:checked{background:#b2ff6b3b}.toggles input:checked:before{background:var(--lime);transform:translateX(14px)}.settings-foot{font-size:9px;color:#758f85;display:flex;gap:8px;align-items:center}.center-dialog{width:440px;max-width:calc(100vw - 32px);padding:35px;border-radius:4px}.center-dialog .eyebrow{font-size:9px}.center-dialog h2{margin-top:16px;font-size:34px}.center-dialog p{font-size:12px;line-height:1.7;color:#91a89d;margin:17px 0 25px}.center-dialog .primary-button{width:100%}.text-button{width:100%;background:transparent;padding:17px 0 0;color:#8fa598;font-size:9px;letter-spacing:1px}.result-stats{display:flex;justify-content:space-between;margin:28px 0;border-block:1px solid var(--line);padding:22px 0}.result-stats strong{display:block;font-size:25px;color:var(--lime);font-weight:500}.result-stats span{display:block;font-size:7px;letter-spacing:.8px;color:#7c978a;margin-top:8px}.error{position:fixed;z-index:10;inset:20%;background:#111e26;padding:40px;border:1px solid #ff658a;max-height:350px}.error p{line-height:1.7;color:#abc1b7}.touch-controls{display:none}
@media(min-height:900px){.lobby{top:25%}.brief{margin-top:44px}}
@media(max-width:1100px){.lobby{left:5%;top:24%}h1{font-size:105px}.skin-select{right:25px;width:254px;padding:16px}.skin{width:69px}.arena-label{left:48%;bottom:110px}.arena-coordinates{display:none}.topbar{padding:0 28px}.footer{left:28px;right:28px}.footer-center{display:none}.build-label{font-size:8px;letter-spacing:1.2px}.player-stats{left:25px;gap:23px}.in-game-controls{left:25px;gap:16px}}
@media(max-height:740px) and (min-width:701px){.lobby{top:22%}h1{font-size:88px;margin:19px 0}.intro{font-size:11px;margin-bottom:19px}.brief{margin-top:22px;padding-top:15px}.primary-button{min-height:48px}.skin-select{bottom:87px}.arena-label{bottom:105px}.settings{padding:23px}.setting-section{padding:16px 0}.slider-setting{margin-bottom:16px}.toggles{gap:17px}}
@media(max-width:700px){.topbar{height:78px;padding:0 20px;gap:10px}.brand{font-size:27px}.brand svg{width:27px}.build-label{display:none}.top-right{gap:12px}.local-pill{font-size:7px;padding:8px;letter-spacing:1px}.icon-button span{display:none}.lobby-shade{background:linear-gradient(90deg,#08121fe8,#08121f44),linear-gradient(0deg,#08121fd9,transparent 70%)}.lobby{left:25px;top:19%}h1{font-size:91px;margin:21px 0}.eyebrow{font-size:7px;letter-spacing:1.3px}.intro{font-size:11px}.launch-row{gap:12px}.primary-button{min-width:180px;min-height:49px;font-size:11px;padding:0 19px}.match-note{font-size:7px}.brief{display:none}.skin-select{right:20px;bottom:70px;left:20px;width:auto;display:flex;align-items:center;gap:14px;padding:10px 14px}.skin-select>.section-label{width:77px;font-size:8px;line-height:1.8}.skin-select .muted,.skin-select p{display:none}.skin-options{margin:0;flex:1}.skin{height:66px;width:auto;flex:1;font-size:7px}.skin svg{height:35px;width:48px}.arena-label{display:none}.footer{left:20px;right:20px;height:45px;font-size:7px;letter-spacing:1px}.version{display:none}.match-clock{top:94px}.match-clock strong{font-size:25px}.leaderboard{top:158px;right:15px;width:148px;padding:11px}.leaderboard .section-label{font-size:7px;letter-spacing:.7px}.leaderboard .muted{display:none}.leader-row{font-size:8px;padding:7px 0;gap:7px}.leader-row strong{font-size:9px}.player-stats{left:15px;bottom:192px;padding:12px 16px;gap:18px}.player-stats span{font-size:7px}.territory-stat strong{font-size:34px}.compact-stat strong{font-size:22px}.boost-stat{width:98px}.minimap-wrap{right:15px;bottom:63px;width:98px;padding:5px}#minimap{width:86px;height:86px}.minimap-wrap>span{font-size:5px;letter-spacing:0}.in-game-controls{display:none}.touch-controls{position:absolute;left:20px;bottom:69px;display:grid;grid-template-columns:45px 45px 45px 67px;gap:5px}.touch-controls button{height:45px;border:1px solid #afddbf33;background:#142530dc;color:#bcdfc3;border-radius:4px;font-size:19px;touch-action:none;user-select:none}.touch-controls button:first-child{grid-column:2}.touch-controls button:nth-child(2){grid-row:2;grid-column:1}.touch-controls button:nth-child(3){grid-row:2;grid-column:2}.touch-controls button:nth-child(4){grid-row:2;grid-column:3}.touch-controls #touch-boost{grid-row:2;grid-column:4;font-size:8px;color:var(--lime)}.pause-button{top:100px;left:20px}.toast{top:45%;max-width:90%;font-size:10px;white-space:nowrap}.error{inset:12%;padding:25px}.settings{inset:12px 12px 12px auto;max-height:calc(100dvh - 24px)}.result-stats span{font-size:6px}}
@media(max-height:690px) and (max-width:700px){h1{font-size:70px}.lobby{top:17%}.intro{margin-bottom:18px}.skin-select{bottom:60px}.skin{height:55px}.skin svg{height:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Keep the longer Voxlasso wordmark clear of the mobile controls. */
@media(max-width:700px){.brand{font-size:24px;letter-spacing:-1.4px;gap:7px}.brand svg{width:23px}.topbar{padding-inline:16px}.local-pill{font-size:6px;letter-spacing:.6px;padding:7px 6px}.top-right{gap:9px}}
@media(max-width:370px){.local-pill{display:none}}