@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Unbounded:wght@500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{color-scheme:dark;--bg: #0b0d10;--bg-raised: #11141a;--panel: #151922;--panel-deep: #0d1015;--panel-inset: #1a1f29;--header: rgba(11, 13, 16, .85);--surface: #232a36;--surface-border: #3a4354;--border: #262c38;--border-strong: #39414f;--text: #f2f4f8;--muted: #9aa3b2;--subtle: #647082;--input-bg: #12161e;--input-text: #f2f4f8;--button-bg: #1c2230;--button-border: #2e3746;--button-text: #f2f4f8;--chip-bg: #171c27;--chip-border: #333c4d;--bubble-mine: #1e3a5f;--bubble-other: #1a202c;--teleprompter-bg: #000000;--green: #2ee889;--accent: #2ee889;--accent-dim: rgba(46, 232, 137, .12);--blue: #4d9fff;--danger: #ff5c5c;--danger-strong: #b71c1c;--warn: #ffb300;--last-lap: #ffd60a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--glow-accent: 0 0 24px rgba(46, 232, 137, .25);--font-ui: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-display: "Unbounded", "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}[data-theme=light]{color-scheme:light;--bg: #f4f6f9;--bg-raised: #ffffff;--panel: #ffffff;--panel-deep: #ffffff;--panel-inset: #f7f9fb;--header: rgba(255, 255, 255, .85);--surface: #eef1f5;--surface-border: #d4dae3;--border: #e2e6ec;--border-strong: #cbd2dd;--text: #14181f;--muted: #556072;--subtle: #8a94a6;--input-bg: #ffffff;--input-text: #14181f;--button-bg: #edf0f4;--button-border: #dbe0e8;--button-text: #14181f;--chip-bg: #eef1f6;--chip-border: #ccd4df;--bubble-mine: #dceafd;--bubble-other: #eef0f4;--teleprompter-bg: rgba(255, 255, 255, .97);--accent: #009a52;--green: #009a52;--accent-dim: rgba(0, 154, 82, .08);--shadow-sm: 0 1px 2px rgba(20, 30, 50, .08);--shadow-md: 0 8px 24px rgba(20, 30, 50, .1);--shadow-lg: 0 20px 50px rgba(20, 30, 50, .14)}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text);font-family:var(--font-ui);height:100%;min-height:100dvh;width:100vw;overflow:hidden;position:fixed;overscroll-behavior:none;-webkit-font-smoothing:antialiased}#root{position:fixed;inset:0;height:100%;min-height:100dvh;width:100%;display:flex;flex-direction:column;box-sizing:border-box;aspect-ratio:16 / 9;padding-top:0;padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);overscroll-behavior:none;transform:translateY(calc(-1 * var(--viewport-offset-y, 0px)))}*{box-sizing:border-box}button{cursor:pointer;border:none;outline:none;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease,transform .1s ease,opacity .15s ease,box-shadow .15s ease}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{font-family:inherit}a{transition:color .15s ease,opacity .15s ease}::selection{background:#2ee8894d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--subtle);border:2px solid transparent;background-clip:content-box}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:.92rem;font-weight:600;letter-spacing:.01em;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#06130c;box-shadow:var(--glow-accent)}.btn-primary:hover{filter:brightness(1.08)}.btn-secondary{background:var(--button-bg);color:var(--button-text);border-color:var(--button-border)}.btn-secondary:hover{background:var(--surface)}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{background:var(--button-bg);color:var(--text)}.btn-outline{background:transparent;color:var(--text);border-color:var(--border-strong)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:#ff5c5c66}.btn-danger:hover{background:#ff5c5c1f}.btn-lg{padding:14px 26px;font-size:1rem;border-radius:14px}.btn-sm{padding:6px 12px;font-size:.8rem;border-radius:var(--radius-sm)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input{width:100%;padding:12px 14px;border-radius:var(--radius-md);background:var(--input-bg);border:1px solid var(--border);color:var(--input-text);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--subtle)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23647082' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px}.label{font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--subtle)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--radius-pill);border:1px solid var(--chip-border);background:var(--chip-bg);color:var(--text);font-size:.82rem;font-weight:600}.chip-selected{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.segmented{display:flex;padding:4px;gap:4px;background:var(--panel-inset);border:1px solid var(--border);border-radius:var(--radius-md)}.segmented button{flex:1;padding:10px 14px;border-radius:9px;background:transparent;color:var(--muted);font-weight:700;font-size:.88rem}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.divider{height:1px;background:var(--border);border:none;margin:0}.mono{font-family:var(--font-mono)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.screen-center{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;background:radial-gradient(ellipse 80% 50% at 50% -10%,var(--accent-dim),transparent),var(--bg)}.racer-layout{height:100%;min-height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);--racer-button-font-scale: 1}.racer-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;gap:10px;flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.racer-room{display:flex;align-items:center;gap:10px;min-width:0}.racer-header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.racer-edit-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:700;letter-spacing:.06em;color:var(--muted);padding:7px 14px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--chip-bg);transition:color .15s ease,border-color .15s ease,background .15s ease}.racer-edit-toggle.active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.racer-edit-toggle input{display:none}.racer-main{flex:1;display:flex;flex-direction:column;padding:12px;box-sizing:border-box;min-height:0;margin-bottom:4vh;max-width:1100px;width:100%;margin-left:auto;margin-right:auto}.racer-add-button{width:100%;padding:12px;border-radius:var(--radius-md);margin-bottom:10px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:2px dashed rgba(46,232,137,.45)}.racer-button-grid{flex:1;display:grid;grid-template-rows:repeat(2,minmax(60px,1fr));grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:10px;overflow-x:auto;overflow-y:auto;align-content:stretch;min-height:0;padding-bottom:6px;scroll-padding-bottom:12px}.racer-command-button{width:100%;height:100%;font-family:var(--font-ui);font-size:clamp(calc(1.4rem * var(--racer-button-font-scale)),calc(3.2vw * var(--racer-button-font-scale)),calc(2.6rem * var(--racer-button-font-scale)));font-weight:700;border-radius:var(--radius-lg);box-shadow:0 5px #00000073,inset 0 1px #ffffff40;display:flex;justify-content:center;align-items:center;text-align:center;padding:5px;overflow:hidden;line-height:1.15}.racer-command-button:active{transform:translateY(4px);box-shadow:0 1px #00000073,inset 0 1px #ffffff40}.racer-replay-button{width:100%;padding:12px 20px;border-radius:var(--radius-md);margin-bottom:6px;font-weight:700;height:clamp(64px,10vh,100px);font-size:1.2rem;margin-top:10px}.telemetry-board{display:flex;gap:10px;overflow-x:auto;padding:12px 16px;flex-shrink:0}.telemetry-card{min-width:190px;border-radius:var(--radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);flex-shrink:0}.telemetry-card-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.telemetry-card-pos{font-size:2.2rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.telemetry-card-pos span{font-size:.9rem;font-weight:600;margin-left:4px;opacity:.6}.telemetry-card-stat{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}.telemetry-card-stat span{opacity:.55;font-size:.7rem;letter-spacing:.08em;align-self:center}.telemetry-card-time{font-family:var(--font-mono);font-weight:700;font-size:1rem}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}