:root{color-scheme:dark;--bg-top: #7fc2ff;--bg-bottom: #dbf0ff;--panel-bg: rgba(7, 22, 33, .48);--panel-border: rgba(255, 255, 255, .12);--panel-shadow: rgba(4, 10, 14, .22);--label: rgba(232, 245, 255, .7);--value: #f6fbff;--accent: #ffc857;--accent-soft: rgba(255, 200, 87, .26);--danger: #ff7e6b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Bahnschrift,Trebuchet MS,sans-serif;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at top,rgba(255,255,255,.18),transparent 34%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body{position:relative}button{font:inherit;user-select:none;-webkit-user-select:none}#app,canvas{display:block;width:100%;height:100%}canvas{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.hud{position:fixed;z-index:10;pointer-events:none;transition:opacity .25s ease,visibility .25s ease,transform .25s ease}.hud--left{top:1rem;left:1rem}.hud--right{top:1rem;right:1rem}.hud--bottom{bottom:1rem;left:1rem}.hud__card,.lap-banner{border:1px solid var(--panel-border);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff0f,#ffffff04),var(--panel-bg);box-shadow:0 12px 30px var(--panel-shadow)}.hud__card{min-width:160px;padding:.78rem .86rem}.hud__card--map{width:226px}.hud__card--speed{width:194px}.hud__card--wide{width:236px}.hud__label,.lap-banner__eyebrow,.menu-screen__eyebrow{display:block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--label)}.hud__label{margin-bottom:.42rem}.hud__value{color:var(--value);font-size:1.4rem;line-height:1.2;letter-spacing:.02em}.hud__value--small{font-size:.8rem;line-height:1.45;font-weight:600}.control-guide{display:flex;gap:.75rem;align-items:flex-end}.control-guide__keys{display:flex;flex-direction:column;gap:.34rem}.control-guide__row{display:flex;gap:.34rem}.control-guide__row--top{justify-content:center}.control-keycap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:1.85rem;border:2px solid rgba(246,250,255,.84);border-radius:.62rem;background:linear-gradient(180deg,#ffffff2e,#b4c2d10d);color:var(--value);font-size:.92rem;font-weight:800;line-height:1;box-shadow:inset 0 -3px #ffffff14,0 10px 18px #040a0e29}.control-keycap:after{content:"";position:absolute;left:.26rem;right:.26rem;bottom:-.38rem;height:.32rem;border:2px solid rgba(246,250,255,.76);border-top:0;border-radius:0 0 .45rem .45rem}.control-guide__meta{display:flex;flex-direction:column;gap:.28rem}.control-guide__meta p{display:flex;gap:.38rem;align-items:center;margin:0;color:#fffc;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.control-guide__pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.18rem .38rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#ffffff0f;color:var(--value);font-size:.56rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hud__stats{display:flex;justify-content:space-between;gap:.8rem;margin-top:.62rem}.hud__mini-label{display:block;margin-bottom:.2rem;color:#ffffff8c;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.hud__mini-value{display:block;color:var(--value);font-size:.88rem;line-height:1.2}.minimap{width:194px;height:194px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#0c161cb8;box-shadow:inset 0 0 0 1px #ffffff08}.lap-banner{position:fixed;top:1rem;left:50%;z-index:12;min-width:216px;padding:.72rem .95rem;text-align:center;transform:translate(-50%);transition:opacity .25s ease,visibility .25s ease,transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lap-banner__count{display:block;color:var(--value);font-size:1.7rem;line-height:1;margin-top:.25rem}.lap-banner__status{display:block;margin-top:.3rem;color:#ffffffb8;font-size:.8rem}.lap-banner.is-popping{border-color:#ffc85799;box-shadow:0 18px 44px #040a0e57,0 0 0 1px #ffc85738;animation:lap-pop .72s ease}.speedometer{display:grid;place-items:center}.speedometer__dial{--speed-progress: 0deg;position:relative;width:148px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 72%,rgba(255,255,255,.08),transparent 24%),conic-gradient(from 210deg,var(--accent) 0deg,var(--accent) var(--speed-progress),rgba(255,255,255,.08) var(--speed-progress),rgba(255,255,255,.08) 240deg,transparent 240deg)}.speedometer__dial:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 48%),linear-gradient(180deg,#06121cf0,#080e14fa)}.speedometer__needle{position:absolute;left:50%;top:22px;width:5px;height:62px;border-radius:999px;background:linear-gradient(180deg,#ffe59a,#ff8c42);box-shadow:0 0 18px #ffc85757;transform:translate(-50%) rotate(-120deg);transform-origin:50% calc(100% - 15px)}.speedometer__hub{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#ffe59a;box-shadow:0 0 0 5px #ffc85729,0 0 16px #ffc8573d;transform:translate(-50%,-50%)}.speedometer__readout{position:absolute;left:50%;top:60%;display:grid;justify-items:center;transform:translate(-50%,-50%)}.speedometer__readout strong{color:var(--value);font-size:1.75rem;line-height:1}.speedometer__readout span{margin-top:.15rem;color:#ffffff94;letter-spacing:.18em;font-size:.58rem;text-transform:uppercase}.touch-controls{position:fixed;inset:0;z-index:14;display:none;pointer-events:none}.touch-controls__column{display:contents}.touch-controls__button{position:absolute;display:grid;justify-items:center;gap:.28rem;width:72px;min-height:62px;padding:.5rem .42rem;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#07162175;color:var(--value);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 12px 28px #040a0e33;pointer-events:auto;touch-action:manipulation}.touch-controls__button span,.touch-controls__button strong{display:block}.touch-controls__button span{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;font-size:0;line-height:1;color:#9ed8ff}.touch-controls__button span:before{font-size:1.15rem;line-height:1}.touch-controls__button:nth-child(1) span:before{content:"←"}.touch-controls__button:nth-child(2) span:before{content:"↑"}.touch-controls__button:nth-child(3) span:before{content:"→"}.touch-controls__button:nth-child(4) span:before{content:"↓"}.touch-controls__button strong{margin-top:.18rem;font-size:.58rem;letter-spacing:.08em;line-height:1.15;text-transform:uppercase}.touch-controls__button.is-active{border-color:#ffc85757;background:#2638449e;box-shadow:0 12px 28px #040a0e38,0 0 0 1px #ffc85729}.touch-controls__button{width:72px}.touch-controls__button strong{display:block}.touch-controls__button--accelerate{left:1rem;bottom:6rem}.touch-controls__column--left .touch-controls__button--accelerate span:before{content:"▲"}.touch-controls__button--left{left:1rem;bottom:1rem}.touch-controls__column--left .touch-controls__button--left span:before{content:"←"}.touch-controls__button--drift{right:1rem;bottom:11rem}.touch-controls__column--right .touch-controls__button--drift span:before{content:"~"}.touch-controls__button--right{left:auto;right:1rem;bottom:1rem}.touch-controls__column--right .touch-controls__button--right span:before{content:"→"}.touch-controls__button--brake{right:1rem;bottom:6rem}.touch-controls__column--right .touch-controls__button--brake span:before{content:"▼"}.menu-screen,.loading{position:fixed;inset:0;display:grid;place-items:center;transition:opacity .35s ease,visibility .35s ease}.menu-screen{z-index:24;padding:1.5rem;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.14),transparent 24%),linear-gradient(180deg,#050f1857,#04090ec2)}.menu-screen--pause{background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.08),transparent 24%),linear-gradient(180deg,#050c142e,#04090ea3)}.menu-screen__panel,.loading__panel{width:min(100%,540px);padding:1.6rem 1.8rem;border-radius:24px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff1c,#ffffff08),#05121bd1;box-shadow:0 22px 48px #00000047}.menu-screen__panel--compact{width:min(100%,460px)}.menu-screen__eyebrow,.loading__eyebrow{margin-bottom:.45rem}.menu-screen__title,.loading__title{display:block;color:var(--value)}.menu-screen__title{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.02}.menu-screen__copy{margin:.9rem 0 0;color:#ffffffb8;font-size:1rem;line-height:1.6}.menu-screen__actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-top:1.3rem}.menu-screen__button{min-width:152px;padding:.9rem 1.2rem;border:0;border-radius:999px;background:linear-gradient(180deg,#ffd77e,#ffb74a),var(--accent);color:#07131d;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.menu-screen__button:hover,.menu-screen__button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 26px #ffb74a42;filter:brightness(1.03)}.menu-screen__button--ghost{background:linear-gradient(180deg,#ff7e6b2e,#ff7e6b14),#ffffff0a;color:#ffd7d2;border:1px solid rgba(255,126,107,.34)}.loading{z-index:30;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,#1a354c3d,#050b0f9e)}.loading__panel{text-align:center}.loading__title{font-size:1.4rem}body[data-game-state=loading] .hud,body[data-game-state=start] .hud{opacity:0;visibility:hidden;transform:translateY(10px)}body[data-game-state=loading] .lap-banner,body[data-game-state=start] .lap-banner{opacity:0;visibility:hidden;transform:translate(-50%,-10px)}body[data-game-state=loading] .touch-controls,body[data-game-state=start] .touch-controls,body[data-game-state=paused] .touch-controls{opacity:0;visibility:hidden;pointer-events:none}@keyframes lap-pop{0%{transform:translate(-50%) scale(.98)}45%{transform:translate(-50%) scale(1.05)}to{transform:translate(-50%) scale(1)}}@media(max-width:820px){.hud--left{top:.6rem;left:.6rem}.hud--right{top:.6rem;right:.6rem;bottom:auto}.hud--bottom{display:none}.hud__card{padding:.42rem .48rem;border-radius:12px}.hud__label{margin-bottom:.2rem;font-size:.46rem;letter-spacing:.12em}.hud__stats{display:none}.hud__card--map{width:104px}.minimap{width:82px;height:82px;border-radius:10px}.hud__card--speed{width:104px}.speedometer__dial{width:86px}.hud__card--wide{width:208px}.control-guide{gap:.55rem}.control-keycap{width:1.72rem;height:1.6rem;font-size:.8rem}.control-guide__meta p{font-size:.56rem}.lap-banner{top:.6rem;min-width:0;width:auto;max-width:88px;padding:.36rem .5rem;border-radius:12px}.lap-banner__eyebrow{font-size:.42rem;letter-spacing:.12em}.lap-banner__count{margin-top:.08rem;font-size:1.02rem}.lap-banner__status{display:none}.menu-screen{padding:1rem}.menu-screen__panel,.loading__panel{padding:1.3rem 1.1rem}.touch-controls{display:block}}@media(max-width:520px){.hud--left{top:.55rem;left:.7rem}.hud--right{top:.55rem;right:.7rem;bottom:auto}.hud__card{padding:.34rem .4rem;border-radius:10px}.hud__card--map{width:94px}.minimap{width:72px;height:72px;border-radius:8px}.hud__card--speed{width:94px}.speedometer__dial{width:74px}.lap-banner{top:.55rem;max-width:76px;padding:.32rem .42rem}.lap-banner__count{font-size:.9rem}.touch-controls{display:block}.touch-controls__button--accelerate{left:.7rem;bottom:5rem}.touch-controls__button--left{left:.7rem;bottom:.7rem}.touch-controls__button--right{left:auto;right:.7rem;bottom:.7rem}.touch-controls__button--brake{right:.7rem;bottom:5rem}.touch-controls__button--drift{right:.7rem;bottom:9.3rem}.touch-controls__button{width:60px;min-height:54px}.touch-controls__button strong{font-size:.54rem}}@media(max-width:820px){.touch-controls__button{width:64px;min-height:58px}.touch-controls__button--accelerate,.touch-controls__button--brake{bottom:5.55rem}.touch-controls__button--drift{bottom:10rem}}@media(max-width:520px){.touch-controls__button{width:60px;min-height:54px}.touch-controls__button--accelerate,.touch-controls__button--brake{bottom:5rem}.touch-controls__button--drift{bottom:9.3rem}}