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:center;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:90%;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:50%;transform:translate(-50%);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;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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}.exit-choice-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.exit-choice-prompt{color:#fff;font-weight:700;font-size:20px;text-shadow:0 1px 3px rgba(0,0,0,.6);margin-bottom:12px}.exit-choice-buttons{display:flex;gap:12px}.exit-choice-button{background:#4285f4;color:#fff;border:none;border-radius:16px;padding:18px 20px;font-weight:700;font-size:14px;box-shadow:0 4px 10px #00000059;cursor:pointer}.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;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}