:root{color:#183631;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#d8e7e7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}#app{flex-direction:column;height:100svh;min-height:540px;display:flex}.topbar,.statusbar{z-index:1;background:#f3f4eb;justify-content:space-between;align-items:center;gap:24px;padding:14px 26px;display:flex}.topbar{border-bottom:1px solid #18363120}.brand{color:inherit;letter-spacing:.08em;align-items:center;gap:12px;font-weight:850;text-decoration:none;display:flex}.brand-mark{color:#f2f3e8;background:#183631;border-radius:8px;place-items:center;width:32px;height:32px;font-size:25px;display:grid}.stage,.eyebrow{letter-spacing:.14em;font-size:10px;font-weight:700}.stage span{opacity:.4;margin:0 10px}.actions{gap:10px;display:flex}.workspace{flex:1;min-height:0;position:relative;overflow:hidden}#viewport{position:absolute;inset:0}canvas{outline:none;width:100%;height:100%;display:block}.course-panel{background:#f3f4ebe8;border:1px solid #fff7;border-radius:12px;width:250px;padding:20px;position:absolute;top:24px;left:26px;box-shadow:0 6px 28px #18363108}h1{letter-spacing:-.035em;margin:8px 0 10px;font-size:25px;line-height:1.1}.course-panel p{color:#576d63;margin:0 0 20px;font-size:12px;line-height:1.6}.course-panel label{color:#576d63;margin-bottom:6px;font-size:11px;display:block}select{color:#183631;font:inherit;background:#f9faf3;border:1px solid #18363130;border-radius:5px;padding:8px;font-size:12px}.course-panel select{width:100%}.speed-panel{color:#f8faef;background:#183631ed;border-radius:12px;min-width:205px;padding:16px 20px;position:absolute;bottom:24px;right:26px;box-shadow:0 8px 25px #18363115}.speed-value{align-items:baseline;gap:10px;display:flex}#speed{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:58px;font-weight:650;line-height:1}.speed-unit{opacity:.6;font-size:12px}#gear{color:#f3a573;margin-left:auto;font-weight:700}#surface{font-size:11px}.car-name{letter-spacing:.1em;color:#a9bfb1;margin-top:6px;font-size:9px;display:block}.course-panel select+label{margin-top:12px}#driving-message{color:#8a2817;background:#fff0df;border-radius:6px;max-width:55%;padding:10px 15px;font-size:13px;position:absolute;bottom:30px;left:26px}#driving-message:empty{display:none}.statusbar{border-top:1px solid #18363120;min-height:62px;font-size:11px}#status{align-items:center;gap:9px;max-width:420px;line-height:1.5;display:flex}.status-dot{background:#be903c;border-radius:50%;flex-shrink:0;width:7px;height:7px}[data-state=ready] .status-dot{background:#508657}[data-state=error]{color:#a13022}[data-state=error] .status-dot{background:#b63e2c}button{color:#fff;font:inherit;cursor:pointer;white-space:nowrap;background:#183631;border:0;border-radius:6px;justify-content:center;align-items:center;gap:16px;padding:10px 15px;font-size:12px;display:flex}button:hover:enabled{background:#2b5145}button:disabled,select:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #d86535}#pause{color:#183631;background:0 0;border:1px solid #18363130}kbd{min-width:20px;height:21px;font:inherit;border:1px solid #18363130;border-radius:4px;place-items:center;padding:0 4px;display:inline-grid}button kbd{border-color:#ffffff50}.controls{color:#576d63;align-items:center;gap:7px;display:flex}.controls kbd:not(:first-child){margin-left:7px}.render-controls{align-items:center;gap:9px;display:flex}#fps{font-variant-numeric:tabular-nums;min-width:45px}.render-controls label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.render-controls select{padding:5px;font-size:11px}#pause-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18363128;place-items:center;display:grid;position:absolute;inset:0}.pause-card{background:#f7f7ef;border-radius:16px;width:min(430px,100% - 40px);padding:34px;box-shadow:0 15px 65px #18363130}h2{letter-spacing:-.03em;margin:10px 0;font-size:30px}.pause-card p{color:#576d63;font-size:14px;line-height:1.6}.pause-card button{width:100%;margin-top:24px;padding:15px}.pause-card .pause-help{text-align:center;margin-bottom:0;font-size:10px}.race-hud{color:#f8faef;pointer-events:none;background:#183631ed;border-radius:12px;gap:8px;min-width:232px;padding:18px 22px;display:grid;position:absolute;top:24px;right:26px}#race-best{color:#f3b98d;font-variant-numeric:tabular-nums;font-size:11px}#race-time,#result-time{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:36px}#race-progress{color:#c4d6c7;font-size:11px}.race-countdown{pointer-events:none;color:#fff9e9;text-shadow:0 4px 30px #18363199;place-items:center;font-size:110px;font-weight:800;display:grid;position:absolute;inset:0}#race-result{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18363128;place-items:center;display:grid;position:absolute;inset:0}#result-time{color:#bd5b2d;margin-top:22px;font-size:48px;display:block}@media (width<=650px){.race-hud{min-width:175px;padding:12px;top:12px;right:12px}#race-time{font-size:28px}}noscript{color:#a13022;padding:20px}input{font:inherit;color:inherit}input:focus-visible{outline-offset:2px;outline:3px solid #d86535}.secondary{color:#294b40;background:#f5f6ee;border:1px solid #18363128}.secondary:hover:enabled{background:#e5ebdd}.editor-topbar{gap:28px;min-height:82px}.editor-topbar .actions{gap:6px}.editor-topbar .actions button{padding:10px}.storage-notice{color:#8a2817;background:#fff0df;flex-shrink:0;align-items:center;gap:16px;padding:12px 24px;font-size:12px;line-height:1.6;display:flex}.storage-notice>span{flex:1}.storage-notice button{margin-left:auto}.home-content{background:#e8eddf;flex:1;padding:44px max(28px,50% - 560px);overflow-y:auto}.home-intro{border-bottom:1px solid #18363125;padding-bottom:34px}.home-intro h1{margin:20px 0;font-size:clamp(40px,5vw,64px);line-height:1.04}.home-intro>p{color:#576d63;font-size:15px;line-height:1.7}.home-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.home-actions button{padding:13px 20px;font-size:13px}#continue-project{white-space:normal;background:#ba5b30;max-width:100%}.library-heading{flex-wrap:wrap;align-items:baseline;gap:24px;margin:25px 0 16px;display:flex}.library-heading h2{font-size:24px}.library-heading p,.empty-projects{color:#576d63;font-size:13px}#project-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.project-card{overflow-wrap:anywhere;background:#f7f7ef;border:1px solid #18363114;border-radius:12px;padding:22px}.project-card h3{margin:0 0 12px;font-size:20px}.project-card p{color:#576d63;font-size:12px;line-height:1.6}.project-card small{color:#6b7c71;font-size:10px;display:block}.project-card .actions{flex-wrap:wrap;margin-top:22px}.secondary.danger{color:#983f34}.secondary.danger:hover:enabled{background:#f6e4df;border-color:#983f3450}.topbar:has(#back-to-editor){flex-wrap:wrap}.topbar:has(#back-to-editor) .actions{flex-wrap:wrap}.home-loading{margin:auto;padding:30px}#small-screen-notice{box-sizing:border-box;color:#183631;background:#f7f7ef;border:1px solid #18363120;border-radius:16px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:clamp(20px,5vw,32px);overflow-y:auto;box-shadow:0 18px 70px #102b3550}#small-screen-notice::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102b35a6}#small-screen-notice h2{letter-spacing:-.025em;margin:14px 0;font-size:clamp(23px,6vw,28px);line-height:1.15}#small-screen-notice p{color:#576d63;margin:0 0 24px;font-size:15px;line-height:1.6}#small-screen-notice button{white-space:normal;width:100%;min-height:48px}@media (width<=1000px){.editor-topbar{flex-wrap:wrap}.editor-topbar .brand{display:none}.editor-topbar .actions,.storage-notice{flex-wrap:wrap}}.track-title{flex:1;grid-template-columns:1fr;min-width:120px;display:grid}.track-title label{letter-spacing:.13em;opacity:.6;font-size:9px;font-weight:700}.track-title input{text-overflow:ellipsis;background:0 0;border:0;width:100%;padding:3px 0;font-size:19px;font-weight:650}.track-title>span{color:#64786c;font-size:10px}#test-drive{background:#d66c39;min-width:115px;font-size:14px;font-weight:650}#test-drive:hover:enabled{background:#ba552a}.editor-workspace{flex:1;min-height:0;display:flex}.editor-palette{background:#f3f4eb;border-right:1px solid #18363120;flex:0 0 202px;padding:25px 16px 18px;overflow-y:auto}.editor-palette h1{margin-top:8px;font-size:20px}.editor-palette p{color:#6b7c71;font-size:11px;line-height:1.5}.tool-list{gap:4px;margin:14px 0 12px;display:grid}.tool{color:#48604e;text-align:left;background:#e9ede1;border:1px solid #0000;justify-content:flex-start;gap:12px;padding:7px 11px}.tool:hover:enabled{background:#dfe7d4}.tool[aria-pressed=true]{color:#f4f4e9;background:#294d40;border-color:#294d40}.tool svg{flex-shrink:0;width:28px;height:28px}.tool span{font-size:12px;font-weight:600}.tool small{opacity:.65;margin-top:4px;font-size:9px;font-weight:400;display:block}.edit-tools{border-top:1px solid #18363118;gap:5px;margin-bottom:14px;padding-top:12px;display:flex}.edit-tools .tool{flex:1;gap:6px;padding:8px}.edit-tools .tool svg{width:20px;height:20px}.edit-tools .tool span{font-size:10px}#rotate,#new-track{width:100%}#orientation{text-align:center;color:#6b7c71;padding:8px;font-size:10px}#new-track{margin-top:18px}.editor-palette .palette-tip{margin-top:12px;font-size:10px}.editor-map{flex:1;min-width:0;position:relative;overflow:hidden}#editor-viewport{position:absolute;inset:0}#editor-viewport canvas{touch-action:none}.map-toolbar{background:#f3f4eb99;border-radius:8px;gap:6px;padding:5px;display:flex;position:absolute;top:18px;left:18px}.map-toolbar button{padding:9px 11px;font-size:11px}#toggle-grid[aria-pressed=false]{background:#d5ddcb;text-decoration:line-through}.map-compass{color:#334e36;opacity:.6;font-size:12px;position:absolute;bottom:20px;right:20px}.editor-inspector{background:#f3f4eb;border-left:1px solid #18363120;flex:0 0 250px;overflow-y:auto}.editor-inspector:has(details:not([open])){flex-basis:38px}.editor-inspector summary{cursor:pointer;white-space:nowrap;padding:18px;font-size:11px;font-weight:650}.editor-inspector details:not([open]) summary{writing-mode:vertical-rl;padding:12px}.inspector-content{padding:10px 18px 24px}#selection-info{min-height:44px;margin:12px 0;font-size:12px;line-height:1.8}#delete-selected{width:100%;font-size:11px}.inspector-content hr{border:0;border-top:1px solid #1836311c;margin:26px 0}.inspector-content h2{letter-spacing:-.01em;font-size:16px}#validation-summary{background:#f5e5d2;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}#validation-summary[data-valid=true]{background:#dfebda}#drive-reason{color:#6b7c71;font-size:11px;line-height:1.6}.track-issue{color:#914b32;white-space:normal;text-align:left;background:#fbf3e7;justify-content:flex-start;width:100%;margin-top:8px;padding:10px;font-size:10px;line-height:1.5}.track-issue:hover:enabled{background:#efe0c9}.track-issue:disabled{opacity:1}.track-issue.warning{color:#6b6839;background:#ececd7}.editor-status{gap:18px;min-height:46px;font-size:10px}.editor-status>span{white-space:nowrap}#editor-status{text-overflow:ellipsis;overflow:hidden}.editor-help{color:#6b7c71;margin-left:auto}@media (width<=1150px){.editor-topbar{gap:18px}.editor-palette{flex-basis:176px;padding:20px 12px}.tool{gap:7px;padding:7px}.edit-tools .tool{gap:3px;padding:6px}.edit-tools .tool svg{width:16px;height:16px}.editor-inspector{flex-basis:215px}.editor-help{display:none}}@media (width<=800px){.editor-topbar .brand{display:none}.editor-topbar{gap:10px;padding:10px}.editor-topbar .actions{gap:4px}.editor-topbar .actions button{min-width:0;padding:9px;font-size:10px}.track-title input{font-size:15px}.track-title>span{display:none}.editor-palette{flex-basis:132px;padding:14px 8px}.editor-palette h1,.editor-palette p,.tool small{display:none}.tool{gap:6px;padding:7px}.tool svg{width:24px;height:24px}.tool span{font-size:10px}.edit-tools{flex-direction:column}.map-toolbar{flex-wrap:wrap;max-width:calc(100% - 16px);top:8px;left:8px}.map-toolbar button{padding:7px;font-size:10px}}.button-link{color:#183631;white-space:nowrap;border:1px solid #18363130;border-radius:6px;justify-content:center;align-items:center;padding:10px 15px;font-size:12px;text-decoration:none;display:inline-flex}.button-link:hover{background:#e3e9dc}.track-preview{flex:1;min-height:0;display:flex}.track-summary{background:#f3f4eb;border-right:1px solid #18363120;flex:0 0 280px;padding:28px 24px;overflow-y:auto}.track-summary p{color:#576d63;font-size:13px;line-height:1.6}.track-summary h2{letter-spacing:0;margin-top:28px;font-size:14px}#track-result{background:#dfebda;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}#track-route{padding-left:22px;font-size:12px;line-height:2.2}.track-summary .preview-note{margin-top:28px;font-size:11px}#track-viewport{flex:1;min-width:0;position:relative}@media (width<=700px){.track-preview{flex-direction:column}.track-summary{flex:none;padding:12px 18px}.track-summary p,.track-summary h2,#track-route{display:none}#track-result{padding:6px}}@media (width<=1100px){.controls,.stage{display:none}}@media (width<=650px){.topbar,.statusbar{gap:10px;padding:12px}.brand{font-size:12px}.course-panel{width:180px;padding:12px;top:12px;left:12px}h1{font-size:20px}.course-panel p{display:none}.course-panel label{margin-top:12px}.speed-panel{min-width:150px;bottom:12px;right:12px}#speed{font-size:42px}#driving-message{max-width:90%;bottom:125px;left:12px}.statusbar{font-size:10px}.brand-mark{display:none}}.home-intro h1{margin:14px 0;font-size:clamp(34px,4vw,52px)}.home-intro>p{margin:0}.car-picker{margin-top:26px}.car-picker fieldset{border:0;min-width:0;margin:0;padding:0}.car-picker legend{letter-spacing:-.025em;padding:0;font-size:21px;font-weight:700}.car-picker-help{color:#576d63;margin:8px 0 16px;font-size:13px;line-height:1.5}.car-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.car-option{cursor:pointer;background:#f7f7ef;border:2px solid #18363120;border-radius:12px;min-width:0;display:grid;position:relative;overflow:hidden}.car-option:hover{border-color:#668477}.car-option:has(input:checked){border-color:#bd5b2d;box-shadow:0 0 0 1px #bd5b2d}.car-option:has(input:focus-visible){outline-offset:4px;outline:3px solid #183631}.car-option input{accent-color:#bd5b2d;z-index:1;width:18px;height:18px;margin:0;position:absolute;top:14px;left:14px}.car-option img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.car-option-copy{gap:5px;padding:14px 16px 16px;display:grid}.car-option-copy strong{font-size:15px}.car-option-copy small{color:#576d63;font-size:11px}.car-selected{color:#fff;background:#bd5b2d;border-radius:5px;padding:5px 8px;font-size:10px;font-weight:700;display:none;position:absolute;top:10px;right:10px}.car-option:has(input:checked) .car-selected{display:block}.car-picker fieldset:disabled{opacity:.65}.car-picker fieldset:disabled .car-option{cursor:wait}.car-picker-status{color:#576d63;margin:8px 0 0;font-size:12px;line-height:1.5}.car-picker-status:empty{display:none}.car-dialog{color:#183631;background:#e8eddf;border:1px solid #18363130;border-radius:16px;width:min(960px,100vw - 40px);max-height:calc(100dvh - 40px);margin:auto;padding:28px;overflow-y:auto;box-shadow:0 18px 70px #102b3550}.car-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102b35a6}.car-dialog .car-picker{margin-top:0}.car-dialog-close{margin:22px 0 0 auto;display:block}@media (width<=650px){.car-options{grid-template-columns:1fr}.car-option{grid-template-columns:42% 1fr;align-items:center}.car-option-copy{padding:30px 12px 14px}.car-option-copy strong{font-size:13px}.car-dialog{padding:20px}}