:root{font-family:DM Sans,Avenir Next,sans-serif;color:#263d32;background:#f7f8f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #294f3c;--muted: #8a9288;--line: #e5e8dd;--cream: #f7f8f2}*{box-sizing:border-box}body{margin:0;min-width:360px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #96af79;outline-offset:4px}a{color:inherit}button{border:0;background:none}svg{flex-shrink:0}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Avenir Next,sans-serif}button{transition:background .18s ease,color .18s ease,transform .18s ease,border-color .18s ease}.site-header{height:94px;background:#fcfcf8;border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:0 52px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand-link{text-decoration:none}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border-radius:14px 14px 14px 4px;background:var(--green);color:#e4edd5}.brand>div{display:flex;flex-direction:column}.brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:28px;letter-spacing:-1.5px;line-height:1.05}.brand-dot{color:#8fa271}.brand-subtitle{font-size:7px;font-weight:650;letter-spacing:1.7px;margin-top:7px}.main-nav{display:flex;height:100%;align-items:center;gap:33px;margin-left:40px}.nav-item{font-size:13px;color:#838b7f;font-weight:550;height:100%;padding:0 3px;position:relative;display:flex;gap:5px;align-items:center}.nav-item:hover,.nav-item.active{color:var(--green)}.nav-item.active:after{content:"";position:absolute;bottom:21px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--green)}.header-right{display:flex;align-items:center;gap:21px}.location-pill{display:flex;align-items:center;gap:8px;border:1px solid #e3e6d9;border-radius:100px;padding:9px 12px;color:#5c6d57;font-size:11px;font-weight:550}.status-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#90a37b;flex-shrink:0}.status-dot.live{background:#acda88;box-shadow:0 0 0 3px #acda8820}.help-button{color:#7c8b74;padding:3px}.learner-avatar{width:32px;height:32px;border-radius:50%;background:#e9edde;border:1px solid #dfe4d3;font-size:13px;font-weight:650;display:grid;place-items:center;color:#5f7058}.main-content{max-width:1440px;margin:auto;padding:42px 52px 0}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#7b8b6a}.heading-eyebrow{display:flex;gap:8px;align-items:center;margin-bottom:11px}.small-line{width:17px;height:1px;background:#8b9b79;display:inline-block}h1{font-size:32px;font-weight:650;letter-spacing:-1.4px;line-height:1.25}h1>span{color:#819a66}.page-heading p{font-size:12px;color:#8c9487;margin-top:10px;letter-spacing:.02px}.heading-meta{display:flex;flex-direction:column;align-items:flex-end;gap:9px;padding-bottom:2px}.heading-meta>span{display:flex;align-items:center;gap:5px;font-size:11px;color:#7e8b74}.heading-meta .real-map-badge{color:#798768;font-size:9px;background:#ebefdf;padding:5px 8px;border-radius:5px}.driving-workspace{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:24px;align-items:start}.simulation-card{border:1px solid #dce1d6;border-radius:13px;overflow:hidden;box-shadow:0 8px 26px #25412f06;background:#fff}.scene-wrap{height:clamp(450px,39vw,586px);position:relative;overflow:hidden;background:#b7c9b0;isolation:isolate}.scene-layer{position:absolute;inset:0}.scene-layer canvas{display:block;width:100%;height:100%}.scene-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#1b2d2799 0%,transparent 23%,transparent 83%,#2940332b 100%);z-index:1}.scene-topbar{position:absolute;z-index:3;top:19px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-badge{display:inline-flex;align-items:center;gap:7px;color:#f6f6e6;background:#263f32cd;border:1px solid #ffffff1a;padding:7px 10px;font-size:8px;font-weight:600;letter-spacing:1px;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scene-badge .status-dot{background:#b0cb94}.conditions-badge{display:flex;align-items:center;gap:6px;font-size:9px;color:#263d32;background:#f8f8eead;padding:6px 8px;border-radius:5px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.scene-tools{position:absolute;z-index:5;display:flex;flex-direction:column;gap:6px;right:19px;top:62px}.scene-tools button{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff5a;color:#f0f4e9;border-radius:5px;background:#24423580;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.scene-tools button:hover{background:var(--green)}.mirror-frame{position:absolute;z-index:2;width:175px;height:55px;top:22px;left:50%;transform:translate(-50%);padding:0;border:5px solid #303a35;background:transparent;box-shadow:0 3px 7px #0005,inset 0 0 0 1px #798379;border-radius:9px;cursor:pointer}.mirror-screen{display:block;width:100%;height:100%;border-radius:3px}.mirror-frame>span{position:absolute;bottom:4px;left:50%;transform:translate(-50%);color:#f4f5e8;font-size:5px;letter-spacing:1px;text-shadow:0 1px 2px #000}.mirror-frame>span.mirror-screen{position:static;transform:none}.start-panel{position:absolute;z-index:3;left:26px;bottom:75px;padding:20px 23px 17px;color:#f5f5e6;background:#233e30df;border:1px solid #ffffff15;border-radius:9px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);max-width:calc(100% - 52px);box-shadow:0 8px 22px #182c2826}.start-caption{font-size:7px;font-weight:600;letter-spacing:1.6px;display:flex;align-items:center;gap:7px;color:#b2c591}.start-panel h2{font-size:19px;font-weight:550;letter-spacing:-.6px;margin-top:10px}.start-panel p{font-size:10px;color:#becbb7;line-height:1.8;margin:8px 0 16px}.button{padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:6px;font-size:11px;font-weight:550;line-height:1.4;text-decoration:none}.primary{color:#fffdf0;background:var(--green)}.primary:hover{background:#3b624b}.secondary{border:1px solid #dce1d2;background:#f7f8f2;color:var(--green)}.secondary:hover{background:#eef1e5}.start-button{background:#d9e7bc;color:#284735;padding:11px 14px;gap:9px;min-width:178px}.start-button>svg:last-child{margin-left:11px}.start-button:hover{background:#e8f2d4;transform:translateY(-1px)}.start-footnote{display:flex;gap:5px;align-items:center;font-size:7px;margin-top:11px;color:#a0b095}.scene-bottom-info{position:absolute;bottom:17px;left:20px;right:20px;z-index:3;display:flex;align-items:center;justify-content:space-between;color:#e3e8d8}.scene-bottom-info>span:first-child{display:flex;align-items:center;gap:5px;font-size:9px}.camera-label{font-size:6px;font-weight:500;letter-spacing:1.2px;opacity:.7}.driving-hud{position:absolute;z-index:3;bottom:32px;right:30px;display:flex;align-items:center;gap:13px;color:#f4f4e5;filter:drop-shadow(0 2px 8px #18291c88)}.speedometer{position:relative;display:flex;flex-direction:column;text-align:center}.speedometer:before{content:"";position:absolute;width:82px;height:82px;top:-5px;left:50%;transform:translate(-50%);border-radius:50%;border:2px solid #edf4d760;border-bottom-color:transparent;border-right-color:#edf4d725}.speed-number{font-family:Manrope,sans-serif;font-size:37px;font-weight:450;letter-spacing:-2px;line-height:1.3;font-variant-numeric:tabular-nums;min-width:64px}.speed-number.overspeed{color:#facfb3}.speed-unit{font-size:8px;color:#ccd7ba}.gear-speed{display:flex;flex-direction:column;gap:7px;align-items:center;padding-left:5px}.gear-letter{font-size:13px;font-weight:550}.speed-limit{width:25px;height:29px;border-radius:3px;background:#f5f4e5;border:1px solid #bcc3b3;color:#2e3f32;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:12px;font-weight:600;position:relative}.speed-limit:before{content:"MAX";position:absolute;font-size:4px;top:2px}.signal-indicator{color:#d9e6c0;opacity:.22;margin-top:-18px}.signal-indicator.blinking{opacity:1;color:#b9ea76;animation:blink .75s step-end infinite}.navigation-instruction{position:absolute;z-index:3;top:88px;left:20px;display:flex;gap:12px;color:#f2f6e8;background:#233c30e6;border:1px solid #ffffff1d;border-radius:8px;padding:12px 15px;max-width:calc(100% - 95px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.turn-icon{color:#d3e5b6;display:grid;place-items:center}.navigation-instruction small{display:block;color:#c2cbb8;font-size:9px;margin-bottom:4px}.navigation-instruction strong{display:block;font-size:13px;font-weight:500}.live-feedback{position:absolute;z-index:3;bottom:98px;left:20px;display:flex;align-items:flex-start;gap:7px;padding:10px 12px;max-width:min(360px,calc(100% - 40px));background:#f7f8e9ed;color:#415941;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px;line-height:1.6;border:1px solid #e9edde;animation:rise-in .25s ease-out}.feedback-error{color:#805841;background:#fff3e6ec;border-color:#e3cbb7}.live-feedback>svg{margin-top:1px}.mobile-feedback-slot{display:none}.failure-reason{display:flex;align-items:flex-start;gap:12px;background:#fff3e6;border:1px solid #e3cbb7;color:#805841;border-radius:8px;padding:15px;margin:18px 0}.failure-reason>svg{flex-shrink:0}.failure-reason strong{font-size:12px}.failure-reason p{margin:6px 0 0;font-size:12px;line-height:1.6}.result-score.failed-score>span{font-size:36px;color:#805841;letter-spacing:0}.session-list-score.failed-score{color:#805841;font-size:15px}.simulation-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fcfcf7}.toolbar-left,.toolbar-right{display:flex;align-items:center}.toolbar-left{gap:14px}.session-status{font-size:9px;display:flex;align-items:center;gap:7px;color:#77856d}.session-live{color:#416846}.toolbar-divider{height:12px;width:1px;background:#dfe4d5}.session-timer{display:flex;gap:5px;align-items:center;font-size:9px;color:#98a08d;font-variant-numeric:tabular-nums}.toolbar-right{gap:12px}.toolbar-button{font-size:9px;display:flex;align-items:center;gap:5px;padding:5px 3px;color:#89967c}.toolbar-button:hover{color:var(--green)}.toolbar-right .toolbar-button:last-child{margin-left:4px;padding-left:12px;border-left:1px solid #e1e5d9}.control-deck{padding:22px 0 17px}.control-deck-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.control-deck-heading h3{display:flex;align-items:center;gap:7px;font-family:inherit;font-size:11px;font-weight:550;color:#62715b}.control-deck-heading h3 svg{color:#839474}.control-deck-heading>button{display:flex;align-items:center;gap:4px;font-size:9px;color:#8d9980}.quick-controls{display:grid;grid-template-columns:1.05fr .9fr 1.15fr 1fr}.control-group{display:flex;align-items:center;gap:11px;border-right:1px solid #e2e6d9;padding:0 17px}.control-group:first-child{padding-left:0}.control-group:last-child{border:0;padding-right:0}.control-group>div:last-child{display:flex;flex-direction:column;gap:5px}.control-group strong{font-size:9px;font-weight:500;color:#5d6d53;white-space:nowrap}.control-group span{font-size:7px;color:#99a18e;white-space:nowrap}kbd{font-family:inherit;min-width:25px;height:27px;font-size:9px;font-weight:500;background:#fcfcf6;color:#65745a;border:1px solid #dfe4d5;border-bottom:2px solid #d2dbc5;border-radius:4px;padding:4px 7px;display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;box-shadow:0 2px 2px #31452303}.arrow-keys{display:flex!important;flex-direction:column;gap:3px;align-items:center}.arrow-keys>kbd{height:20px;min-width:21px;padding:2px;font-size:8px}.arrow-keys>div{display:flex;gap:3px}.arrow-keys>div kbd{min-width:21px;height:20px;font-size:8px;padding:2px}.two-keys{display:flex;gap:4px}.learning-note{background:#edf1e2;border-radius:7px;padding:13px 14px;display:flex;align-items:center;gap:10px}.note-icon{width:29px;height:29px;border-radius:50%;background:#e0e8cf;display:grid;place-items:center;color:#859569}.learning-note p{color:#8b987b;font-size:9px;line-height:1.6;flex:1}.learning-note strong{color:#6f815c;font-weight:550;margin-right:5px}.learning-note>button{color:#9fab8f;padding:2px}.route-card{background:#fdfdf8;border:1px solid #e0e5d7;border-radius:11px;padding:20px 19px}.card-eyebrow{display:flex;justify-content:space-between;align-items:center;color:#8e9c7d;font-size:8px;font-weight:550;letter-spacing:1.15px}.card-eyebrow svg{opacity:.75}.route-title-row{display:flex;align-items:flex-start;justify-content:space-between;margin-top:14px;margin-bottom:18px}.route-title-row h2{font-size:18px;font-weight:650;letter-spacing:-.65px}.route-title-row p{font-size:9px;color:#96a088;margin-top:5px}.icon-button{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e4e8dc;border-radius:6px;color:#849775;background:#f7f9ef}.icon-button:hover{background:#e8eddd}.subtle{width:26px;height:26px;margin-top:3px}.route-map-wrap{position:relative;height:192px;border-radius:6px;overflow:hidden;border:1px solid #e3e8dc;background:#eff1e8}.route-map{width:100%;height:100%;display:block}.map-chip{position:absolute;bottom:9px;left:9px;display:flex;align-items:center;gap:4px;font-size:7px;font-weight:500;color:#718261;background:#fcfdf1e0;box-shadow:0 1px 4px #31452c10;border:1px solid #e0e6d6;padding:4px 6px;border-radius:4px}.map-expand{position:absolute;bottom:8px;right:8px;display:grid;place-items:center;width:25px;height:25px;color:#789263;background:#fcfdf4df;border:1px solid #dde5d2;border-radius:4px}.route-stats{display:grid;grid-template-columns:1fr 1.1fr 1fr;margin:19px 0 18px}.route-stats>div{display:flex;flex-direction:column;gap:6px;border-right:1px solid #e5e8db;padding-left:13px}.route-stats>div:first-child{padding-left:0}.route-stats>div:last-child{border:0;padding-left:11px}.route-stats strong{font-size:13px;font-weight:550;color:#536746;line-height:1.3;white-space:nowrap}.route-stats small{font-size:8px;font-weight:400}.route-stats span{font-size:7px;color:#9ba68c}.route-stats .difficulty{font-size:9px;display:flex;gap:4px;align-items:center;height:17px}.difficulty>span{width:4px;height:4px;border-radius:50%;background:#94a877}.route-progress{border-top:1px solid #e9ecdf;padding-top:14px;margin-bottom:19px}.route-progress>div:first-child{display:flex;justify-content:space-between;font-size:7px;color:#8e9c7e;margin-bottom:8px}.progress-track{height:3px;border-radius:4px;background:#e9edde;overflow:hidden}.progress-track>span{display:block;height:100%;background:#879d69;border-radius:4px;transition:width .3s}.route-exercises{border-top:1px solid #e9ecdf;padding-top:15px}.route-exercises h3{font-family:inherit;font-size:9px;font-weight:500;color:#7b8e69;margin-bottom:13px}.route-exercises>div{display:flex;align-items:center;gap:9px;font-size:9px;color:#7b8e6a;margin-bottom:13px}.route-exercises>div>svg{color:#99aa82}.exercise-tick{margin-left:auto;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#eff2e5;color:#9aab83}.route-change{border:1px solid #e0e6d3;background:#f6f8ec;width:100%;margin-top:1px;color:#6d805b;padding:9px 12px;font-size:9px;justify-content:space-between}.route-change:hover{background:#edf1de}.mode-card{border:1px solid #e0e5d6;background:#f2f5e9;border-radius:9px;margin-top:16px;padding:16px 17px}.mode-card-heading{display:flex;align-items:center;gap:9px}.coach-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#869a6b;background:#e7edd8}.mode-card h3{font-family:inherit;font-size:10px;font-weight:500;color:#65794f}.mode-card-heading p{font-size:7px;color:#9aa98a;margin-top:4px}.mode-selector{margin-top:13px;border:1px solid #dde5d0;padding:3px;display:flex;background:#e9efde;border-radius:6px}.mode-selector button{flex:1;font-size:8px;color:#8a9a77;display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-radius:4px}.mode-selector .selected{color:#647f4c;background:#fbfcf5;box-shadow:0 1px 3px #3a553314}.mode-description{font-size:8px;color:#93a481;line-height:1.7;margin-top:9px}.text-button{display:flex;align-items:center;justify-content:center;gap:5px;color:#71875c;font-size:10px;padding:7px 0}.finish-button{margin-top:5px;font-size:8px;width:100%}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;margin-top:15px;border-top:1px solid #e4e8da;color:#a3ad95;font-size:8px}.site-footer>span{display:flex;align-items:center;gap:6px}.site-footer>div{display:flex;align-items:center;gap:7px}.site-footer a{text-decoration:none}.site-footer button{font-size:inherit;padding:0;color:inherit}.site-footer button:hover,.site-footer a:hover{color:#617a4d}.scene-message{position:absolute;inset:0;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:center;text-align:center;background:#dae2ce;color:#536b43;padding:30px;z-index:6}.scene-message strong{font-size:16px}.scene-message span{font-size:11px;max-width:400px}.scene-message code{font-size:10px;max-width:80%;overflow-wrap:anywhere}.scene-error{background:#ebe7d8}.spin{animation:spin 1.3s linear infinite}.pause-overlay{position:absolute;inset:0;background:#17362850;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:5;display:grid;place-items:center}.pause-card{border-radius:12px;background:#f6f8ed;border:1px solid #ffffff80;padding:28px 32px;text-align:center;box-shadow:0 10px 40px #1f3a2a20;display:flex;align-items:center;flex-direction:column;gap:12px}.pause-card h2{font-size:22px;font-weight:600;letter-spacing:-.7px}.pause-card p{font-size:11px;color:#859276;margin-bottom:7px}.pause-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#66844f;background:#e5eddb;margin-bottom:1px}.on-screen-controls{margin:18px 0 0;border:1px solid #dce4d0;border-radius:10px;padding:15px;display:flex;align-items:center;gap:16px;position:relative;flex-wrap:wrap;background:#fcfdf5}.touch-steering,.touch-pedals,.observation-buttons{display:flex;gap:6px}.touch-steering button{background:#e7eddd;border:1px solid #d4dfc6;border-radius:7px;width:44px;height:44px;display:grid;place-items:center;color:#657c51;touch-action:none;-webkit-user-select:none;user-select:none}.touch-steering button:active{background:#c9dcb0}.observation-buttons{flex:1;justify-content:center}.observation-buttons button{display:flex;flex-direction:column;gap:5px;align-items:center;font-size:8px;padding:7px 12px;background:#f1f5e9;border:1px solid #dfe7d5;border-radius:5px;color:#91a07d}.observation-buttons button.engaged{background:#dae9c6;color:#466736;border-color:#abc890}.touch-pedals button{display:flex;flex-direction:column;align-items:center;justify-content:center;height:45px;width:55px;border-radius:6px;font-size:8px;gap:1px;touch-action:none;-webkit-user-select:none;user-select:none}.brake-pedal{background:#f0e5d6;color:#926943;border:1px solid #e0caae}.reverse-pedal{background:#e4ebed;color:#4c6976;border:1px solid #c1d2d8}.gas-pedal{background:#d9e7c2;color:#506d37;border:1px solid #bbcea1}.drive-utilities{display:flex;justify-content:center;gap:16px;width:100%}.drive-utilities button{font-size:9px;display:flex;align-items:center;gap:5px;color:#81946a;padding:3px 0}.modal{border:1px solid #d9e2cc;padding:0;border-radius:14px;width:min(520px,calc(100vw - 36px));max-height:calc(100dvh - 60px);color:#344d36;background:#fcfdf6;box-shadow:0 28px 100px #162c2460}.modal::backdrop{background:#19372ab0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-wide{width:min(810px,calc(100vw - 40px))}.modal-header{position:sticky;top:0;z-index:2;padding:27px 28px 21px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edde;background:#fcfdf6}.modal-header h2{margin-top:6px;font-size:24px;letter-spacing:-.85px;font-weight:600}.modal-body{padding:24px 28px 28px}.modal-intro{font-size:12px;color:#859573;line-height:1.8;margin-bottom:21px}.modal .eyebrow{font-size:8px}.keybinding-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:14px;border-bottom:1px solid #ebefe2;font-size:11px;color:#6f845a}.keybinding-list kbd{font-size:10px;height:25px}.info-box{background:#eff3e4;color:#7c9462;border:1px solid #e2e9d4;border-radius:7px;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-top:21px;font-size:10px;line-height:1.75}.info-box svg{margin-top:2px}.modal-cta{width:100%;margin-top:21px}.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.route-option{text-align:left;padding:0;border:1px solid #dfe7d5;border-radius:9px;overflow:hidden;background:#f8faf1}.route-option:hover{border-color:#97b578;background:#f0f5e4}.route-option.current-route{border-color:#83a561;box-shadow:0 0 0 1px #a2bd83}.route-option .route-map{height:180px}.route-option>div{padding:18px 18px 14px}.route-option-tag{font-size:9px;color:#94a47d}.route-option h3{font-size:17px;font-weight:600;letter-spacing:-.5px;margin-top:5px}.route-option p{font-size:10px;color:#879975;line-height:1.7;margin-top:7px;min-height:51px}.route-option-bottom{display:flex;justify-content:space-between;margin-top:16px;font-size:9px;color:#7e9662}.route-option-bottom>span{display:flex;align-items:center;gap:4px}.settings-section{padding-bottom:17px}.settings-section h3,.settings-row h3{font-family:inherit;font-size:12px;font-weight:550}.weather-options{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.weather-options button{border:1px solid #e0e7d4;background:#f5f8ed;padding:18px 10px 14px;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:11px;position:relative;color:#9aa88a;font-size:9px}.weather-options button.selected{border-color:#9cba7e;background:#eaf2db;color:#6f8c50}.weather-check{position:absolute;top:7px;right:7px}.setting-note{font-size:9px;color:#91a17e;margin-top:10px;line-height:1.7}.settings-row{border-top:1px solid #e8edde;padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:15px}.settings-row p{font-size:9px;color:#95a582;margin-top:5px}select{border:1px solid #dbe4cb;background:#f4f8e9;color:#799359;font-size:10px;padding:8px 11px;border-radius:5px;max-width:145px}.toggle{border:1px solid #d7e0ca;width:37px;height:21px;padding:3px;background:#e4ebd9;border-radius:100px}.toggle>span{display:block;width:13px;height:13px;background:#fffdf4;border-radius:50%;box-shadow:0 1px 3px #30482020;transition:transform .2s}.toggle.on{background:#87a55f;border-color:#77994f}.toggle.on>span{transform:translate(16px)}.empty-state{text-align:center;padding:20px 0 25px}.empty-state>span{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#e7efda;color:#8da96c;margin:0 auto 21px}.empty-state h3{font-size:20px;font-weight:550;letter-spacing:-.6px}.empty-state p{font-size:11px;color:#8e9e7a;margin:12px auto 22px;max-width:330px;line-height:1.8}.privacy-note{font-size:9px;color:#9aa88a;margin-top:22px;line-height:1.7}.storage-note{font-size:10px;color:#927a54;margin-top:10px}.progress-summary{display:grid;grid-template-columns:repeat(3,1fr);background:#edf3e1;border:1px solid #dfe9ce;padding:21px;border-radius:8px;margin-bottom:21px}.progress-summary>div{display:flex;flex-direction:column;gap:9px;border-right:1px solid #d8e3c6;padding-left:23px}.progress-summary>div:first-child{padding-left:0}.progress-summary>div:last-child{border:0}.progress-summary span{font-size:10px;color:#93a67c}.progress-summary strong{font-size:29px;color:#567640;font-family:Manrope,sans-serif;font-weight:550;letter-spacing:-1px}.progress-summary small{font-size:11px;letter-spacing:0}.session-list>div{display:flex;align-items:center;gap:11px;border-bottom:1px solid #e5edda;padding:15px 0}.session-list-icon{display:grid;place-items:center;width:38px;height:38px;background:#edf3e2;border-radius:7px;color:#96ad7a}.session-list>div>div{flex:1;display:flex;flex-direction:column;gap:5px}.session-list strong{font-size:12px;font-weight:500}.session-list>div>div>span{font-size:9px;color:#91a57a}.session-list-score{font-size:20px;font-weight:550;color:#668949}.session-list-score small{font-size:9px;margin-left:3px;color:#9eaf8b}.results-top{display:flex;gap:29px;align-items:center;background:#edf3e1;border:1px solid #dbe7cb;padding:23px;border-radius:10px}.result-score{display:flex;flex-direction:column;align-items:center;min-width:100px}.result-score>span{font-family:Manrope,sans-serif;font-size:50px;font-weight:500;color:#608441;letter-spacing:-2px}.result-score>small{font-size:6px;color:#9aad82;letter-spacing:.8px}.results-top h3{font-size:20px;font-weight:550;letter-spacing:-.6px}.results-top p{font-size:10px;color:#8da476;margin-top:7px}.result-badge{font-size:8px;display:inline-flex;gap:4px;align-items:center;background:#dfeaca;color:#80a45b;padding:5px 8px;border-radius:5px;margin-top:10px}.skill-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:24px}.skill-scores>div{display:flex;flex-direction:column;gap:7px}.skill-scores span{font-size:10px;color:#859e6e}.skill-scores strong{font-size:21px;font-weight:500;color:#638744}.skill-scores small{font-size:9px;color:#a2b38e;margin-left:3px}.feedback-heading{margin:27px 0 12px;font-size:13px;font-weight:550}.feedback-log{max-height:220px;overflow:auto;border:1px solid #e4ebd8;border-radius:7px;background:#f6f9ef}.feedback-log>div{display:flex;gap:9px;align-items:flex-start;padding:11px 13px;font-size:10px;color:#869e6d;border-bottom:1px solid #e5ecd9;line-height:1.7}.feedback-log>div:last-child{border:0}.feedback-log svg{color:#a4b18c;margin-top:2px}.feedback-time{color:#adb99c;font-size:9px;font-variant-numeric:tabular-nums;margin-right:3px}.result-actions{display:flex;gap:10px;margin-top:20px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px}.about-photo img{width:100%;display:block;border-radius:8px;aspect-ratio:4/3;object-fit:cover}.about-photo>span{display:block;font-size:9px;color:#829d67;margin-top:9px}.about-photo>small{display:block;font-size:7px;color:#a2b58b;margin-top:5px}.about-copy h3,.about-details h3{font-size:13px;font-weight:550;margin-bottom:8px}.about-copy p,.about-details p{font-size:10px;line-height:1.8;color:#8ba476;margin-bottom:18px}.about-copy a,.about-details a{color:#6f9153;text-underline-offset:3px}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid #e3ebd6;padding-top:21px;margin-top:20px}.about-details p{margin-bottom:0}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 0 0}.source-links a{display:flex;align-items:center;gap:4px;font-size:8px;color:#92aa78;text-decoration:none}.screen-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.simulation-card:fullscreen{background:var(--cream);border:0;border-radius:0;display:flex;flex-direction:column}.simulation-card:fullscreen .scene-wrap{height:auto;flex:1;width:100%}.simulation-card:fullscreen .simulation-toolbar{height:55px;flex-shrink:0}.simulation-card>.on-screen-controls{margin:0;border:0;border-top:1px solid #dce4d0;border-radius:0}.simulation-card:fullscreen .on-screen-controls{flex-shrink:0}.mock-map-message{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;gap:10px;color:#66815b;background:#f4f7ec}.mock-map-message strong{font-size:13px;color:#3d5741}.mock-map-message p{font-size:10px;line-height:1.8;margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:.2}}@keyframes rise-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:1600px){.scene-wrap{height:610px}.route-card{padding-top:23px;padding-bottom:23px}.route-map-wrap{height:222px}}@media(max-width:1200px){.header-inner{padding:0 30px}.main-content{padding:32px 30px 0}.driving-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:19px}.scene-wrap{height:490px}.quick-controls{grid-template-columns:1fr 1fr;gap:17px 0}.control-group:nth-child(2){border:0}.control-group:nth-child(3){padding-left:0}.control-group:nth-child(4){padding-left:17px}.start-panel{bottom:98px;left:20px;padding:17px}.start-panel h2{font-size:17px}.driving-hud{bottom:36px;right:20px}.mirror-frame{top:61px;width:145px;height:47px}.navigation-instruction{top:120px}}@media(max-width:1000px){.heading-meta{display:none}h1{font-size:30px}.main-nav{margin-left:0;gap:22px}.header-right{gap:12px}.location-pill{display:none}.driving-workspace{grid-template-columns:minmax(0,1fr) 248px;gap:17px}.route-card{padding:17px 15px}.route-title-row h2{font-size:16px}.route-map-wrap{height:173px}.scene-wrap{height:480px}.start-panel{max-width:calc(100% - 40px);bottom:118px}.conditions-badge{font-size:8px}.site-footer{flex-direction:column;align-items:flex-start;gap:10px}.observation-buttons button{padding-left:7px;padding-right:7px}.mode-card{padding:15px 12px}.route-stats>div{padding-left:8px}.route-stats>div:last-child{padding-left:8px}.route-stats strong{font-size:11px}.route-stats .difficulty{font-size:8px}}@media(max-width:800px){.site-header{height:78px}.header-inner{padding:0 22px}.brand-name{font-size:25px}.brand-mark{width:38px;height:38px;border-radius:12px 12px 12px 4px}.brand-subtitle{font-size:6px;letter-spacing:1.3px}.main-nav{gap:21px}.nav-item{font-size:11px}.nav-item.active:after{bottom:16px}.header-right{gap:12px}.help-button{display:none}.main-content{padding:29px 22px 0}.page-heading{margin-bottom:24px}h1{font-size:29px}.page-heading p{font-size:11px}.driving-workspace{display:flex;flex-direction:column}.main-column{width:100%}.scene-wrap{height:500px}.mirror-frame{top:22px}.navigation-instruction{top:90px}.start-panel{bottom:77px}.start-panel h2{font-size:19px}.route-sidebar{display:grid;grid-template-columns:1.3fr 1fr;width:100%;gap:15px}.route-card{padding:17px}.route-map-wrap{height:160px}.mode-card{margin-top:0;height:fit-content;padding:18px}.mode-card-heading{gap:9px}.mode-card-heading h3{font-size:10px}.route-exercises{display:none}.route-progress{margin-bottom:14px}.site-footer{margin-top:20px}.quick-controls{grid-template-columns:1.05fr .9fr 1.15fr 1fr;gap:0}.control-group:nth-child(2){border-right:1px solid #e2e6d9}.control-group:nth-child(3){padding-left:17px}.control-group{gap:8px;padding:0 12px}.control-group:nth-child(4){padding-left:12px}.control-group strong{font-size:8px}.control-group span{font-size:6px}.on-screen-controls{gap:10px;padding:12px}.observation-buttons{order:3;width:100%;flex:auto;justify-content:space-between}.touch-pedals{margin-left:auto}.drive-utilities{order:4}.observation-buttons button{flex:1}}@media(max-width:580px){.header-inner{padding:0 18px}.main-nav .nav-item:last-child{display:none}.main-nav{gap:17px}.learner-avatar{width:27px;height:27px;font-size:11px}.header-right{gap:0}.brand-subtitle{display:none}.brand-name{font-size:24px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:21px}.brand{gap:8px}.site-header{height:70px}.main-content{padding:25px 16px 0}.heading-eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:25px;letter-spacing:-1px;max-width:290px}.page-heading p{line-height:1.7;max-width:310px;font-size:10px}.scene-wrap{height:440px}.scene-topbar{top:13px;left:13px;right:13px}.scene-badge{font-size:6px;padding:6px 7px;letter-spacing:.65px}.conditions-badge{font-size:7px;padding:5px 6px;gap:4px}.conditions-badge svg{width:12px}.mirror-frame{display:none}.scene-tools{top:51px;right:13px}.scene-tools button{width:28px;height:28px}.start-panel{bottom:108px;left:17px;padding:18px;max-width:calc(100% - 75px)}.start-panel h2{font-size:16px}.start-panel p{font-size:9px}.start-caption{font-size:6px}.start-button{min-width:163px;font-size:10px;padding:10px 12px}.driving-hud{right:22px;bottom:32px;gap:10px}.speed-number{font-size:31px;min-width:53px}.speedometer:before{width:69px;height:69px}.scene-bottom-info{left:14px;right:14px;bottom:13px}.scene-bottom-info>span:first-child{font-size:8px}.camera-label{font-size:5px}.simulation-toolbar{padding:0 13px;height:45px}.toolbar-left{gap:9px}.toolbar-right{gap:7px}.session-status,.session-timer{font-size:7px}.toolbar-button{font-size:7px;gap:3px}.toolbar-button svg{width:14px}.toolbar-divider{display:none}.quick-controls{grid-template-columns:1fr 1fr;gap:16px 0}.control-group:nth-child(2){border:0}.control-group:nth-child(3){padding-left:0}.control-group:nth-child(4){padding-left:15px}.control-group{gap:11px;padding:0 15px}.control-group strong{font-size:9px}.control-group span{font-size:7px}.control-deck-heading h3{font-size:10px}.control-deck-heading>button{font-size:8px}.control-deck{padding:19px 0}.learning-note{padding:11px 12px;gap:8px}.learning-note p{font-size:8px}.note-icon{width:25px;height:25px}.route-sidebar{grid-template-columns:1fr;gap:13px}.route-card{padding:18px}.route-map-wrap{height:180px}.route-exercises{display:block}.route-exercises>div{font-size:10px;margin-bottom:14px}.route-stats strong{font-size:14px}.route-stats .difficulty{font-size:10px;height:19px}.route-stats span{font-size:8px}.route-progress>div:first-child{font-size:8px}.route-title-row h2{font-size:19px}.mode-card h3{font-size:12px}.mode-card-heading p,.mode-description{font-size:9px}.mode-selector button{font-size:9px;padding:8px}.mode-card{padding:18px}.site-footer>div{flex-wrap:wrap;line-height:1.7}.site-footer{font-size:7px}.navigation-instruction{top:59px;left:13px;padding:10px 11px;max-width:calc(100% - 67px);gap:8px}.navigation-instruction strong{font-size:11px}.navigation-instruction small{font-size:8px}.turn-icon svg{width:23px}.live-feedback{bottom:120px;left:13px;max-width:calc(100% - 26px);font-size:9px}.pause-card{padding:23px;max-width:calc(100% - 35px)}.pause-card h2{font-size:20px}.pause-card p{font-size:10px}.modal-header{padding:22px 21px 17px}.modal-header h2{font-size:21px}.modal-body{padding:20px 21px 23px}.modal-intro{font-size:11px}.route-options{grid-template-columns:1fr}.route-option .route-map{height:150px}.route-option p{min-height:0}.about-layout,.about-details,.source-links{grid-template-columns:1fr}.about-copy{padding-top:0}.about-details{gap:16px}.results-top{padding:18px;gap:17px}.results-top h3{font-size:16px}.results-top p{font-size:9px;line-height:1.7}.result-score{min-width:80px}.result-score>span{font-size:42px}.result-score>small{font-size:5px}.skill-scores{gap:12px}.skill-scores span{font-size:9px}.result-actions{flex-direction:column}.progress-summary{padding:17px 12px;gap:10px}.progress-summary>div{padding-left:8px;gap:7px}.progress-summary span{font-size:8px}.progress-summary strong{font-size:23px}.progress-summary small{font-size:9px}.session-list strong{font-size:11px}.session-list>div>div>span{font-size:8px}.weather-options button{padding-left:6px;padding-right:6px;font-size:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.scene-wrap .side-mirror{display:block;top:61%;width:clamp(88px,16%,165px);height:auto;aspect-ratio:1.72;transform:none;border-width:7px;border-radius:20px 14px 15px 22px}.scene-wrap .left-mirror{left:1.6%}.scene-wrap .right-mirror{left:auto;right:1.6%;width:clamp(78px,14%,145px);border-radius:14px 20px 22px 15px}.side-mirror:before{content:"";position:absolute;width:25px;height:12px;background:#303a35;top:63%;z-index:-1}.left-mirror:before{left:-20px;transform:rotate(22deg)}.right-mirror:before{right:-20px;transform:rotate(-22deg)}.side-mirror .mirror-screen{border-radius:12px}.scene-wrap[data-driver=false] .side-mirror{display:none}.scene-wrap[data-driver=true] .driving-hud{width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.scene-wrap[data-observation=left] .mirror-frame,.scene-wrap[data-observation=right] .mirror-frame,.scene-wrap[data-observation=scan] .mirror-frame{visibility:hidden}.scene-wrap[data-observation=mirror] .mirror-frame,.mirror-frame:focus-visible{outline:2px solid #d7eda9;outline-offset:3px;box-shadow:0 0 0 5px #294f3c66}.camera-driver .start-panel{left:50%;transform:translate(-50%)}.scene-wrap .live-feedback{top:calc(61% - 70px);bottom:auto}.navigation-instruction{padding:13px 16px;gap:13px;border-color:#b2ffe544;box-shadow:0 5px 25px #162f2f33}.navigation-instruction .turn-icon{color:#9df5df;display:flex;align-items:center}.navigation-distance{font-size:23px;line-height:1.1;font-weight:600;margin-bottom:6px;font-variant-numeric:tabular-nums}.navigation-distance span{font-size:11px;font-weight:400;color:#d1e3cf}.navigation-instruction strong{font-size:15px}.driving-minimap{position:absolute;z-index:3;top:62px;right:20px;width:128px;overflow:hidden;border:1px solid #ecf7dc88;border-radius:10px;background:#e4eadbf2;box-shadow:0 4px 16px #172c3433}.scene-wrap:has(.driving-minimap) .scene-tools{top:190px;flex-direction:row}.minimap-heading{height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#395844;font-size:7px;font-weight:600;letter-spacing:.9px}.minimap-heading button{display:flex;align-items:center;justify-content:center;background:transparent;color:#395844;border:0;width:25px;height:20px;cursor:pointer}.minimap-heading button:focus-visible{outline:2px solid #148e80;outline-offset:-2px}.driving-minimap svg{display:block;width:100%;height:80px}.minimap-footer{height:17px;display:flex;align-items:center;gap:5px;padding:0 7px;font-size:8px;color:#3c5b47}.minimap-route-key{width:12px;height:3px;background:#148e80;border-radius:2px}.volume-setting{display:flex;align-items:center;gap:12px;color:#496044;font-size:11px}.volume-setting input{flex:1;min-width:0;accent-color:#46784f}.volume-setting>span{width:32px;text-align:right;font-variant-numeric:tabular-nums}.audio-settings{padding-top:16px}.audio-test-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.audio-test-row p{font-size:10px;line-height:1.6;color:#708266;margin:0}.audio-test-row .button{flex-shrink:0;padding:9px 12px;font-size:10px}.recorded-route-badge{display:inline-flex;align-items:center;gap:5px;color:#53754d;font-size:9px;margin:1px 0 13px}.recorded-route-evidence{border:1px solid #dfe7d5;border-radius:9px;padding:17px 18px;margin-top:20px}.recorded-route-evidence h3{font-size:13px;margin:0 0 7px}.recorded-route-evidence>a{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#426843}.recorded-route-evidence p{color:#6a7e5d;font-size:10px;line-height:1.8;margin:9px 0 0}.recorded-chapters{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recorded-chapters a{display:inline-flex;gap:7px;border:1px solid #e1e8d8;border-radius:5px;padding:7px;font-size:9px;color:#4d6e48}.recorded-chapters time{color:#879879;font-variant-numeric:tabular-nums}@media(max-width:580px){.scene-wrap .rear-mirror{display:block;top:50px;width:104px;height:34px;border-width:4px}.scene-wrap .side-mirror{top:63%;width:74px;border-width:5px;border-radius:13px}.scene-wrap .right-mirror{width:66px}.mirror-frame>span:not(.mirror-screen){font-size:4px;letter-spacing:.7px}.camera-driver .start-panel{bottom:100px;max-width:calc(100% - 88px);padding:16px 12px}.navigation-instruction{top:97px;padding:10px 11px;gap:8px;max-width:calc(100% - 130px)}.navigation-instruction>div{min-width:0}.navigation-distance{font-size:19px;margin-bottom:4px}.navigation-distance span{font-size:9px}.navigation-instruction strong{font-size:12px}.navigation-instruction .turn-icon svg{width:29px}.scene-wrap .live-feedback{display:none}.mobile-feedback-slot{display:block;flex-shrink:0}.mobile-feedback-slot .live-feedback{position:static;max-width:none;border-radius:0;border-width:1px 0;padding:8px 13px;animation:none}.driving-minimap{top:97px;right:13px;width:92px;border-radius:7px}.scene-wrap:has(.driving-minimap) .scene-tools{top:51px}.minimap-heading{height:16px;font-size:5px;padding-left:6px}.minimap-heading button{height:16px;width:23px}.minimap-heading button svg{width:11px}.driving-minimap svg{height:40px}.minimap-footer{height:14px;font-size:6px;padding:0 6px}}