body{background-color:#000;margin:0;font-family:Inter,sans-serif;overflow:hidden}canvas{display:block}#ui{pointer-events:none;z-index:100;position:absolute;inset:0}body.help-modal-open #ui{pointer-events:auto}#dashboard{pointer-events:none;justify-content:center;align-items:center;gap:14px;width:100%;height:auto;display:flex;position:absolute;bottom:6px}#dashboard-mid{pointer-events:none;flex-direction:row;align-items:center;gap:8px;display:flex}body.mobile-driving #dashboard-mid{pointer-events:auto}body.mobile-driving #steering-wheel{pointer-events:none}#rear-mirror-frame,#side-mirror-frame,#right-side-mirror-frame{box-sizing:border-box;pointer-events:none;z-index:150;border:4px solid #1a1a1a;border-radius:0;display:none;position:absolute;box-shadow:0 4px 12px #000c}#border-overlay{pointer-events:none;box-sizing:border-box;border:0 solid #0000;transition:border-width .1s,border-color .1s;position:absolute;inset:0}#border-overlay.damage{border-width:25px;border-color:#f009}#border-overlay.success{border-width:25px;border-color:#0f09}.arrow-left{border-top:18px solid #0000;border-bottom:18px solid #0000;border-right:28px solid #222;width:0;height:0;transition:border-right-color .1s}.arrow-left.active{filter:drop-shadow(0 0 10px #0f0);border-right-color:#0f0}.arrow-right{border-top:18px solid #0000;border-bottom:18px solid #0000;border-left:28px solid #222;width:0;height:0;transition:border-left-color .1s}.arrow-right.active{filter:drop-shadow(0 0 10px #0f0);border-left-color:#0f0}#steering-wheel{box-sizing:border-box;border:12px solid #222;border-radius:50%;width:88px;height:88px;position:relative;box-shadow:inset 0 0 8px #000,0 0 8px #000}.spoke-h{background:#333;height:10px;position:absolute;top:28px;left:0;right:0}.spoke-v{background:#333;width:10px;position:absolute;top:28px;bottom:0;left:28px}#odometer{color:#0f0;background:#000;border:2px solid #333;border-radius:5px;align-items:baseline;gap:10px;padding:6px 14px;font-family:monospace;display:flex;position:relative;box-shadow:inset 0 0 8px #0f03}#gear{color:#f33;font-size:1.55rem;font-weight:700}body.mobile-driving #gear{cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;text-underline-offset:3px;-webkit-text-decoration:underline dotted #ffffff59;text-decoration:underline dotted #ffffff59}#speed{font-size:2.2rem;font-weight:700}.unit{color:#aaa;font-size:.75rem}#dashboard-handbrake{color:#e8f5e8;letter-spacing:.06em;cursor:pointer;touch-action:manipulation;background:#08080ca6;border:2px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 10px;font-family:inherit;font-size:.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #00000059}#dashboard-handbrake.handbrake-on{color:#cfc;background:#163720e6;border-color:#0f0;box-shadow:0 0 14px #00ff5a80}#course-score{left:50%;top:max(10px, env(safe-area-inset-top,0px));z-index:1000;pointer-events:none;color:#fff;text-shadow:0 0 10px #0000008c,0 1px 2px #000;letter-spacing:-.3px;white-space:nowrap;font-size:1.35rem;font-weight:800;position:fixed;transform:translate(-50%)}body.mobile-driving #blinker-left,body.mobile-driving #blinker-right{visibility:hidden;border:none;width:0;height:0;margin:0;padding:0;overflow:hidden}#help-modal{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:all;touch-action:manipulation;background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#help-modal.hidden{display:none}.modal-content{-webkit-overflow-scrolling:touch;color:#efefef;box-sizing:border-box;background:#141419e6;border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:800px;max-height:min(92vh,920px);padding:40px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;display:flex}.modal-header h2{letter-spacing:1px;flex:1;min-width:0;margin:0;padding-right:12px;font-weight:300}.help-close-x{color:#eee;cursor:pointer;touch-action:manipulation;background:#2a2a2e;border:1px solid #555;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:1.75rem;line-height:1;display:flex}.help-close-x:active{color:#0f0;border-color:#0f0}.icon-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;background:#2a2a2c;border:1px solid #444;border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;font-size:1.8rem;transition:all .2s;display:flex}.icon-toggle:hover{background:#3a3a3c;border-color:#0f0;transform:scale(1.05)}.icon-toggle.muted{opacity:.5;background:#1a1a1c}.keyboard-layout{background:#0000004d;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:40px;padding:20px;display:flex}.kbd-row{gap:8px;display:flex}.key{background:#111;border:1px solid #333;border-radius:6px;justify-content:center;align-items:center;min-width:50px;height:50px;font-family:monospace;transition:all .1s;display:flex;position:relative}.key.active{outline-offset:2px;background:#1a1a1a;border-color:#0f0;outline:2px solid #0f0}.key .letter{color:#888;font-size:.7rem;font-weight:700;position:absolute;top:4px;left:6px}.key.active .letter{color:#0f0}.key .label{color:#0f0;text-transform:uppercase;text-align:center;pointer-events:none;padding:0 4px;font-size:.75rem;font-weight:700;line-height:1}.key.wide{min-width:150px}.key-col{flex-direction:column;gap:5px;display:flex}.key-col .key{min-width:120px;height:22px}.settings-layout{border-top:1px solid #ffffff1a;grid-template-columns:1.5fr 1fr;gap:40px;margin-top:20px;padding-top:25px;display:grid}.settings-layout h3{color:#aaa;letter-spacing:.5px;margin-bottom:20px;font-size:1rem;font-weight:400}.setting-item{background:#0003;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.setting-item span{color:#ddd;font-size:.95rem}#course-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;display:grid}.course-btn{color:#eee;cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1b;border:1px solid #333;border-radius:8px;padding:12px;font-size:.85rem;transition:all .2s}.course-btn:hover{color:#0f0;background:#2a2a2c;border-color:#0f0}.course-btn.active{color:#000;background:#0f0;border-color:red;font-weight:700}.modal-footer{text-align:center;color:#666;flex-direction:column;align-items:center;gap:12px;margin-top:30px;font-size:.9rem;display:flex}.modal-footer-hint{color:#777;margin:0;font-size:.88rem}.help-close-btn{color:#eee;cursor:pointer;letter-spacing:.04em;touch-action:manipulation;background:#2a2a2e;border:1px solid #555;border-radius:10px;min-height:48px;padding:14px 36px;font-size:1rem;font-weight:600}.help-close-btn:hover{color:#0f0;border-color:#0f0}.help-mobile-tips{color:#ccc;background:#00000059;border:1px solid #ffffff14;border-radius:12px;margin-bottom:24px;padding:16px 18px;font-size:.95rem;line-height:1.55;display:none}.help-mobile-tips p{margin:0 0 10px}.help-mobile-tips p:last-child{margin-bottom:0}.help-mobile-lead{color:#fff;letter-spacing:.04em;font-size:1.05rem}body.mobile-driving .help-mobile-tips{display:block}body.mobile-driving .keyboard-layout,body.mobile-driving .modal-footer-hint{display:none}#mobile-enter{left:50%;bottom:max(18px, env(safe-area-inset-bottom,0px));z-index:1200;pointer-events:auto;touch-action:manipulation;color:#e8ffe8;letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0ebf;border:1px solid #ffffff40;border-radius:999px;padding:10px 18px;font-size:.85rem;position:fixed;transform:translate(-50%);display:none!important}html.ui-debug:not(.mobile-client) #mobile-enter{display:block!important}html.mobile-client #mobile-enter,body.mobile-driving #mobile-enter{display:none!important}body.mobile-driving,html.mobile-driving{touch-action:none;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}#mobile-driving-layer{z-index:1100;pointer-events:none;box-sizing:border-box;padding:max(10px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-right,0px)) max(10px, env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));position:fixed;inset:0}#mobile-driving-layer .mobile-drive-pad{pointer-events:none;position:absolute;inset:0}#mobile-top-actions{top:max(10px, env(safe-area-inset-top,0px));right:max(10px, env(safe-area-inset-right,0px));z-index:3;pointer-events:none;flex-flow:row;align-items:center;gap:12px;display:flex;position:fixed}#mobile-top-actions .md-btn{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:#f4fff4;letter-spacing:.02em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08080ca6;border:1px solid #ffffff38;border-radius:12px;min-width:56px;min-height:42px;padding:8px 12px;font-size:.78rem;font-weight:700;position:relative;top:auto;left:auto;right:auto;transform:none;box-shadow:0 4px 14px #00000059}#mobile-top-actions .md-btn:active{background:#1e3c28cc;transform:scale(.96)}#mobile-driving-layer #md-enable-tilt{color:#e8f6ff;border-color:#a0d2ff80;display:none}#mobile-driving-layer.md-needs-tilt-perm #md-enable-tilt{justify-content:center;align-items:center;display:inline-flex}#mobile-driving-layer .mobile-drive-pad .md-btn{pointer-events:auto;touch-action:manipulation;-webkit-user-select:none;user-select:none;color:#f4fff4;letter-spacing:.02em;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#08080c8c;border:1px solid #ffffff38;border-radius:14px;min-width:52px;min-height:52px;padding:8px 12px;font-size:.95rem;font-weight:700;position:absolute;box-shadow:0 6px 18px #00000059}#mobile-driving-layer .md-pedal-column{left:max(10px, env(safe-area-inset-left,0px));top:calc((100vh + var(--mobile-mirror-stack-bottom,150px)) / 2);pointer-events:auto;z-index:2;flex-direction:column;gap:12px;display:flex;position:absolute;transform:translateY(-50%)}#mobile-driving-layer .md-pedal-column .md-btn{min-width:64px;min-height:56px;font-size:1.25rem;position:relative;transform:none}#mobile-driving-layer .md-pedal-gas{border-color:#50c87873}#mobile-driving-layer .md-pedal-brake{border-color:#ff786473}#mobile-driving-layer .md-pedal:active{transform:scale(.96)}#mobile-driving-layer .md-steer-cluster{right:max(10px, env(safe-area-inset-right,0px));top:calc((100vh + var(--mobile-mirror-stack-bottom,150px)) / 2);pointer-events:auto;z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translateY(-50%)}#mobile-driving-layer .md-steer-cluster .md-steer{border-radius:16px;min-width:64px;min-height:64px;font-size:1.45rem;position:relative;transform:none}#mobile-driving-layer .md-steer-cluster .md-steer:active{background:#1e3c28bf;transform:scale(.96)}#mobile-driving-layer .mobile-drive-pad .md-blink:active{background:#1e3c28bf;transform:translateY(-50%)scale(.96)}#mobile-driving-layer .md-blink{font-size:1.35rem;font-weight:800}#mobile-driving-layer .md-blink.blinker-lit{color:#dfd;border-color:#0f0;box-shadow:0 0 16px #00ff64cc}body.mobile-driving #md-bl{right:max(10px, env(safe-area-inset-right,0px));top:calc((100vh + var(--mobile-mirror-stack-bottom,150px)) / 2 - 188px);transform:translateY(-50%)}body.mobile-driving #md-br{right:max(10px, env(safe-area-inset-right,0px));top:calc((100vh + var(--mobile-mirror-stack-bottom,150px)) / 2 - 118px);transform:translateY(-50%)}