html,body,#root{margin:0;padding:0;height:100%;background:#111;font-family:-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{height:100%}.driving-view{position:relative;width:100%;height:100%}.driving-canvas{width:100%;height:100%;display:block;touch-action:none}.scenario-select{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-y:auto;box-sizing:border-box;gap:24px;color:#fff;padding:16px}.scenario-select h1{font-size:22px;margin:0}.scenario-list{display:flex;flex-direction:column;gap:14px;width:100%;max-width:340px}.scenario-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;background:#1a1c22;border:1px solid #333;border-radius:14px;padding:16px 18px;color:#fff;cursor:pointer;text-align:left}.scenario-card:active{background:#24262e}.scenario-card-title{font-size:16px;font-weight:700}.scenario-card-subtitle{font-size:12px;opacity:.7}.back-button{position:absolute;top:12px;left:16px;width:36px;height:36px;border-radius:50%;border:none;background:#14161ca6;color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.location-label{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#14161ca6;color:#fff;font-size:13px;font-weight:700;padding:6px 16px;border-radius:20px;max-width:calc(100% - 120px);pointer-events:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pedal-button{position:absolute;bottom:20px;width:96px;height:60px;border:none;border-radius:16px;color:#fff;font-weight:700;font-size:15px;box-shadow:0 4px 10px #00000059;cursor:pointer;-webkit-user-select:none;user-select:none}.pedal-button:active{transform:scale(.94)}.pedal-left{left:20px}.pedal-right{right:20px}.indicator-buttons{display:flex;gap:6px}.indicator-button{border:none;border-radius:10px;background:#fff;color:#4285f4;font-weight:700;width:32px;height:32px;font-size:14px;cursor:pointer}.indicator-button.indicator-on{background:#34a853;color:#fff}.nav-banner{position:absolute;top:48px;left:0;right:0;margin:0 auto;background:#1a73e8;color:#fff;font-size:15px;font-weight:700;padding:10px 18px;border-radius:14px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px #00000059;width:fit-content;box-sizing:border-box;max-width:calc(100% - 32px);line-height:1.3}.nav-banner-icon{font-size:13px}.recenter-button{position:absolute;top:100px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#fff;color:#1a73e8;font-size:18px;box-shadow:0 4px 10px #00000059;cursor:pointer;display:flex;align-items:center;justify-content:center}.dashboard{position:absolute;bottom:90px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#101114d9;border-radius:16px;padding:8px 16px}.speed-limit-sign{width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid #d92618;color:#111;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.speed-readout{color:#fff;display:flex;flex-direction:column;align-items:center;line-height:1}.speed-number{font-size:26px;font-weight:700}.speed-unit{font-size:10px;opacity:.7}.results-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e0;color:#fff;border-radius:16px;padding:24px 28px;min-width:260px;max-width:calc(100% - 32px);max-height:calc(100% - 32px);overflow-y:auto;box-sizing:border-box;text-align:center}.results-panel h2{margin:0 0 12px}.results-panel ul{text-align:left;font-size:13px;padding-left:18px}.restart-button{margin-top:14px;background:#34a853;color:#fff;border:none;border-radius:14px;padding:10px 24px;font-weight:700;cursor:pointer}.lane-choice-buttons{position:absolute;bottom:160px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.lane-button{pointer-events:auto;width:96px;height:40px;border:2px solid #fff;border-radius:12px;background:#14161cb3;color:#fff;font-weight:700;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.lane-button.lane-on{background:#4285f4;border-color:#4285f4}.signal-ahead{display:flex;flex-direction:column;gap:3px;background:#15171b;border-radius:8px;padding:4px}.signal-lamp{width:12px;height:12px;border-radius:50%}.lamp-red{background:#4a1414}.lamp-amber{background:#4a3810}.lamp-green{background:#123d22}.lamp-red.lamp-on{background:#ff2d2d;box-shadow:0 0 6px #ff2d2d}.lamp-amber.lamp-on{background:#ffb300;box-shadow:0 0 6px #ffb300}.lamp-green.lamp-on{background:#2ee06a;box-shadow:0 0 6px #2ee06a}.scenario-select{position:relative}.account-bar{width:100%;max-width:340px;display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.account-email{font-size:13px;opacity:.75;overflow:hidden;text-overflow:ellipsis;max-width:60%}.link-button{background:none;border:none;color:#8ab4f8;font-weight:700;font-size:14px;cursor:pointer;padding:8px 0}.page{max-width:480px;margin:0 auto;padding:24px 16px 40px;display:flex;flex-direction:column;gap:12px;height:100%;box-sizing:border-box;overflow-y:auto;color:#fff}.page h1{margin:0}.page h2{margin:12px 0 0;font-size:18px}.page-note{margin:0;font-size:14px;opacity:.75}.account-form{display:flex;flex-direction:column;gap:12px}.account-form label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:14px}.account-form input{font-size:16px;padding:12px;border:1px solid #c4c7cc;border-radius:10px}.primary-button{background:#1a73e8;color:#fff;border:none;border-radius:12px;padding:14px;font-weight:700;font-size:16px;cursor:pointer}.primary-button:disabled{opacity:.6}.form-error{margin:0;color:#f28b82;font-size:14px}.focus-note{margin:0;background:#fef7e0;color:#5f4b00;border-radius:10px;padding:10px 12px;font-size:14px}.competency-list,.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.competency-row{display:flex;justify-content:space-between;font-size:14px;font-weight:700}.trend-up{color:#81c995}.trend-down{color:#f28b82}.score-bar{height:8px;background:#ffffff26;border-radius:4px;overflow:hidden;margin-top:4px}.score-fill{height:100%;background:#34a853;border-radius:4px}.score-fill[data-low=true]{background:#f9ab00}.recent-list li{display:flex;gap:10px;align-items:center;font-size:14px}.recent-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-faults{font-variant-numeric:tabular-nums;opacity:.75}.outcome-pass,.outcome-fail{font-weight:700;font-size:12px;border-radius:6px;padding:2px 6px;color:#fff}.outcome-pass{background:#188038}.outcome-fail{background:#c5221f}.results-summary{font-size:14px;margin:0 0 8px}.fault-advice{font-size:12px;opacity:.8;margin:2px 0 6px}.save-state{font-size:13px;opacity:.85}.pull-out-button{position:absolute;bottom:160px;right:20px;width:96px;height:44px;border:2px solid #fff;border-radius:12px;background:#14161cbf;color:#fff;font-weight:700;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.pull-out-button.pulled-out{background:#f9ab00;border-color:#f9ab00;color:#202124}.mock-test-card{background:#1a73e8;color:#fff;border:none;border-radius:16px;padding:16px 20px;display:flex;flex-direction:column;gap:4px;width:min(360px,100%);cursor:pointer;text-align:left}.mock-route{margin:0;padding-left:20px;font-size:14px;line-height:1.6}.mock-pass{color:#81c995}.mock-fail{color:#f28b82}.mock-counts{margin:0;font-size:15px;font-weight:700}.mock-drives{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.recent-list-row{display:flex;gap:10px;align-items:center;font-size:14px}.mock-faults{margin:4px 0 0;padding-left:18px;font-size:12px;opacity:.85}