@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600&display=swap";:root{color:#fffaf0;font-synthesis:none;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);background:#070b22;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#game-shell{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}html{overscroll-behavior:none}body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#070b22}#game-shell{isolation:isolate;position:relative}#game{touch-action:none;cursor:grab;width:100%;height:100%;display:block}#game:active{cursor:grabbing}.panel{z-index:3;padding:max(24px, calc(var(--safe-top) + 14px)) max(24px, calc(var(--safe-right) + 14px)) max(24px, calc(var(--safe-bottom) + 14px)) max(24px, calc(var(--safe-left) + 14px));text-align:center;-webkit-backdrop-filter:blur(13px)saturate(1.08);backdrop-filter:blur(13px)saturate(1.08);overscroll-behavior-y:contain;background:linear-gradient(145deg,#0812375c,#15052ab8);place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0;overflow-y:auto}.splash-panel{background:radial-gradient(circle at 72% 24%,#3be7ff4d,#0000 24%),radial-gradient(circle at 28% 72%,#ff20bd33,#0000 30%),linear-gradient(145deg,#08133e6b,#1c042fc2);overflow:hidden}.splash-orbit{aspect-ratio:1;pointer-events:none;border:clamp(34px,7vw,82px) solid #ffdd8b29;border-radius:50%;width:min(72vw,720px);position:absolute;top:-38vw;right:-14vw;transform:rotate(-18deg);box-shadow:0 0 80px #ffcb7414}.panel.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.eyebrow{letter-spacing:.28em;opacity:.78;margin:0;font:500 11px/1 DM Mono,monospace}h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(42px,8vw,88px);font-weight:400;line-height:.92}h2{letter-spacing:-.065em;margin:2px 0 4px;font-size:clamp(44px,7vw,76px);font-weight:400;line-height:.9}.splash-copy,.panel-copy{color:#fffaf0c7;max-width:520px;margin:4px 0 10px;font-size:13px;line-height:1.6}.mode-actions{grid-template-columns:repeat(3,minmax(190px,270px));gap:12px;margin-top:8px;display:grid}.mode-button{text-align:left;border-radius:18px;justify-items:start;gap:7px;min-height:136px;padding:20px;display:grid}.mode-button-primary{color:#071229;background:linear-gradient(135deg,#6cf2fff2,#ff52d2e6);border-color:#62efffe0;box-shadow:0 16px 55px #ff1eb933}.mode-button-primary:hover{background:linear-gradient(135deg,#9af7ff,#ff7adb)}.drive-mode-button{color:#f7f2ff;background:linear-gradient(135deg,#180f3bf5,#cf0d74e6);border-color:#ff2997e0;box-shadow:0 16px 55px #ff0c8b3d,inset 0 0 35px #31e5ff14}.drive-mode-button:hover{background:linear-gradient(135deg,#28206b,#ef1b91)}.mode-button strong{letter-spacing:-.03em;text-transform:none;font:600 22px/1 Manrope,sans-serif}.mode-button small{opacity:.72;font:400 10px/1.3 DM Mono,monospace}.mode-kicker{opacity:.66;letter-spacing:.12em;font:500 9px/1 DM Mono,monospace}.panel-card{background:linear-gradient(145deg,#fff8e62b,#234f5647);border:1px solid #fffaf047;border-radius:26px;justify-items:center;width:min(92vw,620px);padding:clamp(26px,5vw,52px);display:grid;box-shadow:0 24px 90px #13313738}.record-grid{border-block:1px solid #fffaf033;grid-template-columns:repeat(2,minmax(130px,1fr));width:min(100%,390px);margin:16px 0;display:grid}.record-grid>div{gap:6px;padding:15px;display:grid}.record-grid>div+div{border-left:1px solid #fffaf033}.record-grid span,.hud-stat span,.hud-course span{letter-spacing:.13em;opacity:.62;font:500 8px/1 DM Mono,monospace}.record-grid strong{font:500 17px/1 DM Mono,monospace}.control-copy{letter-spacing:.08em;opacity:.66;margin:4px 0 18px;font:500 9px/1.5 DM Mono,monospace}.panel-actions{gap:9px;display:flex}.primary-action{color:#071229;background:#71edff;border-color:#71edff}.primary-action:hover{background:#a2f5ff}.drive-card{background:linear-gradient(145deg,#090c23e6,#46053ec2);border-color:#ff23956b;box-shadow:0 24px 100px #ff067e24,inset 0 0 60px #1ce2ff0a}.finish-time{letter-spacing:-.06em;margin:12px 0 4px;font:500 clamp(34px,7vw,62px)/1 DM Mono,monospace}.new-record{color:#ffe099;letter-spacing:.12em;min-height:13px;margin:0 0 16px;font:500 10px/1 DM Mono,monospace}.countdown{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.countdown.is-hidden{opacity:0;visibility:hidden}.countdown span{color:#fff6df;text-shadow:0 12px 50px #2d443e40;font:500 clamp(110px,25vw,260px)/1 DM Mono,monospace}.race-hud{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04131dc7;border:1px solid #47edee6b;border-radius:14px;grid-template-columns:auto repeat(3,minmax(74px,auto)) auto;align-items:center;gap:10px;padding:11px 13px;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 10px 35px #1d3f451f}.race-hud.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.drive-hud{background:#040514db;border-color:#ff219185;box-shadow:0 10px 42px #ff007c29}.drive-hud .speed-track i{background:linear-gradient(90deg,#24e7ff,#8d45ff,#ff168c)}.drive-hud.is-boosting{border-color:#35eeffd1;box-shadow:0 10px 48px #1ee5ff33,inset 0 0 26px #ff158f14}.drive-hud.is-boosting .hud-course strong,.drive-hud.is-boosting .hud-shield{color:#efffff;text-shadow:0 0 12px #31ebffb8}.drive-hud.is-boosting .speed-track i{background:linear-gradient(90deg,#f4ffff,#32eaff 30%,#9b54ff 65%,#ff238f);box-shadow:0 0 16px #3deeffeb}.hud-course,.hud-stat{border-right:1px solid #fffaf02e;gap:4px;padding-right:10px;display:grid}.hud-course strong{font:600 11px/1 Manrope,sans-serif}.hud-stat strong{font:500 13px/1 DM Mono,monospace}.hud-shield{opacity:.3;letter-spacing:.08em;align-items:center;gap:6px;font:500 8px/1 DM Mono,monospace;display:flex}.hud-shield.is-active{color:#aaf7ff;opacity:1}.shield-dot{border:1px solid;border-radius:50%;width:9px;height:9px;box-shadow:0 0 12px}.speed-track{background:#fffaf01f;height:3px;position:absolute;bottom:-5px;left:10px;right:10px;overflow:hidden}.speed-track i{transform-origin:0;background:linear-gradient(90deg,#21ecec,#ffb51a,#ff3f79);width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 10px #21ecec}.race-toast{z-index:3;opacity:0;color:#fff3c9;letter-spacing:.12em;text-shadow:0 3px 22px #243e4073;pointer-events:none;font:500 13px/1 DM Mono,monospace;position:absolute;top:19%;left:50%}.instructions{letter-spacing:.02em;opacity:.8;margin:8px 0 4px;font:400 12px/1.8 DM Mono,monospace}button{color:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;background:#fffaf01c;border:1px solid #fffaf09e;border-radius:999px;min-width:44px;min-height:44px;padding:12px 20px;font:500 11px/1 DM Mono,monospace}button:hover{background:#fffaf033}#reset-button{z-index:2;right:max(18px, calc(var(--safe-right) + 12px));top:max(48px, calc(var(--safe-top) + 48px));opacity:.72;padding:9px 13px;position:absolute}#fps-display{z-index:2;right:max(18px, calc(var(--safe-right) + 12px));top:max(18px, calc(var(--safe-top) + 10px));text-align:right;color:#fffaf0c2;letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 8px #193f463d;min-width:66px;font:500 10px/1 DM Mono,monospace;display:none;position:absolute}body.is-debug #fps-display{display:block}.mobile-only{display:none}body.is-mobile .mobile-only{display:block}body.is-mobile #reticle{display:none}body.is-mobile #game{cursor:default}#touch-joystick{z-index:4;opacity:0;pointer-events:none;background:#fffaf014;border:1px solid #fffaf06b;border-radius:999px;width:176px;height:72px;margin:-36px 0 0 -88px;position:absolute;box-shadow:inset 0 0 28px #fffaf00d}#touch-joystick:before{content:"";background:#fffaf047;height:1px;position:absolute;top:50%;left:24px;right:24px}#touch-stick{background:#fffaf038;border:1px solid #fffaf0ad;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%;box-shadow:0 5px 20px #1c495229}#touch-hint{z-index:2;left:50%;bottom:max(18px, calc(var(--safe-bottom) + 12px));width:max-content;max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 28px);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);color:#fffaf08f;letter-spacing:.08em;pointer-events:none;background:#04051494;border:1px solid #fffaf029;border-radius:999px;padding:10px 14px;font:500 9px/1 DM Mono,monospace;position:absolute}body.is-drive-mode #touch-joystick{background:linear-gradient(90deg,#12e3ff14,#ff139224,#12e3ff14);border-color:#ff279b94;box-shadow:inset 0 0 28px #ff189214,0 0 32px #18e0ff14}body.is-drive-mode #touch-joystick:after{content:"↑  ‹   ›";color:#48ecffb8;letter-spacing:.32em;text-shadow:0 0 12px #21e7ff80;place-items:center;font:500 26px/1 DM Mono,monospace;display:grid;position:absolute;inset:0;transform:translate(.16em)}body.is-drive-mode #touch-stick{background:#ff209759;border-color:#ff44afdb;border-radius:8px;width:34px;height:34px;margin:-17px 0 0 -17px;box-shadow:0 0 24px #ff179152}body.is-drive-mode #touch-hint{color:#edf7ffcc;background:linear-gradient(90deg,#061127c2,#330532c2);border-color:#ff2a9e52;box-shadow:0 8px 30px #ff09881f}#reticle{z-index:2;pointer-events:none;background:#fffaf085;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=700px){button{min-height:48px}#fps-display{right:max(12px, calc(var(--safe-right) + 8px));top:max(12px, calc(var(--safe-top) + 8px))}#reset-button{right:max(12px, calc(var(--safe-right) + 8px));top:max(58px, calc(var(--safe-top) + 58px));background:#040514a3;border-color:#fffaf057;place-items:center;width:44px;height:44px;padding:0;font-size:0;display:grid}#reset-button:before{content:"↻";font:500 20px/1 DM Mono,monospace}.instructions{font-size:10px}#touch-hint{bottom:max(12px, calc(var(--safe-bottom) + 10px))}.mode-actions{grid-template-columns:1fr;width:min(94vw,430px)}.mode-button{min-height:102px;padding:16px 18px}.splash-copy{max-width:86vw;font-size:11px}.panel-card{border-radius:20px;padding:25px 18px}.race-hud{top:max(10px, calc(var(--safe-top) + 8px));left:max(10px, calc(var(--safe-left) + 8px));right:max(10px, calc(var(--safe-right) + 8px));grid-template-columns:minmax(72px,1.3fr) repeat(2,minmax(48px,1fr)) auto;gap:7px;padding:10px}.hud-course{display:none}.drive-hud .hud-course{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040514c2;border:1px solid #ff2a9e57;border-radius:999px;min-width:0;padding:6px 9px;display:block;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 7px 24px #ff007c1f}.drive-hud .hud-course span{display:none}.drive-hud .hud-course strong{letter-spacing:.08em;font:600 8px/1 DM Mono,monospace}.race-hud:not(.drive-hud) .hud-shield{justify-content:center;width:27px;font-size:0}.drive-hud .hud-shield{font-size:7px}.hud-stat{padding-right:6px}.hud-stat:nth-of-type(4){border-right:0}body.is-mobile.is-runner-mode #reset-button{top:max(72px, calc(var(--safe-top) + 70px))}body.is-mobile.is-debug #fps-display{top:max(122px, calc(var(--safe-top) + 120px))}.race-toast{top:max(96px, calc(var(--safe-top) + 88px))}}@media (width<=700px) and (orientation:portrait){.panel{padding:max(14px, calc(var(--safe-top) + 10px)) max(14px, calc(var(--safe-right) + 10px)) max(16px, calc(var(--safe-bottom) + 10px)) max(14px, calc(var(--safe-left) + 10px));place-content:center;gap:9px}.splash-panel{overflow-y:auto}h1{font-size:clamp(40px,13vw,56px);line-height:.9}h2{font-size:clamp(40px,12vw,54px)}.eyebrow{font-size:9px}.splash-copy,.panel-copy{margin:2px 0 5px;font-size:11px;line-height:1.45}.mode-actions{gap:8px;width:100%;max-width:430px;margin-top:4px}.mode-button{border-radius:15px;gap:5px;min-height:88px;padding:13px 16px}.mode-button strong{font-size:19px}.panel-card{width:100%;max-width:430px;max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 24px);padding:20px 16px;overflow-y:auto}.record-grid{margin:10px 0}.record-grid>div{padding:12px 8px}.control-copy{margin:3px 0 13px}.panel-actions{justify-content:center;width:100%}.panel-actions button{flex:1;max-width:190px}.finish-time{margin-top:8px}.new-record{margin-bottom:12px}.countdown{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}#touch-hint{max-width:calc(100vw - var(--safe-left) - var(--safe-right) - 24px);text-overflow:ellipsis;white-space:nowrap;padding:10px 13px;overflow:hidden}}