.server-id{font:700 9px 'Yard Mono',monospace;color:#e4cc85;letter-spacing:.2px;white-space:nowrap;border-left:1px solid #a5ac7040;padding-left:8px}.touch-guide{display:none}.touch-controls[hidden]{display:none!important}.touch-controls{position:fixed;inset:0;z-index:12;pointer-events:none;--stick-size:136px;--edge:18px;--bottom:20px;user-select:none;-webkit-user-select:none}
.touch-stick{position:absolute;bottom:calc(var(--bottom) + env(safe-area-inset-bottom,0px));width:var(--stick-size);height:var(--stick-size);border-radius:50%;border:2px solid #c3c59c80;background:radial-gradient(circle at 50% 35%,#52604c88,#16231bc9 72%);box-shadow:inset 0 1px #fff3,inset 0 -4px #09100b88,0 3px 14px #0003;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;overflow:hidden}
.touch-drive{left:calc(var(--edge) + env(safe-area-inset-left,0px))}.touch-aim{right:calc(var(--edge) + env(safe-area-inset-right,0px));border-color:#e7c56780}.stick-thumb{position:absolute;left:50%;top:50%;width:44%;height:44%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #d4d6aa8c;background:linear-gradient(145deg,#798465d9,#273e2cdd);box-shadow:inset 0 2px #f2f1c530,inset 0 -4px #0b150b77,0 3px 6px #0006;pointer-events:none;will-change:transform}.touch-aim .stick-thumb{border-color:#e8c269b0;background:linear-gradient(145deg,#a08b54e6,#51442ce0)}.stick-guides{position:absolute;inset:12px;border:1px solid #acba8a40;border-radius:50%;background:linear-gradient(90deg,transparent 49.5%,#adba7e24 49.5% 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#adba7e24 49.5% 50.5%,transparent 50.5%);pointer-events:none}.stick-label{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#e2e6c2;font:700 9px var(--display);letter-spacing:1px;text-shadow:0 1px 2px #000;pointer-events:none}.touch-stick.held{border-color:#f4d483;background-color:#6c774433}
.touch-boost{position:absolute;right:calc(var(--edge) + 18px + env(safe-area-inset-right,0px));bottom:calc(var(--bottom) + var(--stick-size) + 14px + env(safe-area-inset-bottom,0px));width:72px;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:2px solid #d7b86099;border-radius:50%;background:linear-gradient(140deg,#675b37e6,#202e20e6);box-shadow:inset 0 1px #fff3,inset 0 -3px #141608,0 3px 9px #0004;color:#f0d37e;pointer-events:auto;touch-action:none;-webkit-touch-callout:none;font:800 11px var(--display);letter-spacing:.6px}.touch-boost svg{width:25px;height:25px}.touch-boost small{font:600 9px var(--body);letter-spacing:0;color:#c6cfaf}.touch-boost.pressed{border-color:#ffe293;background:#857344;box-shadow:inset 0 2px 7px #0005}.touch-boost.recharging{border-color:#a59a6755;color:#abaf88;background:linear-gradient(140deg,#454932eb,#1b291ced)}
.touch-device #arena{touch-action:none}.touch-device .wordmark{display:none}.touch-device .server-pill{letter-spacing:.5px;gap:7px;min-width:0}.touch-device #population,.touch-device .server-pill .divider{display:none}.touch-device .topbar{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px));gap:8px}.touch-device .top-actions{gap:6px;flex-shrink:0}.touch-device .top-actions button{min-width:44px;height:44px}.touch-device .top-actions #sound-button{width:48px}.touch-device #fullscreen-button{display:none}.touch-device .server-pill{flex-wrap:wrap;max-width:calc(100vw - 130px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));font-size:9px;position:static}.touch-device .driving-guide dl{display:none}.touch-device .touch-guide{display:block;border:0;padding:0;font-size:12px;line-height:1.7;color:#b9c9a9}.touch-device #mobile-note{display:none}.touch-device input{font-size:16px!important}.touch-device dialog{max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow:auto}.touch-device .close{width:44px;height:44px;top:3px;right:3px}.touch-device #help .help-row{display:none}.touch-device #menu.garage-screen{top:calc(65px + env(safe-area-inset-top,0px));bottom:calc(36px + env(safe-area-inset-bottom,0px));touch-action:pan-y}.touch-device .yard-choice{min-height:90px}.touch-device .nickname-item button,.touch-device .garage-tabs button,.touch-device #play-menu .secondary{min-height:44px}
.touch-device.playing #hud{top:calc(65px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;align-items:stretch;z-index:3}.touch-device.playing .driver-card,.touch-device.playing .progress-card{width:auto;min-width:0;padding:8px}.touch-device.playing .driver-card{gap:6px}.touch-device.playing .vehicle-thumbnail{width:28px;height:41px}.touch-device.playing .driver-info{min-width:0}.touch-device.playing .driver-info strong{font-size:17px;letter-spacing:.5px}.touch-device.playing .driver-info>div:first-child{font-size:8px}.touch-device.playing #kill-count{display:none}.touch-device.playing .health-track{height:11px}.touch-device.playing .health-numbers{font-size:8px;margin-top:3px}.touch-device.playing .xp-heading{gap:5px;flex-wrap:wrap}.touch-device.playing .xp-heading strong{font-size:16px}.touch-device.playing .xp-heading>span{font-size:6px;letter-spacing:0}.touch-device.playing #xp-text{display:none}.touch-device.playing .xp-track{margin:6px 0}.touch-device.playing .xp-foot{font-size:7px;gap:4px;letter-spacing:0}.touch-device.playing .ability-card{display:none}.touch-device.playing .leaderboard{display:none}.touch-device.playing .minimap{top:calc(144px + env(safe-area-inset-top,0px));bottom:auto;right:calc(12px + env(safe-area-inset-right,0px));width:94px;padding:6px}.touch-device.playing .minimap .panel-heading{display:none}.touch-device.playing .minimap #map{width:80px;height:64px;margin:0}.touch-device.playing #feed{top:calc(146px + env(safe-area-inset-top,0px));left:calc(12px + env(safe-area-inset-left,0px));max-width:calc(100vw - 125px)}.touch-device.playing #feed>div{font-size:8px;padding:5px 8px}.touch-device.playing #toast{top:calc(128px + env(safe-area-inset-top,0px));width:max-content;max-width:calc(100vw - 28px);font-size:10px;padding:8px 12px;text-align:center;z-index:15}
.touch-device.playing #evolution{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(190px + env(safe-area-inset-bottom,0px));transform:none;z-index:13}.touch-device.playing #class-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.touch-device.playing .class-choice{width:auto;min-width:0;padding:9px 7px}.touch-device.playing .class-choice .sprite{width:33px;height:44px;margin-bottom:4px}.touch-device.playing .class-choice h3{font-size:16px;letter-spacing:0}.touch-device.playing .class-choice p{font-size:9px;margin:4px 0 7px}.touch-device.playing .class-choice small{font-size:7px;letter-spacing:0}.touch-device.playing .evolve-title{padding:8px 10px}.touch-device.playing .evolve-title h2{font-size:20px;margin:3px 0}.touch-device.playing .evolve-title p{display:none}.touch-device .death-card{width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;padding:22px}.touch-device #death{z-index:16}
.touch-device.playing .topbar{left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));top:calc(10px + env(safe-area-inset-top,0px))}.touch-device.playing .top-actions button{min-width:44px;height:44px;font-size:20px}.touch-device.playing .server-pill{font-size:9px}
@media(max-width:360px){.touch-controls{--stick-size:120px;--edge:12px}.touch-boost{width:64px;min-height:64px;right:calc(20px + env(safe-area-inset-right,0px))}.touch-device .server-pill{font-size:8px;padding:7px;gap:5px}.touch-device .server-id{font-size:8px;padding-left:5px}.touch-device.playing .xp-heading>span{display:none}.touch-device.playing .vehicle-thumbnail{display:none}.touch-device.playing .class-choice p{display:none}}
@media(max-height:480px){.touch-controls{--stick-size:112px;--edge:16px;--bottom:12px}.touch-boost{width:60px;min-height:60px;right:calc(30px + env(safe-area-inset-right,0px));bottom:calc(132px + env(safe-area-inset-bottom,0px))}.touch-boost svg{width:21px;height:21px}.touch-device.playing #hud{right:auto;width:340px;grid-template-columns:1fr 1fr;top:calc(57px + env(safe-area-inset-top,0px))}.touch-device.playing .minimap,.touch-device.playing #feed{display:none}.touch-device.playing #evolution{left:50%;right:auto;width:340px;bottom:calc(25px + env(safe-area-inset-bottom,0px));transform:translateX(-50%)}.touch-device.playing .class-choice p{display:none}.touch-device.playing .class-choice .sprite{height:35px}.touch-device.playing #toast{top:calc(57px + env(safe-area-inset-top,0px));left:auto;right:14px;transform:none;max-width:38vw}}