@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap";:root{color:#eef4f4;--cyan:#83f3ef;--orange:#ffa05a;--muted:#9dafbd;--panel:#081620e6;--line:#c2e7f22e;background:#091726;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{color:inherit}#game{touch-action:none;width:100%;height:100%;display:block}#app{pointer-events:none;position:fixed;inset:0}button,label,input,a{pointer-events:auto}h1,h2,p{margin:0}.hidden{display:none!important}.condensed,h1,h2,.metric-value,.speed-number{font-family:Barlow Condensed,Impact,sans-serif}#menu{pointer-events:auto;background:linear-gradient(90deg,#050f18f7,#050f18c9 28%,#050f1808 77%);flex-direction:column;justify-content:center;padding:7vw;display:flex;position:absolute;inset:0}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.kicker:before{content:"";background:var(--cyan);width:20px;height:2px}h1{letter-spacing:-.025em;text-transform:uppercase;max-width:490px;margin:25px 0 27px;font-size:clamp(58px,8vw,116px);font-weight:800;line-height:.84}h1 span{color:var(--orange)}.menu-copy{color:#bccbd4;max-width:330px;font-size:17px;line-height:1.6}.menu-copy strong{color:#fff;font-weight:600}.primary{background:var(--orange);color:#0c1b27;letter-spacing:.04em;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:45px;min-width:235px;padding:17px 24px;font-size:14px;font-weight:800;transition:background .15s,transform .15s;display:flex}.primary:hover{background:#ffb675;transform:translateY(-1px)}.menu-actions{align-items:center;gap:14px;margin-top:32px;display:flex}.tag{letter-spacing:.16em;color:#8ba3b3;font-size:10px;font-weight:700}.mode-switch{color:#b1c3cf;align-items:center;gap:10px;margin-top:23px;font-size:13px;display:flex}.mode-switch input{accent-color:var(--cyan);width:16px;height:16px}.menu-footer{color:#83a0b3;letter-spacing:.06em;gap:24px;font-size:11px;display:flex;position:absolute;bottom:32px;left:7vw}.key{text-align:center;color:#d3e7ed;background:#12263399;border:1px solid #7c98a36b;border-bottom-width:2px;border-radius:4px;min-width:25px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.hud{position:absolute;inset:0}.top-left{align-items:center;gap:22px;display:flex;position:absolute;top:27px;left:30px}.wordmark{letter-spacing:.05em;border-left:3px solid var(--orange);padding-left:12px;font-family:Barlow Condensed,Impact,sans-serif;font-size:23px;font-weight:700;line-height:.95}.wordmark span{color:var(--orange);display:block}.status{border-left:1px solid var(--line);background:linear-gradient(90deg,#0b1d2ed9,#0b1d2e40);gap:22px;padding:9px 20px;display:flex}.metric-label{color:#acc0cd;letter-spacing:.13em;font-size:9px;font-weight:600}.metric-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:600;line-height:1.2}.metric-value em{color:#6b8f9f;font-size:17px;font-style:normal}.top-right{gap:8px;display:flex;position:absolute;top:26px;right:28px}.icon-button{border:1px solid var(--line);color:#c4d7e1;background:#102738c9;border-radius:4px;padding:10px 12px;font-size:12px;font-weight:600}.icon-button:hover{background:#1f3c4c}.bottom-left{text-shadow:0 1px 3px #000;background:linear-gradient(90deg,#0b1d2edb,#0b1d2e44);border-radius:4px;padding:12px 16px;position:absolute;bottom:28px;left:30px}.health-label{letter-spacing:.14em;color:#bdd0d9;justify-content:space-between;width:190px;font-size:10px;display:flex}.health-track{background:#345060;width:190px;height:5px;margin-top:9px}.health-fill{background:var(--cyan);height:100%;transition:width .2s}.protection{color:var(--cyan);letter-spacing:.12em;height:14px;margin-top:9px;font-size:10px}.speedometer{align-items:baseline;gap:10px;display:flex;position:absolute;bottom:22px;right:30px}.speed-number{font-variant-numeric:tabular-nums;font-size:74px;font-weight:600;line-height:1}.speed-unit{color:#a9c1cc;letter-spacing:.1em;border-bottom:3px solid var(--orange);padding:0 0 9px;font-size:10px}.hint{color:#bdcdd6;white-space:nowrap;text-shadow:0 1px 5px #000;font-size:11px;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.hint .key{margin:0 5px 0 13px}.message{color:#bfffff;text-align:center;background:#0b2735eb;border:1px solid #6de4e955;border-radius:3px;max-width:90vw;padding:10px 18px;font-size:13px;position:absolute;top:110px;left:50%;transform:translate(-50%)}.threat{color:#ffb295;text-align:center;letter-spacing:.11em;background:#431f1bcf;border-top:2px solid #ff7955;min-width:245px;padding:10px 15px;font-size:11px;font-weight:700;position:absolute;top:158px;left:50%;transform:translate(-50%)}.threat .bar{transform-origin:0;background:#ff8963;height:3px;margin-top:9px}.mount{border:1px solid var(--cyan);background:#122d3aeb;border-radius:5px;padding:14px 22px;font-size:15px;position:absolute;bottom:24%;left:50%;transform:translate(-50%)}.mount .key{margin-right:12px}.map{opacity:.84;width:142px;height:134px;position:absolute;top:84px;right:29px}.map svg{width:100%;height:100%;overflow:visible}.map-caption{text-align:center;letter-spacing:.18em;color:#c2d5df;font-size:9px}.shade{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#04121bb8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{border:1px solid #3a5564;border-top:3px solid var(--orange);background:linear-gradient(150deg,#172d3a,#0b1d29);border-radius:5px;width:430px;max-width:calc(100vw - 32px);max-height:90vh;padding:34px;overflow:auto;box-shadow:0 20px 100px #0008}.panel h2{letter-spacing:.01em;margin:5px 0 18px;font-size:42px;font-weight:700}.panel p{color:#9eb7c6;font-size:13px;line-height:1.55}.panel .primary{width:100%;margin-top:23px}.panel .row{color:#c0d4df;justify-content:space-between;align-items:center;margin:18px 0;font-size:13px;display:flex}.panel input[type=range]{width:150px;accent-color:var(--orange)}.panel input[type=checkbox]{accent-color:var(--cyan);width:18px;height:18px}.panel hr{border:0;border-top:1px solid var(--line);margin:23px 0}.controls{color:#9ab2c2;grid-template-columns:135px 1fr;gap:10px;font-size:12px;display:grid}.controls .key{margin-right:3px}.finish-stats{gap:30px;margin:20px 0;display:flex}.finish-stats .metric-value{font-size:41px}.secondary{border:1px solid var(--line);color:#abc3d0;background:0 0;border-radius:3px;width:100%;margin-top:10px;padding:12px}.death-vignette{pointer-events:none;background:radial-gradient(#0000 15%,#af3b2266);position:absolute;inset:0}.loading{letter-spacing:.12em;color:#a6dce3;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile{justify-content:space-between;display:none;position:absolute;bottom:85px;left:18px;right:18px}.mobile-group{gap:9px;display:flex}.mobile button{color:#e6f6ff;touch-action:none;background:#123344bc;border:1px solid #5c8a9c;border-radius:9px;width:54px;height:54px;font-size:20px}.mobile button:active{background:#467b8b}.practice-badge{color:var(--cyan);letter-spacing:.16em;font-size:9px;position:absolute;top:91px;left:30px}.credit{color:#8aa6b7;letter-spacing:.06em;font-size:10px;position:absolute;bottom:24px;right:26px}#failure{pointer-events:auto;background:#142837;padding:30px;line-height:1.6;position:absolute;inset:15%}#fps{color:#a3ced9;font-size:11px;position:absolute;top:240px;right:30px}@media (width<=720px){.top-left{gap:9px;top:18px;left:16px}.wordmark{padding-left:8px;font-size:17px}.status{gap:13px;padding:7px 12px}.metric-value{font-size:23px}.metric-label{font-size:8px}.top-right{top:19px;right:14px}.top-right .sound-button{display:none}.map{width:104px;height:98px;top:85px;right:16px}.bottom-left{bottom:23px;left:18px}.health-track,.health-label{width:135px}.speedometer{right:18px}.speed-number{font-size:57px}.hint{display:none}.mobile{display:flex}.message{max-width:60vw;font-size:11px;top:92px}.threat{min-width:190px;font-size:9px;top:137px}#menu{background:linear-gradient(90deg,#05131af0,#05131a90 65%,#05131a20);padding:30px}h1{max-width:320px;font-size:70px}.menu-copy{max-width:260px;font-size:15px}.menu-footer{gap:12px;font-size:9px;bottom:24px;left:30px}.credit{display:none}.practice-badge{top:79px;left:17px}.mount{white-space:nowrap;bottom:29%}.panel{padding:25px}.panel h2{font-size:35px}.panel input[type=range]{width:125px}#fps{top:205px;right:15px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=480px){.wordmark{display:none}.message{max-width:88vw;top:190px}.threat{top:233px}.status{padding-left:10px}}.speed-number{text-shadow:0 2px 10px #071523dd}@media (width<=720px){.mobile{bottom:130px}.health-label{font-size:8px}}.menu-actions{flex-direction:column;align-items:flex-start;gap:10px}.menu-actions .secondary{color:#b9faff;background:#122c38b8;border-color:#73e6ee77;justify-content:space-between;width:auto;min-width:270px;margin:0;padding:15px 24px;font-weight:700;display:flex}.menu-actions .primary{min-width:270px}.marksman-ui,.marksman-controls{display:none}body[data-role=marksman] .marksman-ui,body[data-role=marksman] .marksman-controls{display:block}body[data-role=marksman] .driver-setting,body[data-role=marksman] .driver-controls,body[data-role=marksman] .bottom-left,body[data-role=marksman] .speedometer,body[data-role=marksman] .hint,body[data-role=marksman] .mobile,body[data-role=marksman] .map{display:none}.marksman-controls{color:#b8d1dd;font-size:13px;line-height:1.7}.crosshair{background:#fff;width:24px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #000}.crosshair:before{content:"";background:inherit;width:2px;height:24px;position:absolute;top:-11px;left:11px;box-shadow:0 0 2px #000}.crosshair.hit{background:#ff934e;transform:translate(-50%,-50%)rotate(45deg)}.scope-mask{border:2px solid #111;border-radius:50%;width:min(76vw,82vh);height:min(76vw,82vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #02070ce8}.weapon-hud{text-align:center;background:#091e2ae6;border:1px solid #54728066;border-radius:4px;min-width:310px;padding:14px 20px;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.weapon-buttons{gap:8px;display:flex}.weapon-buttons button{color:#9cb3bd;background:#102d3d;border:1px solid #6d8d9b55;border-radius:3px;flex:1;padding:9px 14px;font-size:11px;font-weight:700}.weapon-buttons button.selected{color:#ffd0aa;background:#463424;border-color:#ffb17c}#weapon-status{letter-spacing:.14em;color:#b5d7dd;margin-top:11px;font-size:10px}.weapon-hud p{color:#839dab;white-space:nowrap;margin-top:7px;font-size:10px}.touch-fire,.touch-aim{display:none}@media (width<=720px){.menu-actions{margin-top:20px}h1{margin:19px 0}.mode-switch{margin-top:16px}.weapon-hud{min-width:280px;padding:11px;bottom:24px}.weapon-hud p{display:none}.touch-fire,.touch-aim{color:#ffe4cd;touch-action:none;background:#4b3226b8;border:1px solid #e7a365;border-radius:50%;width:70px;height:70px;font-weight:800;display:block;position:absolute;bottom:145px;right:20px}.touch-aim{background:#133543cf;border-color:#77cada;width:62px;height:62px;font-size:11px;left:20px;right:auto}.menu-copy{font-size:14px}body[data-role=marksman] .message{top:100px}}@media (height<=640px){#menu{padding-top:20px;padding-bottom:60px}h1{margin:15px 0;font-size:65px}.menu-actions{margin-top:15px}.mode-switch{margin-top:12px}}.feature-status{letter-spacing:.14em;color:#99fbef;text-shadow:0 2px 4px #000;font-size:12px;font-weight:800;position:absolute;top:180px;left:50%;transform:translate(-50%)}.feature-status:empty{display:none}#reload-track{background:#354653;height:3px;margin-top:10px}#reload-progress{background:#ffa05a;height:100%}.touch-reload,.touch-walk{display:none}@media (width<=720px){.touch-reload{background:#153c4f;border:1px solid #a3b9be;border-radius:5px;padding:10px;font-size:10px;display:block;position:absolute;bottom:225px;right:24px}.touch-walk{grid-template-columns:repeat(3,40px);gap:4px;display:grid;position:absolute;bottom:235px;left:14px}.touch-walk button{color:#fff;touch-action:none;background:#123647ba;border:1px solid #7aa5b8;border-radius:5px;height:40px}.touch-walk button:first-child{grid-column:2}.touch-walk button:nth-child(2){grid-column:1}.feature-status{font-size:10px;top:155px}.panel{max-height:85vh;overflow:auto}}@media (width>=721px){body.third-person .weapon-hud{left:auto;right:28px;transform:none}}.panel{max-height:88vh;overflow:auto}@media (width>=721px){body:not(.third-person) .weapon-hud{left:28px;transform:none}}.lobby-panel{width:min(620px,94vw);max-height:92vh;overflow:auto}.field{letter-spacing:1.4px;color:#bce0e6;gap:8px;margin:20px 0;font-size:11px;display:grid}.field input{box-sizing:border-box;color:#fff;letter-spacing:.5px;background:#091d2b;border:1px solid #66838f;border-radius:5px;width:100%;padding:14px;font:16px inherit}.field input:focus{outline:2px solid #83f3ef}.small-copy,#lobby-summary{color:#bad2dc;font-size:13px;line-height:1.6}.lobby-code{letter-spacing:2px;justify-content:space-between;align-items:center;gap:18px;font-size:25px;display:flex}.lobby-code .secondary{width:auto;margin:0;padding:12px;font-size:11px}.roster-row{text-align:left;border-bottom:1px solid #38515f;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px 8px;font-size:13px;display:grid}.roster-row b{color:#83f3ef}.roster-row small{color:#ffba76;margin-left:5px;font-size:8px}.roster-row strong{font-size:11px;font-weight:500}.roster-row.is-you{background:#15404c}.lobby-panel .primary{margin-top:20px}button:disabled{opacity:.45;cursor:not-allowed}#network-error{color:#ffb795;font-size:13px}.round-banner{text-align:center;pointer-events:none;z-index:5;background:#0a2330dd;border:1px solid #466372;border-radius:5px;gap:5px;padding:10px 22px;display:grid;position:fixed;top:112px;left:50%;transform:translate(-50%)}.round-banner strong{color:#99f8f1;font-size:24px}.round-banner span{color:#e9f6f8;font-size:11px}.standings{z-index:4;background:#0b2332e8;border:1px solid #456272;border-radius:5px;width:245px;max-height:36vh;padding:9px;position:fixed;top:95px;right:28px;overflow:auto}.standings button{color:#d8f4f6;letter-spacing:1px;text-align:left;background:0 0;border:0;width:100%;padding:7px;font-size:10px}.standings button span{float:right}.standings .roster-row{grid-template-columns:17px 1fr auto;gap:4px;padding:7px 3px;font-size:11px}.standings small{color:#a1c6d3;padding:7px;font-size:9px;display:block}.standings.collapsed #standings-list{display:none}.standings.collapsed{max-height:70px}.online .driver-setting,.online #restart,.online .practice-badge,.online .map{display:none}.online .hint{max-width:50vw}.online .top-left .status{gap:18px}.online #exit-mode{font-size:0}.online #exit-mode:after{content:"Leave multiplayer lobby";font-size:13px}@media (width<=900px){.standings{width:185px;max-height:24vh;top:92px;right:14px}.round-banner{max-width:40vw;padding:8px;top:170px;left:18px;transform:none}.round-banner strong{font-size:18px}.round-banner span{font-size:10px}}@media (width<=600px){.standings{width:155px;max-height:135px;top:78px}.round-banner{max-width:calc(100vw - 70px);top:225px}.lobby-panel{padding:24px!important}.online .top-left .status{gap:10px}}.records-link{color:#b1eced;letter-spacing:1px;background:0 0;border:0;border-bottom:1px solid #66828d;margin-top:18px;padding:8px 0;font-size:11px}.record-match{background:#092331;margin:16px 0;padding:12px}.record-match small{color:#98bbc9}#records-content h3{letter-spacing:1.4px;margin-top:24px;font-size:13px}#records-content p{color:#c2dde4;font-size:13px}.online .message{top:190px}.online .standings .roster-row small{padding:0;display:inline}@media (width<=900px){.online .message{max-width:65vw;top:auto;bottom:155px}}html,body{overscroll-behavior:none}#app{height:100dvh}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#menu{justify-content:flex-start;overflow-y:auto}#menu>.kicker{margin-top:auto}#menu>.records-link{align-self:flex-start;margin-bottom:auto}#menu .menu-footer{order:9;margin-top:22px;position:static}.panel{max-height:calc(100dvh - 28px)}.field input{font-family:inherit;font-size:16px}.touch-controls{pointer-events:none;-webkit-user-select:none;user-select:none;display:none;position:absolute;inset:0}.touch-controls button{pointer-events:auto;touch-action:none;color:#e6f8fc;background:#102f43d9;border:1px solid #a3d1db90;border-radius:14px;min-width:48px;min-height:48px;font-size:11px;font-weight:800;box-shadow:0 3px 12px #0004}.touch-controls button.pressed,.touch-controls button[aria-pressed=true]{background:#43666f;border-color:#aafff6}.touch-stick{pointer-events:auto;touch-action:none;width:124px;height:124px;left:max(22px,env(safe-area-inset-left));bottom:max(25px,env(safe-area-inset-bottom));background:radial-gradient(circle,#123448a8,#0b263f85);border:2px solid #bae9ee70;border-radius:50%;position:absolute;box-shadow:inset 0 0 30px #0b162b60}.stick-axis:before,.stick-axis:after{content:"";background:#d3f9fc2b;height:1px;position:absolute;top:50%;left:18px;right:18px}.stick-axis:after{transform:rotate(90deg)}#stick-knob{background:#3a7588c9;border:2px solid #b2f2f4;border-radius:50%;width:53px;height:53px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 15px #001a29aa}.stick-label{text-align:center;letter-spacing:.14em;color:#dbfaff;text-shadow:0 2px 4px #000;font-size:10px;position:absolute;top:-24px;left:0;right:0}.touch-driver-actions,.touch-marksman-actions{right:max(20px,env(safe-area-inset-right));bottom:max(25px,env(safe-area-inset-bottom));grid-template-columns:52px 88px;align-items:center;gap:9px;display:grid;position:absolute}.touch-driver-actions .touch-gas{color:#172435;background:#ffab61e8;border-color:#ffd4a1;grid-area:1/2/3;height:113px;font-size:19px}.touch-driver-actions button[data-tap=recover]{grid-column:1/3;min-height:34px;font-size:9px}.touch-marksman-actions{grid-template-columns:65px 80px;display:none}.touch-marksman-actions .touch-shoot{background:#b54e2adb;border-color:#ffc598;border-radius:40px;grid-area:1/2/3;height:108px;font-size:17px}.touch-look-hint{letter-spacing:.1em;color:#d3eaf18c;pointer-events:none;font-size:9px;display:none;position:absolute;top:44%;right:28px}body[data-role=marksman] .touch-marksman-actions{display:grid}body[data-role=marksman] .touch-driver-actions{display:none}body[data-role=marksman] .touch-look-hint{display:block}.connection-alert{top:max(9px,env(safe-area-inset-top));z-index:40;color:#ffe5c4;pointer-events:auto;background:#192e40f5;border:1px solid #ffd09b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;width:440px;max-width:calc(100vw - 20px);padding:13px;font-size:12px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.connection-alert button{color:#ffe5c4;background:#263b47;border:1px solid #beaa87;border-radius:4px;flex-shrink:0;padding:10px;font-size:10px}@media (pointer:coarse),(width<=900px){.touch-controls{display:block}.mobile,.touch-walk,.touch-fire,.touch-aim,.touch-reload{display:none!important}#menu{padding:max(22px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-left)) max(22px,env(safe-area-inset-bottom));background:linear-gradient(90deg,#05131af0,#05131a75)}#menu h1{margin:16px 0;font-size:clamp(50px,10vh,78px)}.menu-copy{font-size:14px;line-height:1.4}.menu-actions{gap:9px;margin-top:19px}.menu-actions button{min-height:48px}.records-link{margin-top:14px}#menu .credit{display:none}#menu .menu-footer{gap:9px;font-size:9px;line-height:1.6}.top-left{top:max(10px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:0}.wordmark{display:none}.status,.online .top-left .status{gap:14px;padding:6px 9px}.metric-value{font-size:22px}.metric-label{font-size:8px}.top-right{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.top-right .sound-button{display:none}.top-right #pause{width:44px;height:44px;padding:6px;font-size:18px}.top-right #pause span,.hint,.map{display:none}.practice-badge{top:64px;left:20px}.bottom-left{padding:7px 9px;bottom:190px;left:20px}.health-label,.health-track{width:114px}.health-label{font-size:7px}.health-track{margin-top:6px}.protection{height:auto;margin-top:6px;font-size:8px}.speedometer{bottom:192px;right:28px}.speed-number{font-size:42px}.speed-unit{font-size:8px}.feature-status{text-align:center;max-width:90vw;font-size:9px;top:134px}.standings{top:65px;right:max(12px,env(safe-area-inset-right));width:150px;max-height:170px;padding:4px}.standings button{min-height:32px;font-size:9px}.standings small{padding:3px 7px;font-size:8px}.standings.collapsed{max-height:65px}.round-banner{top:68px;left:max(12px,env(safe-area-inset-left));gap:3px;max-width:calc(100vw - 188px);padding:7px 9px;transform:none}.round-banner strong{font-size:16px}.round-banner span{font-size:9px;line-height:1.3}.message,.online .message,body[data-role=marksman] .message{width:max-content;max-width:88vw;padding:7px 10px;font-size:11px;top:auto;bottom:255px}.threat{min-width:190px;font-size:9px;top:150px}.mount{padding:13px 18px;font-size:12px;bottom:37%}body:not(.third-person) .weapon-hud,body.third-person .weapon-hud,.weapon-hud{background:#0a203bd9;width:215px;min-width:0;padding:7px 9px;bottom:182px;left:50%;right:auto;transform:translate(-50%)}.weapon-hud p{display:none}.weapon-buttons button{min-height:40px;padding:8px 9px;font-size:10px}#weapon-status{margin-top:7px;font-size:9px}.scope-mask{width:min(86vw,82vh);height:min(86vw,82vh)}.panel,.lobby-panel{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px!important}.panel h2{font-size:31px}.panel .primary{gap:12px;min-width:0}.lobby-code{gap:10px;font-size:20px}.field{margin:15px 0}.roster-row{font-size:12px}.controls{grid-template-columns:105px 1fr}.driver-controls,.marksman-controls{font-size:0;display:block!important}.driver-controls>*{display:none}.driver-controls:after{content:"Left joystick: steer. Hold GAS to accelerate. BRAKE to drift. REV to reverse. RECOVER returns you to your checkpoint.";font-size:12px;line-height:1.6}body[data-role=marksman] .driver-controls{display:none!important}.marksman-controls:after{content:"Left joystick: move. Drag the scene with your right thumb to aim. FIRE shoots. ADS toggles zoom. RELOAD refills your four shots.";font-size:12px;line-height:1.6}body[data-role=driver] .marksman-controls{display:none!important}}@media (height<=540px) and (width>=600px) and (pointer:coarse){#menu{grid-template-columns:1fr 1fr;align-content:center;justify-items:start;column-gap:30px;padding:18px 6vw;display:grid}#menu>.kicker{grid-area:1/1;margin:0}#menu h1{grid-area:2/1;margin:14px 0;font-size:64px}.menu-copy{display:none}.menu-actions{grid-area:1/2/4;width:100%;margin:0}.menu-actions button{width:100%;min-width:0;padding:13px 17px;font-size:12px}.mode-switch{grid-area:3/1;margin:0;font-size:11px}#menu>.records-link{grid-area:4/2;margin:12px 0 0;font-size:9px}#menu .menu-footer{grid-area:4/1;margin-top:12px;font-size:8px}.touch-stick{width:110px;height:110px;bottom:max(14px,env(safe-area-inset-bottom));left:max(20px,env(safe-area-inset-left))}.touch-driver-actions,.touch-marksman-actions{bottom:max(12px,env(safe-area-inset-bottom))}.touch-driver-actions button[data-tap=recover]{min-height:28px}.touch-driver-actions .touch-gas{height:98px}.touch-controls button{min-height:42px}.touch-marksman-actions .touch-shoot{height:95px}.bottom-left{background:#0b1d2e99;bottom:18px;left:159px}.speedometer{bottom:16px;right:196px}.speed-number{font-size:35px}.practice-badge{top:65px}.round-banner{min-width:170px;max-width:32vw;top:12px;left:50%;transform:translate(-50%)}.round-banner span{font-size:8px}.round-banner strong{font-size:15px}.standings{width:147px;max-height:115px;top:66px}.message,.online .message,body[data-role=marksman] .message{max-width:45vw;font-size:10px;bottom:87px}.feature-status{top:83px}.threat{top:112px}.touch-look-hint{font-size:8px;top:40%;right:205px}body:not(.third-person) .weapon-hud,body.third-person .weapon-hud{width:205px;padding:6px;bottom:12px}.weapon-buttons button{min-height:32px;padding:6px}#weapon-status{margin-top:4px}.mount{bottom:35%}}.touch-stick>*{pointer-events:none}.touch-controls{-webkit-touch-callout:none}.voice-lobby-bar{border:1px solid var(--line);background:#0c2634;border-radius:5px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;padding:12px;display:flex}.voice-lobby-bar b{letter-spacing:.12em;color:var(--cyan);font-size:11px;display:block}.voice-lobby-bar small{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.4;display:block}.voice-action{pointer-events:auto;color:#e8f4f5;letter-spacing:.03em;background:#193744;border:1px solid #5a7785;border-radius:5px;min-height:44px;padding:9px 12px;font-size:11px;font-weight:700}.voice-action:hover{background:#28515c}.voice-action.accent{background:var(--orange);border-color:var(--orange);color:#132331}.voice-action[aria-pressed=true],.voice-action.mic-active,.icon-button.mic-active{border-color:var(--cyan);color:#cbfffc;background:#1d5658}.voice-action.moderator{color:#ffd6ad;border-color:#947655}.voice-dialog{pointer-events:auto;color:#eef4f4;border:1px solid #526f7b;border-top:3px solid var(--orange);background:linear-gradient(150deg,#172d3a,#0b1d29);border-radius:8px;width:530px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow-y:auto;box-shadow:0 24px 100px #0009}.voice-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04121bcc}.voice-dialog-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.voice-dialog h2{margin:9px 0 12px;font-family:Barlow Condensed,Impact,sans-serif;font-size:36px;line-height:1}.voice-dialog .kicker{font-size:9px}.voice-dialog .voice-copy,.voice-dialog .voice-note{color:var(--muted);font-size:12px;line-height:1.6}#voice-status{color:var(--cyan);padding:12px 0;font-size:13px}.voice-actions{flex-wrap:wrap;gap:8px;margin:3px 0 12px;display:flex}.voice-volume{justify-content:space-between;align-items:center;gap:16px;margin:17px 0;font-size:13px;display:flex}.voice-volume input{width:55%;accent-color:var(--orange);height:32px}#voice-error{color:#ffbe98;margin:10px 0;font-size:12px;line-height:1.5}.voice-roster-head{border-top:1px solid var(--line);color:var(--muted);letter-spacing:.08em;justify-content:space-between;padding:14px 0 10px;font-size:10px;display:flex}.voice-peer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.voice-peer-name{border-left:3px solid #49616c;min-width:0;padding-left:9px}.voice-peer-name b{overflow-wrap:anywhere;font-size:12px;display:block}.voice-peer-name small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.voice-peer.speaking .voice-peer-name{border-color:var(--cyan)}.voice-peer.speaking small{color:var(--cyan)}.voice-peer-actions{flex-shrink:0;gap:6px;display:flex}.voice-peer-actions .voice-action{padding:8px;font-size:10px}.voice-note{margin-top:16px}.voice-dialog button:focus-visible{outline-offset:2px}#voice-playback{width:100%;color:var(--cyan)}#voice-quick-mic{min-width:68px}body:not(.online) #voice-open,body:not(.online) #voice-quick-mic{display:none}@media (pointer:coarse),(width<=900px){.voice-dialog{max-height:calc(100dvh - 20px);padding:18px}.voice-dialog h2{font-size:32px}.voice-desktop-hint{display:none}.voice-peer{flex-direction:column;align-items:flex-start;gap:9px}.voice-peer-actions{width:100%;padding-left:12px}.voice-peer-actions .voice-action{flex:1;font-size:11px}.voice-lobby-bar{gap:8px;padding:10px}.voice-lobby-bar small{font-size:10px}.top-right{gap:5px}.top-right #voice-open,.top-right #voice-quick-mic{min-width:44px;height:44px;padding:6px;font-size:9px}.voice-actions .voice-action{white-space:nowrap;flex:1}.voice-lobby-bar .voice-action{white-space:nowrap}}