body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;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}#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}#toast{text-align:center;color:#fff;text-shadow:0 0 15px #000,0 0 20px #000;pointer-events:none;opacity:0;padding:0 16px;font-family:monospace;font-size:clamp(1rem,.8rem + 1vw,1.5rem);font-weight:700;transition:opacity .5s;position:absolute;top:96px;left:0;right:0}#toast.visible{opacity:1}#results-overlay{color:#fff;text-align:center;z-index:2000;cursor:pointer;pointer-events:auto;background:#000000d9;border-radius:8px;padding:15px 30px;font-family:monospace;font-size:18px;position:absolute;top:10px;left:50%;transform:translate(-50%)}#results-overlay h3{margin:0 0 4px}.results-hint{color:#f88;margin-top:5px;font-size:12px}#penalty-tooltip{color:#000;pointer-events:none;z-index:2500;background:#fff;border:2px solid red;border-radius:5px;padding:10px;font-family:sans-serif;font-size:14px;position:fixed}#results-overlay.hidden,#penalty-tooltip.hidden{display:none}#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}#frame-rate{top:max(10px, env(safe-area-inset-top,0px));right:max(12px, env(safe-area-inset-right,0px));z-index:1000;pointer-events:none;color:#9f9;white-space:pre;background:#0000008c;border-radius:6px;padding:3px 8px;font:600 12px/1.4 monospace;position:fixed}body.mobile-driving #frame-rate{top:calc(max(10px, env(safe-area-inset-top,0px)) + 56px)}#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%)}#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}.kbd-row-2{margin-left:1.5rem}.kbd-row-3{margin-left:3rem}.kbd-row-4{justify-content:center;margin-top:1rem}.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}.settings-column{flex-direction:column;gap:10px;display:flex}.text-toggle{font:inherit;color:#eee;cursor:pointer;touch-action:manipulation;background:#2a2a2c;border:1px solid #444;border-radius:8px;min-width:96px;min-height:40px;padding:6px 14px;font-size:.9rem}.text-toggle:hover{background:#3a3a3c;border-color:#0f0}.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{font:inherit;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,#driving-mode-setting,#help-fullscreen-tip,#fullscreen-setting{display:none}html.can-fullscreen #fullscreen-setting{display:flex}html.fullscreen-via-home-screen #help-fullscreen-tip{display:block}html.ui-debug:not(.mobile-client) #driving-mode-setting{display:flex}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 .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%)}#course-next{left:50%;top:calc(max(10px, env(safe-area-inset-top,0px)) + 1.9rem);z-index:1000;pointer-events:none;color:#fff;text-shadow:0 1px 3px #000c;white-space:nowrap;font-size:.95rem;font-weight:700;position:fixed;transform:translate(-50%)}