:root{--hud-fg: #ffffff;--hud-bg: rgba(8, 10, 16, .55);--accent: #ffcc33;--faster: #3ddc84;--slower: #ff5252;--pb: #b388ff;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d12;color:var(--hud-fg);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{position:fixed;top:0;left:0;width:100vw;height:100vh;transform-origin:0 0;overflow:hidden;container-type:size;container-name:game}#game{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none}#touch{position:fixed;inset:0;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;font-variant-numeric:tabular-nums}.hud-shift{position:absolute;top:calc(var(--safe-t) + 6px);left:50%;transform:translate(-50%);display:flex;gap:4px;padding:4px 8px;background:var(--hud-bg);border-radius:10px}.hud-shift .led{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.hud-shift .led.on.g{background:#2ee66b;box-shadow:0 0 6px #2ee66b}.hud-shift .led.on.r{background:#ff3b30;box-shadow:0 0 6px #ff3b30}.hud-shift .led.on.b{background:#3d8bff;box-shadow:0 0 6px #3d8bff}.hud-timing{position:absolute;top:calc(var(--safe-t) + 8px);left:calc(var(--safe-l) + 12px);padding:8px 12px;background:var(--hud-bg);border-radius:10px;min-width:150px}.hud-lap{font-size:22px;font-weight:700;letter-spacing:.5px}.hud-lap.invalid{color:var(--slower);text-decoration:line-through}.hud-delta{font-size:16px;font-weight:700;min-height:20px}.hud-delta.faster{color:var(--faster)}.hud-delta.slower{color:var(--slower)}.hud-sectors{display:flex;gap:4px;margin:4px 0}.hud-sectors .sector{flex:1;font-size:10px;text-align:center;padding:1px 0;border-radius:3px;background:#ffffff1f;color:#fff9}.hud-sectors .sector.done{background:#e0b400;color:#000}.hud-sectors .sector.done.pb{background:var(--faster)}.hud-best{font-size:12px;opacity:.8}.hud-map{position:absolute;top:calc(var(--safe-t) + 8px);right:calc(var(--safe-r) + 12px);width:132px;height:96px;background:var(--hud-bg);border-radius:10px}.hud-aero{position:absolute;top:calc(var(--safe-t) + 34px);left:50%;transform:translate(-50%);font-size:11px;font-weight:700;letter-spacing:1px;color:#000;background:#3d8bff;padding:2px 8px;border-radius:6px;opacity:0;transition:opacity .15s}.hud-aero.show{opacity:1}.hud-notice{position:absolute;top:34%;left:50%;transform:translate(-50%);background:var(--hud-bg);padding:8px 16px;border-radius:10px;font-size:16px;font-weight:600;opacity:0;transition:opacity .2s;white-space:nowrap}.hud-notice.show{opacity:1}.hud-speedo{pointer-events:auto;position:absolute;bottom:calc(var(--safe-b) + 8px);left:50%;transform:translate(-50%);width:150px;height:92px;border:none;border-radius:14px;background:var(--hud-bg);color:var(--hud-fg);font:inherit;padding:0;overflow:hidden}.hud-arc{position:absolute;left:15px;top:4px;width:120px;height:70px;transition:opacity .6s}.hud-arc-bg{fill:none;stroke:#ffffff26;stroke-width:6}.hud-arc-fg{fill:none;stroke:var(--accent);stroke-width:6;stroke-linecap:round}.hud-speed{position:absolute;top:28px;width:100%;text-align:center;font-size:30px;font-weight:800}.hud-gear{position:absolute;top:8px;width:100%;text-align:center;font-size:16px;font-weight:700;color:var(--accent)}.hud-recentre{position:absolute;bottom:4px;width:100%;text-align:center;font-size:9px;opacity:.55;text-transform:uppercase;letter-spacing:.5px}.no-haptics .haptic-switch{display:none}.haptic-switch{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:.011;z-index:2}#overlays .overlay{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px calc(24px + var(--safe-r)) calc(16px + var(--safe-b)) calc(24px + var(--safe-l));background:radial-gradient(ellipse at center,#141824eb,#05060af7);z-index:10;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-x pan-y}#overlays .overlay.show{display:flex}#overlays .overlay>:first-child{margin-top:auto}#overlays .overlay>:last-child{margin-bottom:auto}.overlay .title{font-size:44px;font-weight:900;letter-spacing:2px;font-style:italic}.overlay .title span{color:#e10600}.overlay .hint{max-width:520px;line-height:1.5;opacity:.85}.overlay .small{font-size:12px;opacity:.55}.overlay .start-best{margin:0 0 8px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.overlay .start-best:empty{display:none}.overlay button{position:relative;font:inherit;font-size:18px;font-weight:700;padding:14px 36px;border-radius:999px;border:none;background:#e10600;color:#fff;margin:12px}.overlay .tips{max-width:560px;font-size:13px;line-height:1.4;opacity:.8;background:#ffffff0f;border-radius:10px;padding:2px 14px}.overlay .tips p{margin:8px 0}.overlay.message{z-index:15}.overlay .message-body{max-width:560px;line-height:1.5}.overlay a{color:var(--accent)}#dev{position:fixed;inset:0;pointer-events:none;z-index:5}.dev-panel{pointer-events:auto;position:absolute;top:calc(var(--safe-t) + 44px);right:calc(var(--safe-r) + 12px);width:300px;max-height:calc(100% - 60px);overflow-y:auto;background:#0a0c12e0;border-radius:10px;font-size:12px;padding:6px;touch-action:pan-y}.dev-panel.collapsed{width:auto;background:transparent;padding:0;overflow:visible}.dev-panel.collapsed .dev-body{display:none}.dev-toggle,.dev-actions button{font:inherit;background:#222838;color:#fff;border:1px solid #3a4258;border-radius:6px;padding:4px 8px}.dev-actions{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.dev-panel summary{font-weight:700;padding:4px 0}.dev-row{display:grid;grid-template-columns:1fr auto;gap:2px 6px;margin:4px 0 8px}.dev-row input{grid-column:1 / -1;width:100%}.dev-row output{font-variant-numeric:tabular-nums;opacity:.8}.dev-row output.changed{color:var(--accent);opacity:1}.telemetry{pointer-events:auto;position:absolute;left:calc(var(--safe-l) + 12px);bottom:calc(var(--safe-b) + 110px);width:300px;height:125px;border-radius:8px}.telemetry.dim{opacity:.25}.hud-timing{pointer-events:auto;cursor:pointer}.hud-pause{position:absolute;top:8px;right:10px;font-size:11px;opacity:.6;letter-spacing:-1px}.coach{position:absolute;top:22%;left:50%;transform:translate(-50%);width:min(470px,56vw);width:min(470px,56cqw);background:#080a10c7;border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:12px 16px;text-align:center;font-size:17px;line-height:1.4;display:none;pointer-events:none}.coach.show{display:block}.coach-step{font-size:11px;letter-spacing:1px;color:var(--accent);margin-bottom:4px}.coach-text b{color:var(--accent)}.coach-skip{pointer-events:auto;position:relative;margin-top:8px;font:inherit;font-size:12px;background:transparent;color:#fff9;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:3px 12px}.overlay.menu{z-index:12}.menu-title{font-size:24px;font-weight:800;font-style:italic;margin-bottom:10px}.menu-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(560px,100%)}.overlay.menu .menu-list button{margin:0;min-height:44px;padding:8px 14px;font-size:15px;line-height:1.2;background:#222838;border:1px solid #3a4258}.overlay.menu .menu-list button[data-id=resume]{grid-column:1 / -1;background:#e10600;border-color:#e10600}@container game (max-height: 340px){.menu-title{font-size:18px;margin-bottom:6px}.menu-list{gap:6px}.overlay.menu .menu-list button{min-height:38px;padding:6px 12px;font-size:14px}}@container game (max-height: 480px){.overlay .title{font-size:34px}.overlay .hint{margin:8px 0;font-size:14px}.overlay button{margin:8px;padding:12px 32px}.overlay .small{margin:6px 0 0}.overlay .message-body{max-width:760px;line-height:1.35}.overlay .message-body h2{font-size:20px;margin:0 0 6px}.overlay .message-body p{margin:0 0 6px}.overlay.message button{margin:4px;padding:10px 32px}}.overlay.settings{z-index:13;background:radial-gradient(ellipse at center,#141824,#05060a)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;width:min(720px,100%)}.setting{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 6px 4px 12px;border-radius:12px;background:#ffffff0d;text-align:left}.setting-label{font-size:14px;font-weight:600;line-height:1.2}.setting-label small{display:block;font-size:11px;font-weight:400;opacity:.6}.setting-control{display:flex;align-items:center;gap:4px;flex-shrink:0}.setting-value{min-width:64px;text-align:center;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}.overlay .settings-btn{margin:0;padding:0;font-size:15px;background:#222838;border:1px solid #3a4258}.overlay .settings-btn.step{width:38px;height:38px;font-size:20px;line-height:1}.overlay .settings-btn.cycle{height:38px;padding:0 10px;min-width:132px}.overlay .settings-btn.cycle .setting-value{min-width:0}.settings-footer{display:flex;gap:12px;margin-top:12px}.overlay .settings-btn.primary,.overlay .settings-btn.secondary{height:42px;padding:0 28px}.overlay .settings-btn.primary{background:#e10600;border-color:#e10600;min-width:140px}@container game (max-height: 360px){.settings-grid{gap:5px 14px}.setting{min-height:40px;padding:2px 4px 2px 10px}.setting-label small{display:none}.overlay .settings-btn.step{width:34px;height:34px}.overlay .settings-btn.cycle{height:34px}.settings-footer{margin-top:8px}.overlay .settings-btn.primary,.overlay .settings-btn.secondary{height:36px}}@container game (max-width: 560px){.settings-grid{grid-template-columns:1fr}}.dev-fps{position:absolute;left:50%;bottom:calc(var(--safe-b) + 104px);transform:translate(-50%);font-size:11px;background:#00000080;padding:2px 8px;border-radius:6px;font-variant-numeric:tabular-nums}