*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,PingFang SC,Noto Sans SC,sans-serif;background:#c9cccf;color:#f5f6f7;user-select:none;-webkit-user-select:none;touch-action:none}canvas{display:block}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}#hud button,#hud details{pointer-events:auto}body.menu-open #hud,body.menu-open .steering-panel{display:none}.hidden{display:none!important}.num{font-variant-numeric:tabular-nums}#start-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(180deg,#0a0c0e57,#0a0c0e9e);pointer-events:auto}.start-card{width:min(460px,100%);background:#16181beb;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:24px;box-shadow:0 18px 48px #00000061}.start-kicker{color:#f5c518;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0;margin-bottom:8px}.start-card h1{font-size:32px;line-height:1.15;margin-bottom:8px}.start-card p{color:#f5f6f7b8;line-height:1.55;font-size:15px;margin-bottom:18px}.start-section{margin-top:14px}.start-label{color:#f5f6f79e;font-size:13px;margin-bottom:8px;font-weight:700}.start-options{display:grid;gap:8px}.start-select{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#f5f6f7;font-size:15px;font-weight:700;padding:0 12px;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(245,246,247,.6) 50%),linear-gradient(135deg,rgba(245,246,247,.6) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:background-color .18s ease,border-color .18s ease}.start-select option{background:#16181b;color:#f5f6f7}.start-select:hover{background-color:#ffffff1f}.start-select:focus-visible{outline:3px solid rgba(245,197,24,.45);outline-offset:2px}.start-option{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;padding:11px 12px;cursor:pointer;transition:background .18s ease,border-color .18s ease}.start-option:hover{background:#ffffff1f}.start-option input{accent-color:#F5C518;width:18px;height:18px}.start-option span{font-weight:700}#start-btn{width:100%;min-height:52px;margin-top:20px;border:1px solid #F5C518;border-radius:8px;background:#f5c518;color:#111;font-size:18px;font-weight:800;cursor:pointer;transition:filter .18s ease}#start-btn:hover{filter:brightness(1.08)}#start-btn:focus-visible,.start-option:focus-within,#sound-btn:focus-visible{outline:3px solid rgba(245,197,24,.45);outline-offset:2px}.panel{background:#16181bcc;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#f5f6f7;font-size:13px}.row{display:flex;justify-content:space-between;gap:14px;line-height:1.55}.row .lbl{color:#f5f6f78c}.row .val{font-weight:600}.top-left{position:absolute;top:12px;left:12px;padding:8px 12px;min-width:168px}#sound-btn{width:100%;margin-top:6px;padding:6px 8px;border-radius:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);color:#f5f6f7;font-size:12px;font-weight:700;cursor:pointer}#sound-btn:hover{background:#ffffff24}#menu-btn{width:100%;margin-top:6px;padding:6px 8px;border-radius:6px;background:#f5c5181f;border:1px solid rgba(245,197,24,.28);color:#f5c518;font-size:12px;font-weight:700;cursor:pointer}#menu-btn:hover{background:#f5c51833}#sound-btn.muted{color:#f5f6f78c}#coach-banner{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#f5c518;color:#111;font-weight:700;font-size:19px;padding:10px 22px;border-radius:8px;max-width:min(70vw,640px);text-align:center;box-shadow:0 2px 8px #00000040}#coach-banner.pulse{animation:coach-pulse .15s ease-out}@keyframes coach-pulse{0%{transform:translate(-50%) scale(.96)}60%{transform:translate(-50%) scale(1.03)}to{transform:translate(-50%) scale(1)}}#toast{position:absolute;top:72px;left:50%;transform:translate(-50%);background:#16181bcc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 16px;font-size:14px}.bottom-left{position:absolute;left:12px;bottom:12px;display:flex;align-items:flex-end;gap:10px}#gear-btn{width:64px;height:64px;border-radius:8px;background:#16181bcc;border:1px solid rgba(255,255,255,.12);color:#f5f6f7;font-size:32px;font-weight:700;cursor:pointer}#gear-btn.gear-r,#touch-gear.gear-r{color:#e5484d;border-color:#e5484d}#gear-btn.shake{animation:shake .3s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.speed-box{background:#16181bcc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 14px;text-align:center}#hud-speed{font-size:26px;font-weight:700;line-height:1.1}.speed-unit{font-size:11px;color:#f5f6f78c}#gear-warn{position:absolute;left:0;bottom:72px;white-space:nowrap;background:#16181be6;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 12px;font-size:13px;color:#f5c518}.steering-panel{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#16181bcc;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 14px;pointer-events:auto}.wheel-box{display:flex;flex-direction:column;align-items:center;width:76px}.wheel-svg{width:56px;height:56px}.wheel-reading{font-size:13px;font-weight:700;color:#f5c518;margin-top:2px;font-variant-numeric:tabular-nums;white-space:nowrap}.cmd-row{display:flex;gap:6px}.cmd-btn{position:relative;min-width:58px;padding:12px 8px 8px;border-radius:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#f5f6f7;font-size:14px;cursor:pointer}.cmd-btn .key-hint{position:absolute;top:2px;left:5px;font-size:9px;line-height:1;color:#f5f6f773;font-variant-numeric:tabular-nums}.cmd-btn.matched .key-hint{color:#1111118c}.cmd-btn:hover{background:#ffffff24}.cmd-btn.executing{border-color:#f5c518;color:#f5c518}.cmd-btn.matched{background:#f5c518;border-color:#f5c518;color:#111;font-weight:700}.gear-shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:118px;padding:8px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;text-align:center}.gear-shortcut-label{font-size:11px;font-weight:700;letter-spacing:.04em;color:#f5f6f794}.gear-shortcut-key{margin-top:3px;font-size:24px;line-height:1;font-weight:800;color:#f5c518}.gear-shortcut-hint{margin-top:4px;font-size:11px;line-height:1.25;color:#f5f6f7e6}.gear-shortcut-note{margin-top:2px;font-size:10px;line-height:1.2;color:#f5f6f785}.help-panel{position:absolute;left:12px;top:218px;width:240px;padding:6px 10px}.help-panel summary,.flow-panel summary{cursor:pointer;font-weight:600;font-size:13px}.help-body{margin-top:6px;font-size:12px;color:#f5f6f7cc}.help-body p{margin:4px 0;line-height:1.5}.flow-panel{position:absolute;right:12px;top:12px;width:252px;padding:6px 10px;max-height:60vh;overflow-y:auto}#flow-list{margin:6px 0 4px;padding-left:4px;list-style:none}#flow-list li{font-size:12.5px;line-height:1.45;padding:5px 8px;margin:3px 0;border-left:3px solid transparent;border-radius:4px;color:#f5f6f7bf}#flow-list li.current{border-left-color:#f5c518;color:#f5c518;background:#f5c5181a;font-weight:600}#reverse-overlay{position:absolute;pointer-events:none}#reverse-overlay svg{width:100%;height:100%;display:block}#reverse-overlay .reverse-label{position:absolute;top:4px;left:8px;font-size:11px;color:#f5f6f7;text-shadow:0 1px 2px rgba(0,0,0,.8)}#success-panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:auto}.success-card{background:#16181bf0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:22px 30px;min-width:260px}.success-title{color:#3fb65a;font-size:24px;font-weight:700;text-align:center;margin-bottom:12px}#success-stats .row{font-size:15px;margin:4px 0}.success-btns{display:flex;gap:10px;margin-top:16px}.success-btns button{flex:1;padding:10px 0;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;background:#ffffff17;border:1px solid rgba(255,255,255,.16);color:#f5f6f7}#btn-retry{background:#f5c518!important;border-color:#f5c518!important;color:#111!important}#touch-left,#touch-right{display:none}body.touch #touch-left{display:flex;gap:12px;position:absolute;left:14px;bottom:96px}body.touch #touch-right{display:flex;flex-direction:column;gap:12px;position:absolute;right:14px;bottom:96px;align-items:flex-end}.touch-btn{background:#16181bcc;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#f5f6f7;cursor:pointer;touch-action:none}.touch-btn.held{background:#ffffff40}.touch-btn.nudge{width:62px;height:62px;font-size:22px}.touch-btn.pedal{width:96px;height:84px;font-size:18px;font-weight:700}#touch-gear{width:96px;height:56px;font-size:26px;font-weight:700}body.touch .cmd-btn{min-width:64px;padding:14px 8px;font-size:15px}body.touch .help-panel{display:none}body.touch .bottom-left{bottom:174px}body.touch #gear-btn{display:none}body.touch .steering-panel{bottom:8px}body.touch .gear-shortcut{display:none}body.fp .top-left,body.fp .flow-panel{top:178px}body.fp #coach-banner{top:182px}body.fp #toast{top:240px}body.fp .help-panel{top:384px}@media(max-width:900px){.flow-panel{width:200px}.top-left{min-width:140px}}@media(max-width:1200px){.steering-panel{gap:10px;padding:8px 10px;max-width:calc(100vw - 24px)}.cmd-row{gap:4px}.cmd-btn{min-width:52px;font-size:13px}.gear-shortcut{min-width:104px;padding:7px 8px}}