html,body{height:100%;overflow:hidden}body.play{background:#cfe3ee;touch-action:none;user-select:none;-webkit-user-select:none}.stage{position:fixed;top:0;right:0;bottom:0;left:0;display:block;outline:none}.stage.shake{animation:shake .28s}@keyframes shake{20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.lesson-bar{position:fixed;top:0;left:0;right:0;height:64px;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--color-paper);border-bottom:2px solid var(--color-hairline);z-index:5}.progress{flex:1;height:16px;border-radius:8px;background:var(--color-hairline);overflow:hidden}.progress-fill{position:relative;height:100%;width:0;border-radius:8px;background:var(--color-primary);transition:width .4s cubic-bezier(.3,1.4,.6,1)}.progress-fill:after{content:"";position:absolute;left:8px;right:8px;top:4px;height:4px;border-radius:2px;background:#ffffff4d}.level-chip{padding:8px 14px;border:2px solid var(--color-hairline);border-bottom-width:4px;border-radius:var(--radius);background:var(--color-paper);font:800 14px/1 var(--font-din-round);letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);cursor:pointer}.level-chip:active{transform:translateY(2px);border-bottom-width:2px}.coach-card{position:fixed;top:80px;left:16px;width:min(400px,calc(100% - 32px));display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--color-paper);border:2px solid var(--color-hairline);border-bottom-width:4px;border-radius:var(--radius);z-index:4}.coach-card.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(.97)}to{transform:scale(1)}}.coach-face{flex:none;width:56px;height:56px}.coach-kicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.coach-title{margin:2px 0 4px;font:800 var(--text-heading-sm)/1.25 var(--font-feather);letter-spacing:.02em;color:var(--color-graphite)}.coach-text{margin:0;color:var(--color-charcoal)}body.exam .coach-kicker{color:var(--color-cardinal)}.gauges{position:fixed;top:80px;right:16px;display:grid;gap:6px;width:196px;z-index:4}.gauge{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 12px;background:var(--color-paper);border:2px solid var(--color-hairline);border-radius:var(--radius)}.gauge[hidden]{display:none}.g-label{font-size:12px;font-weight:700;color:var(--color-ash)}.g-value{font-weight:800;color:var(--color-graphite);font-variant-numeric:tabular-nums;white-space:nowrap}.gauge.hot{border-color:var(--color-primary);background:var(--color-primary-light)}.gauge.hot .g-value{color:var(--color-primary-dark)}.tools{position:fixed;right:16px;top:340px;display:grid;gap:8px;z-index:4}.tool{display:flex;align-items:center;gap:8px;width:112px;padding:8px 10px;border:2px solid var(--color-hairline);border-bottom-width:4px;border-radius:var(--radius);background:var(--color-paper);color:var(--color-ash);font:800 13px/1 var(--font-din-round);letter-spacing:.04em;cursor:pointer}.tool svg{width:20px;height:20px;flex:none}.tool.on{color:var(--color-primary);border-color:var(--color-primary);border-bottom-color:var(--color-primary-dark)}.tool:active{transform:translateY(2px);border-bottom-width:2px}.controls{position:fixed;left:16px;right:16px;bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;pointer-events:none;z-index:4}.controls>*{pointer-events:auto}.wheel-wrap{display:grid;justify-items:center;gap:6px}.wheel{width:132px;height:132px;padding:8px;border-radius:50%;background:var(--color-paper);border:2px solid var(--color-hairline);border-bottom-width:5px;cursor:grab;touch-action:none}.wheel.grab{cursor:grabbing;border-color:var(--color-primary)}.wheel svg{width:100%;height:100%;display:block}.wheel-label{padding:3px 10px;border-radius:var(--radius);background:var(--color-paper);border:2px solid var(--color-hairline);font-size:12px;font-weight:800;color:var(--color-graphite);white-space:nowrap}.gearbox{display:flex;gap:6px;padding:6px;background:var(--color-paper);border:2px solid var(--color-hairline);border-radius:var(--radius)}.gear{width:56px;height:56px;border:2px solid var(--color-hairline);border-bottom-width:4px;border-radius:var(--radius);background:var(--color-paper);font:900 24px/1 var(--font-feather);color:var(--color-ash);cursor:pointer}.gear.on[data-gear=D]{background:var(--color-primary);border-color:var(--color-primary);border-bottom-color:var(--color-primary-dark);color:#fff}.gear.on[data-gear=R]{background:var(--color-accent-fill);border-color:var(--color-accent-fill);border-bottom-color:var(--color-accent-dark);color:#fff}.gear.on[data-gear=P]{background:var(--color-navy);border-color:var(--color-navy);border-bottom-color:var(--color-midnight);color:#fff}.gear:active{transform:translateY(2px);border-bottom-width:2px}.pedals{display:flex;gap:10px;align-items:flex-end}.pedal{display:grid;place-items:center;width:88px;border:2px solid;border-bottom-width:6px;border-radius:var(--radius);font:900 17px/1.1 var(--font-feather);letter-spacing:.05em;text-transform:uppercase;cursor:pointer;touch-action:none}.pedal small{font-size:11px;font-weight:800;opacity:.7}.pedal.brake{height:92px;background:var(--color-paper);border-color:var(--color-hairline);color:var(--color-cardinal)}.pedal.gas{height:128px;background:var(--color-success);border-color:var(--color-success);border-bottom-color:var(--color-success-dark);color:#fff}.pedal.down{transform:translateY(4px);border-bottom-width:2px}.toast{position:fixed;top:80px;left:50%;transform:translate(-50%,-12px);max-width:min(440px,calc(100% - 32px));padding:12px 18px;border-radius:var(--radius);border:2px solid var(--color-primary);background:var(--color-paper);color:var(--color-navy);font-weight:800;text-align:center;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;z-index:6}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{border-color:var(--color-cardinal);color:var(--color-cardinal-dark);background:var(--color-cardinal-light)}.sheet{position:fixed;left:0;right:0;bottom:0;background:var(--color-success-light);border-top:2px solid var(--color-success-outline);z-index:8;animation:slideup .3s cubic-bezier(.3,1.3,.6,1)}.sheet.fail{background:var(--color-cardinal-light);border-top-color:#ffc1c1}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.sheet-inner{max-width:var(--page-max-width);margin:0 auto;padding:20px 16px 24px;display:flex;align-items:center;gap:20px}.sheet-body{flex:1}.sheet-body h2{margin:0 0 4px;font:900 28px/1.1 var(--font-feather);color:var(--color-success-dark)}.sheet.fail .sheet-body h2{color:var(--color-cardinal-dark)}.stars{display:flex;gap:4px;margin-bottom:6px}.stars .star{width:30px;height:30px}.checks{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px}.checks li{font-weight:700;color:var(--color-charcoal)}.checks li:before{content:"✓";margin-right:6px;font-weight:900;color:var(--color-success-dark)}.checks li.no:before{content:"✕";color:var(--color-cardinal)}.sheet-actions{display:flex;gap:12px}body.sheet-open .controls,body.sheet-open .tools{visibility:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:16px;background:#00043773;z-index:10}.modal[hidden],.sheet[hidden]{display:none}.modal-card{width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:24px;background:var(--color-paper);border:2px solid var(--color-hairline);border-bottom-width:5px;border-radius:var(--radius)}.modal-card.wide{width:min(820px,100%)}.intro-head{display:flex;gap:14px;align-items:center}.intro-kicker{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary)}.modal-card h1{margin:2px 0 0;font:900 28px/1.15 var(--font-feather);letter-spacing:-.01em;color:var(--color-navy)}.modal-card p{margin:14px 0}.intro-tags{display:flex;flex-wrap:wrap;gap:6px}.keys{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 16px;margin:18px 0;padding:14px;border:2px solid var(--color-hairline);border-radius:var(--radius);font-size:14px;font-weight:700}.intro-settings{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-weight:700}.seg{display:inline-flex;border:2px solid var(--color-hairline);border-radius:var(--radius);overflow:hidden}.seg button{padding:8px 16px;border:0;background:var(--color-paper);font:800 14px/1 var(--font-din-round);color:var(--color-ash);cursor:pointer}.seg button+button{border-left:2px solid var(--color-hairline)}.seg button.on{background:var(--color-primary-light);color:var(--color-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;flex-wrap:wrap}.picker-head{display:flex;justify-content:space-between;align-items:center}.picker-head h2{margin:0;font:900 26px/1.2 var(--font-feather);color:var(--color-navy)}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:16px}.pick{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:2px 12px;align-items:center;padding:12px;text-align:left;border:2px solid var(--color-hairline);border-bottom-width:4px;border-radius:var(--radius);background:var(--color-paper);font:inherit;color:var(--color-graphite);cursor:pointer}.pick:hover{background:#f7f7f7}.pick.current{border-color:var(--color-primary);background:var(--color-primary-light)}.pick-num{grid-row:span 2;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:900}.pick-title{font-weight:800}.pick-stars .star{width:16px;height:16px}.noscript{padding:100px 24px;text-align:center}body.fp .coach-card{top:auto;bottom:200px}body.fp .gauges{top:auto;bottom:200px;display:flex;flex-direction:column}body.fp .gauge:not(.hot):not(#gauge-time){display:none}body.fp .tools{top:250px;display:flex;flex-direction:row}body.fp .tool{width:auto}body.fp .tool span{display:none}body.fp .toast{top:240px}@media(max-width:760px),(max-height:560px){.lesson-bar{height:56px;gap:10px;padding:0 10px}.coach-card{top:66px;left:8px;width:calc(100% - 16px);padding:10px 12px}.coach-face,.coach-face .mascot{width:40px;height:40px}.coach-title{font-size:16px}.coach-text{font-size:14px;line-height:1.35}.gauges{top:auto;bottom:168px;right:8px;width:150px;gap:4px}.gauge{padding:4px 8px}.gauge:not(.hot):not(#gauge-time){display:none}.tools{top:auto;bottom:168px;left:8px;right:auto;display:flex;flex-direction:column}.tool{width:auto;padding:6px 8px}.tool span{display:none}.controls{left:8px;right:8px;bottom:8px;gap:8px}.wheel{width:108px;height:108px}.gear{width:44px;height:48px;font-size:20px}.pedal{width:70px}.pedal.brake{height:80px}.pedal.gas{height:108px}.sheet-inner{flex-wrap:wrap}.sheet-actions{width:100%}.sheet-actions .btn{flex:1}.keys{grid-template-columns:1fr}body.fp .coach-card{bottom:auto;top:66px}body.fp .gauges,body.fp .tools{bottom:168px;top:auto}}@media(max-width:420px){.wheel-label{display:none}.gearbox{flex-direction:column}.gear{height:40px}}