@font-face{font-family:Selam;src:url(/assets/selam-sans-400.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Selam;src:url(/assets/selam-sans-800.woff2) format('woff2');font-weight:700 900;font-display:swap}
:root{font-family:Selam,Arial,sans-serif;color:#151c23;background:#f5f4f0;font-synthesis:none;--red:#b91222}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button{cursor:pointer;border:1px solid #c8ccd0;background:white;color:#17212b;min-height:46px;padding:10px 17px;border-radius:11px;font-weight:700}button:hover{border-color:#a30c1a;background:#fff1f2}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #1366d4;outline-offset:4px}[hidden]{display:none!important}button[aria-pressed=true]{background:#17212b;color:white;border-color:#17212b}.skip{position:absolute;left:12px;top:-70px;z-index:100;background:white;padding:15px}.skip:focus{top:12px}.drive-header{height:85px;display:flex;align-items:center;gap:22px;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid #dcdedb;background:#fafaf7}.brand{font-size:29px;font-weight:900;text-decoration:none;letter-spacing:-1.5px;display:flex;align-items:baseline;gap:11px}.brand span{color:var(--red);letter-spacing:3px;font-size:13px}.prototype{font-size:11px;background:#ebece7;border-radius:20px;padding:7px 10px;color:#4b545a}.drive-header nav{display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:700}.drive-header nav a{text-decoration:none}main{max-width:1500px;margin:auto;padding:0 40px}.lobby{display:grid;grid-template-columns:1.05fr 1fr;gap:7vw;align-items:center;padding:65px 0 50px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--red);line-height:1.6}h1{font-size:clamp(48px,5.5vw,80px);line-height:1.04;letter-spacing:-.055em;margin:25px 0}h1 em{font-style:normal;color:var(--red)}h2{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:10px 0}p{line-height:1.65}.intro{font-size:18px;color:#4a565d;max-width:500px}.trust-tags{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.trust-tags span{background:#e7e9e2;border:1px solid #d9ddd3;border-radius:22px;font-size:12px;padding:8px 12px;color:#34443c}.testing-note{font-size:12px;color:#58615f;border-left:2px solid #b3bbb4;padding-left:15px;max-width:500px}.lobby-card{border-radius:24px;overflow:hidden;background:white;box-shadow:0 20px 65px #24302115;border:1px solid #daddd5}.card-visual{height:210px;position:relative;background:#17212b}.card-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.card-visual span{position:absolute;bottom:22px;left:27px;color:white;font-size:11px;letter-spacing:.15em}.card-inner{padding:26px 30px}.card-inner>p{font-size:14px;color:#4c5962}.card-inner>.eyebrow{color:var(--red)}.mode-picker{display:flex;gap:8px;margin:20px 0}.mode-picker button{flex:1;font-size:13px}.fine{font-size:12px!important;color:#52606b}label{font-size:12px;font-weight:700;display:block;margin-bottom:7px}select{border:1px solid #ccd0d4;border-radius:8px;background:#f5f7f7;width:100%;padding:11px;margin-bottom:15px;color:#1c2a35}.primary{background:var(--red);color:white;border:0;display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:56px}.primary:hover{background:#940b18;color:white}.primary span{font-size:24px}.session-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:24px 0 15px}.teacher{background:#fff;padding:17px 22px;border-left:4px solid var(--red);border-radius:8px;font-size:16px;min-height:65px;margin:0 0 15px}.stage{position:relative;background:#9bb1bb;border:1px solid #d1d7d8;border-radius:22px;overflow:hidden;height:clamp(470px,66vh,740px)}.stage:fullscreen{height:100vh;width:100vw;border-radius:0}.stage canvas{display:block;width:100%;height:100%;touch-action:none;outline-offset:-4px}.hud{position:absolute;left:22px;top:20px;display:flex;gap:15px;align-items:center;border:1px solid #ffffff35;background:#10212de8;border-radius:14px;color:#fff;padding:12px 18px;pointer-events:none}.speed strong{font-size:40px;line-height:1.05;display:block;font-variant-numeric:tabular-nums}.speed span{font-size:11px;color:#d0dae0}.gear-display{padding:0 13px;border-left:1px solid #ffffff35;display:flex;flex-direction:column}.gear-display strong{font-size:28px}.gear-display span{font-size:10px}.hud-small{display:grid;gap:5px;font-size:10px;color:#d0dae0}.lesson-limit{text-align:center;font-size:12px;border:2px solid #f47d83;border-radius:9px;padding:5px 7px}.lesson-limit small{font-size:8px}.scene-label{position:absolute;right:20px;top:22px;font-size:9px;letter-spacing:.12em;color:#152d3c;background:#ffffffd9;padding:9px;border-radius:7px;pointer-events:none}.scene-label span{display:block;font-size:9px;margin-top:4px;letter-spacing:0}.touch-controls{position:absolute;left:22px;right:22px;bottom:18px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-controls button,.touch-controls [role=slider]{pointer-events:auto;touch-action:none;user-select:none}.steering-controls{display:flex;gap:8px;align-items:flex-end}#drive-steer{height:100px;width:100px;border:8px solid #172430dd;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff25;box-shadow:inset 0 0 0 2px #ffffff85;touch-action:none;cursor:ew-resize}#drive-steer span{transform:rotate(var(--turn,0deg));font-size:56px;color:#172430}.steer-arrows{display:flex;gap:6px}.steer-arrows button{background:#172430e8;color:white;width:44px;padding:6px;font-size:22px}.pedal-controls{display:flex;align-items:flex-end;gap:13px}.pedal-controls button{border:2px solid #ffffffa0;color:white;letter-spacing:.07em;font-size:11px;box-shadow:0 5px 0 #11232c60}.brake-pedal{height:75px;width:100px;background:#941421e8}.gas-pedal{height:110px;width:72px;background:#152e3be8}.touch-controls .held{background:#f0c76a;color:#10212d;transform:translateY(4px)}.session-controls{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.session-controls:has(+.below){}body:has(#drive-session[hidden]) .session-controls{display:none}.session-controls button{font-size:12px}.gear-picker{display:flex;border:1px solid #ccd0d4;border-radius:11px;overflow:hidden}.gear-picker button{border:0;border-radius:0;min-width:42px}.result{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(490px,calc(100% - 28px));padding:28px;background:#fffefb;border-radius:19px;box-shadow:0 10px 70px #142a3d4a;max-height:95%;overflow:auto}.result h2{font-size:30px}.result>a{display:block;font-size:13px;margin-top:20px}.below{padding:20px 0 45px}.below details{padding:22px;border:1px solid #d7dbd4;border-radius:13px;background:#fff}.below summary{cursor:pointer;font-weight:700}.below p{font-size:14px;color:#4e5a61}.progress-card{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:28px 0}.progress-card button{font-size:12px}.progress-card h2{font-size:22px}#curriculum-panel section{border-bottom:1px solid #ddd;padding:15px 0}#curriculum-panel h3{font-size:17px}.source-note{max-width:850px;margin-top:36px}.source-note h2{font-size:22px}.source-note a{color:#a10e1b}footer{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #dadcd6;font-size:12px;padding:26px max(20px,calc((100vw - 1420px)/2));color:#57615d}footer span{margin-left:auto}@media(max-width:900px){main{padding:0 22px}.lobby{gap:30px}.drive-header{padding:0 22px}.scene-label{display:none}.lobby-card .card-visual{height:170px}.card-inner{padding:22px}}@media(max-width:650px){.drive-header{height:69px;gap:10px}.brand{font-size:24px}.brand span{font-size:10px}.prototype{display:none}.drive-header nav{font-size:11px;gap:15px}main{padding:0 16px}.lobby{grid-template-columns:1fr;padding:32px 0;gap:26px}h1{font-size:49px;margin:16px 0}.intro{font-size:16px}.lobby .trust-tags{margin:18px 0}.testing-note{font-size:11px}.card-visual{height:190px}.session-title{gap:10px;align-items:flex-start}.session-title h2{font-size:22px}.session-title button{font-size:11px;padding:8px 10px}.teacher{padding:13px 15px;font-size:14px}.stage{border-radius:15px;height:540px}.hud{left:12px;top:12px;padding:9px 11px;gap:8px}.speed strong{font-size:31px}.hud-small{display:none}.gear-display{padding:0 9px}.touch-controls{left:12px;right:12px;bottom:14px}#drive-steer{height:80px;width:80px;border-width:7px}#drive-steer span{font-size:45px}.steering-controls{flex-direction:column;align-items:center}.steer-arrows button{width:38px;min-height:40px}.pedal-controls{gap:8px}.brake-pedal{height:66px;width:78px}.gas-pedal{height:95px;width:59px}.progress-card{align-items:flex-start;flex-direction:column}.session-controls button{padding:9px 12px}.result{padding:21px}.result h2{font-size:25px}footer{padding:22px 16px;gap:15px}footer span{margin-left:0;width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.quick-drive-actions{position:absolute;top:108px;left:22px;display:flex;gap:8px}.quick-drive-actions button{font-size:12px;min-height:41px;padding:8px 12px}.quick-drive-actions .gear-picker{background:#fff}.drive-expand{position:absolute;right:18px;top:18px;font-size:11px;background:#ffffffed;min-height:40px}.scene-label{top:69px}.stage.is-expanded{position:fixed;inset:0;z-index:1000;width:100vw;height:100dvh;border-radius:0;border:0}.stage.is-expanded .hud{top:18px}.stage.is-expanded .quick-drive-actions{top:110px}.stage.is-expanded .touch-controls{bottom:max(18px,env(safe-area-inset-bottom))}@media(max-width:650px){.quick-drive-actions{top:97px;left:12px;gap:6px}.quick-drive-actions button{font-size:11px;padding:7px 10px;min-width:34px}.drive-expand{top:158px;left:12px;right:auto;padding:8px 12px;min-height:35px;font-size:10px}.stage.is-expanded .drive-expand{left:auto;right:12px;top:18px;max-width:100px}.stage.is-expanded .hud{gap:4px;max-width:calc(100% - 130px)}.stage.is-expanded .lesson-limit{display:none}}

.inline-teacher,.compact-actions{display:none}.stage.is-expanded .inline-teacher{display:block;position:absolute;left:22px;top:170px;max-width:420px;padding:13px 17px;border-radius:10px;background:#ffffffeb;border-left:4px solid #b91222;font-size:14px;line-height:1.5;pointer-events:none}.stage.is-expanded .compact-actions{display:flex;position:absolute;gap:8px}.compact-actions button{font-size:11px;min-height:39px;background:#ffffffed}@media(max-width:650px){.stage.is-expanded .inline-teacher{left:12px;right:12px;top:215px;font-size:12px;padding:10px 13px}.stage.is-expanded .compact-actions{left:12px;right:auto;top:165px}}

#curriculum-panel details{margin-top:12px}#curriculum-panel li{font-size:13px;color:#46535d;line-height:1.6;margin:9px 0}#curriculum-panel ul{padding-left:20px}

.motion-help{position:absolute;top:165px;left:22px;max-width:410px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:#10212df2;color:white;padding:12px 15px;border-radius:12px;font-size:13px;line-height:1.5;border:1px solid #ffffff55}.motion-help button{background:#fff;color:#17212b;min-height:40px;padding:8px 12px}.stage.is-expanded .inline-teacher{top:290px}.compact-actions{display:flex;position:absolute;right:18px;top:115px;gap:8px}@media(max-width:650px){.motion-help{top:208px;left:12px;right:12px;font-size:12px;padding:10px 12px}.compact-actions{right:12px;top:158px}.stage.is-expanded .motion-help{top:215px}.stage.is-expanded .inline-teacher{top:350px}}

.exercise-picker{display:grid;gap:9px;margin:20px 0}.exercise-picker button{text-align:left;display:grid;gap:6px;background:#f5f6f3;border:1px solid #dce0d8;font-size:16px;padding:15px 18px;transition:border-color .15s,background .15s}.exercise-picker button span{font-size:9px;letter-spacing:.13em;color:#647067}.exercise-picker button small{font-size:12px;font-weight:400;color:#52605b}.exercise-picker button[aria-pressed=true]{background:#172a27;color:white;border-color:#172a27;box-shadow:inset 4px 0 #8fcab0}.exercise-picker button[aria-pressed=true] span,.exercise-picker button[aria-pressed=true] small{color:#c0dacf}.drive-history{list-style:none;padding:0;display:grid;gap:8px;font-size:12px;color:#45544e}.drive-history li{padding:9px 0;border-top:1px solid #e0e5df}.lobby{align-items:start}.lobby-copy{padding-top:25px}.card-visual{height:180px}.lesson-limit b{font-weight:inherit}.motion-help{box-shadow:0 8px 30px #07121922}.stage.is-expanded .inline-teacher{max-width:360px;font-size:13px}.gas-pedal{background:linear-gradient(160deg,#27483e,#142d2b)}.brake-pedal{background:linear-gradient(160deg,#b8303d,#7c1520)}

.compact-actions{left:22px;right:auto;top:158px;gap:6px}.compact-actions button{padding:8px 12px}.motion-help{top:215px}.stage.is-expanded .compact-actions{left:22px;right:auto;top:158px}.stage.is-expanded .motion-help{top:215px}.stage.is-expanded .inline-teacher{top:auto;bottom:145px;left:22px}.drive-tools{position:absolute;right:20px;top:165px;z-index:4;width:280px;max-width:calc(100% - 24px);padding:16px;border-radius:14px;background:#fafbf7;box-shadow:0 15px 50px #07121bcc}.drive-tools p{font-size:12px;font-weight:bold;margin:0}.drive-tools .session-controls{margin:12px 0 0;display:grid;grid-template-columns:1fr 1fr}.stage:has(.drive-tools:not([hidden])) .motion-help{visibility:hidden}.brake-alert{display:none;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);background:#b70c20;color:white;font-size:22px;font-weight:900;border:3px solid white;padding:20px 24px;border-radius:14px;pointer-events:none}.brake-signal .brake-alert{display:block}@media(max-width:650px){.compact-actions,.stage.is-expanded .compact-actions{left:12px;right:12px;top:158px;gap:5px}.compact-actions button{font-size:10px;padding:8px 10px}.drive-expand{top:12px;left:auto;right:12px;max-width:100px}.hud{max-width:calc(100% - 130px)}.lesson-limit{display:none}.motion-help,.stage.is-expanded .motion-help{top:211px}.stage.is-expanded .inline-teacher{left:12px;right:12px;bottom:160px;top:auto}.drive-tools{right:12px;top:211px}.brake-alert{font-size:18px;padding:14px 18px}.exercise-picker{grid-template-columns:1fr}.lobby-copy{padding-top:0}}

.exercise-picker{max-height:460px;overflow:auto;scrollbar-width:thin;padding-right:5px;overscroll-behavior:contain}.exercise-picker button strong{font-weight:700}.training-plan{margin:35px 0;border:1px solid #dce1d8;background:#fff;border-radius:20px;padding:25px}.training-plan details{border-top:1px solid #e0e5dc;padding:14px 0}.training-plan summary{font-size:14px;font-weight:700;cursor:pointer}.training-plan li{font-size:13px;color:#4b5b53;line-height:1.7;margin:8px 0}.training-plan li button{font-size:11px;min-height:32px;padding:5px 9px}.brake-signal .motion-help{border-color:#e8233c}.brake-signal .inline-teacher{border-color:#e8233c}

.hud-signals{display:flex;gap:4px;pointer-events:auto}.hud-signals button{width:30px;min-height:32px;height:32px;padding:0;background:#1c303b;border:1px solid #71858f;color:#b7c7c9;font-size:20px;border-radius:7px}.hud-signals button[aria-pressed=true]{animation:signal-pulse .8s steps(1,end) infinite;border-color:#81dfa7;color:#a5f6bf;background:#22543a}@keyframes signal-pulse{50%{color:#678578;background:#1c303b;border-color:#71858f}}#drive-parking{display:grid;gap:3px;min-height:46px}#drive-parking-state{font-size:8px;letter-spacing:.08em;font-weight:900}#drive-parking[aria-pressed=false]{border-color:#5b8d72;background:#ecf6ef;color:#234b36}.exercise-picker{max-height:none;overflow:visible;display:block;padding:0;margin:12px 0}.exercise-picker select{margin:0;font-weight:700;background:white;padding:14px;border-radius:12px}#exercise-selected-title{font-size:21px;line-height:1.2;margin:20px 0 8px}.training-plan>summary,.source-note>summary{cursor:pointer;font-size:15px;font-weight:700}.training-plan[open]>summary,.source-note[open]>summary{margin-bottom:24px}.source-note{margin-top:24px}.lobby h1{font-size:clamp(42px,4.5vw,66px)}.lobby{padding-top:40px;gap:5vw}.card-visual{height:145px}.lobby .testing-note{font-size:11px}.lobby .trust-tags{margin:20px 0}.lobby-copy{padding-top:10px}.mode-picker{margin:16px 0}.card-inner{padding:23px 26px}.hud{gap:11px}.quick-drive-actions{top:108px}@media(max-width:650px){.quick-drive-actions{top:101px}.hud-signals{gap:3px}.hud-signals button{width:25px;min-height:29px;height:29px;font-size:18px}.stage.is-expanded .hud,.hud{max-width:calc(100% - 119px);gap:5px}.gear-display{padding:0 6px}.hud .speed strong{font-size:28px}.hud .gear-display strong{font-size:24px}.lobby{gap:20px;padding-top:26px}.lobby h1{font-size:44px}.card-visual{height:120px}.card-inner{padding:20px}.trust-tags{gap:6px}.training-plan{padding:18px}}

#drive-fps,.hud-small span:last-child{display:none}
@media(max-width:650px){.lobby{padding-top:20px}.lobby h1{font-size:34px;line-height:1.06;margin:12px 0}.lobby .intro{font-size:14px;line-height:1.5;margin:12px 0}.lobby .trust-tags,.lobby-copy .testing-note,.lobby .card-visual,#exercise-selected-title,#mode-description{display:none}.lobby-copy>.eyebrow{font-size:9px;margin:0}.lobby-copy{padding-top:0}.lobby{gap:16px}.card-inner{padding:18px}.card-inner>.eyebrow{margin:0 0 5px}.card-inner h2{margin:6px 0 16px;font-size:23px}.card-inner .exercise-picker{margin:8px 0}.card-inner .fine{font-size:11px!important;line-height:1.5}.mode-picker{margin:13px 0}.mode-picker button{padding:9px;font-size:12px}.card-inner select{padding:11px;margin-bottom:10px}}

@media(max-width:650px){.hud-signals button{width:40px;min-height:40px;height:40px;font-size:21px}}

.exercise-labelbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.exercise-labelbar label{margin:0}.link-button{border:0;background:transparent;color:#a80f20;min-height:28px;padding:2px 0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.result-next-hint{font-size:14px;color:#45574d;margin:16px 0 10px}.result-secondary{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 18px}.result-secondary button{flex:1;font-size:12px}.result .primary{font-size:15px;line-height:1.45}.result{max-height:calc(100% - 30px);overflow-y:auto;overscroll-behavior:contain}.result>a{font-size:12px}#exercise-dialog{width:min(760px,calc(100% - 28px));max-height:88dvh;padding:26px;border:1px solid #d7ded8;border-radius:22px;background:#f8faf7;color:#17251e;box-shadow:0 25px 100px #0007}#exercise-dialog::backdrop{background:#081714b8;backdrop-filter:blur(5px)}.exercise-dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.exercise-dialog-head .eyebrow{margin:0}.exercise-dialog-head h2{font-size:28px;max-width:490px}.exercise-dialog-head p{font-size:13px;color:#53645c}.exercise-dialog-head button{flex-shrink:0;min-width:44px;padding:8px}.exercise-dialog-list{display:grid;gap:9px;margin:18px 0}.exercise-choice{display:grid;grid-template-columns:38px 1fr auto;gap:15px;text-align:left;align-items:center;background:white;border:1px solid #dce3da;padding:16px}.exercise-choice[aria-current]{border-color:#ad1830;box-shadow:inset 4px 0 #ad1830}.exercise-choice-number{font-size:12px;color:#66766c;font-variant-numeric:tabular-nums}.exercise-choice strong{display:block;font-size:16px}.exercise-choice small{display:block;line-height:1.4;color:#5a6c61;font-size:12px;margin-top:5px}.exercise-choice-start{font-size:12px;color:#a80f20;white-space:nowrap}@media(max-width:650px){#exercise-dialog{padding:18px;border-radius:18px;max-height:90dvh}.exercise-dialog-head h2{font-size:23px}.exercise-choice{grid-template-columns:25px 1fr;gap:10px;padding:13px}.exercise-choice-start{grid-column:2}.exercise-choice strong{font-size:14px}.exercise-choice small{font-size:11px}.result-secondary{flex-direction:column}.result-secondary button{flex:initial}.exercise-labelbar{gap:6px}.exercise-labelbar .link-button{font-size:10px}.compact-actions button{padding:8px 8px}.result .primary{font-size:13px}}

.free-start{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;border:1px solid #b7cbc5;background:#eff6f2;color:#173d34;padding:13px 16px;margin:10px 0;border-radius:14px}.free-start small{font-size:12px;font-weight:400}.free-start:hover{background:#dceee5}.free-map{position:absolute;right:16px;top:76px;width:230px;max-height:calc(100% - 160px);overflow:auto;z-index:9;background:#fff;color:#18232a;border:1px solid #d0d9d5;box-shadow:0 10px 30px #0003;border-radius:16px;padding:12px}.free-map svg{display:block;width:100%;height:auto}.free-map p{font-size:12px;line-height:1.4;margin:6px 0}.map-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.map-heading button{padding:4px 10px;min-height:40px;color:#18232a;background:#f0f3f4}#exercise-dialog>.free-start{margin:0 0 15px} @media(max-width:600px){.free-map{top:210px;right:10px;width:190px;max-height:calc(100% - 325px)}.stage-top-actions{flex-wrap:wrap}.free-start{padding:10px 12px}}

.map-starts{display:grid;grid-template-columns:1fr;gap:5px;font-size:12px}.map-starts button{min-height:36px;padding:6px 8px;color:#18232a;background:#eff4f1;font-size:12px;border-color:#cdd9d2}

/* Learning entry and support levels, v11.4 */
.learning-lobby{padding:40px 0 20px}.learning-welcome{max-width:720px}.learning-welcome h1{font-size:clamp(38px,4vw,60px);margin:14px 0;line-height:1.05}.learning-welcome>p:last-child{color:#52605b;font-size:17px;margin:14px 0 28px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entry-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:14px;background:#fff;border:1px solid #d8dfd8;border-radius:18px;padding:23px;text-decoration:none;min-height:180px;box-shadow:0 5px 20px #22392c04}.entry-card:hover{background:#f1f7f2;border-color:#7a9988}.entry-icon{font-size:12px;font-weight:800;background:#edf2eb;border-radius:9px;color:#49745e;padding:7px 10px}.entry-card strong{display:flex;justify-content:space-between;gap:12px;width:100%;font-size:21px;letter-spacing:-.02em}.entry-card small{font-size:13px;line-height:1.6;font-weight:400;color:#53635b}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border-radius:18px;background:#172c29;color:white;margin:24px 0 8px}.resume-card .eyebrow{color:#a2d5bc;margin:0}.resume-card h2{margin:8px 0;font-size:27px}.resume-card p:last-child{margin:0;font-size:13px;color:#ceded5}.resume-card .primary{width:auto;min-width:225px;flex-shrink:0;background:#fff;color:#172c29;border:1px solid #fff}.resume-card .primary:hover{background:#e7f2e9}.storage-note{padding:15px;border:1px solid #c4ab76;border-radius:12px;background:#fff8e9;font-size:13px}.training-hub{padding:35px 0 20px;scroll-margin-top:25px}.hub-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.hub-heading h2{font-size:30px}.hub-heading p:not(.eyebrow){color:#59685f;font-size:14px;max-width:600px}.hub-heading>button{flex-shrink:0;font-size:12px}.recommendation{display:flex;gap:16px;justify-content:space-between;align-items:center;border:1px solid #d7e1d5;border-radius:12px;background:#edf3e9;padding:12px 17px;margin:20px 0}.recommendation p{margin:0;font-size:13px}.recommendation button{font-size:12px;flex-shrink:0;background:transparent}.training-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.training-choice{display:flex;align-items:flex-start;gap:16px;text-align:left;background:#fff;padding:20px;border:1px solid #dce3da;border-radius:14px}.training-number{font-size:12px;color:#64766a;padding-top:3px}.training-choice strong{display:block;font-size:17px}.training-choice small{display:block;font-weight:400;color:#56665e;font-size:13px;line-height:1.5;margin-top:7px}.training-progress{display:inline-block;margin-top:12px;font-size:11px;font-weight:400;border-radius:20px;background:#edf2eb;padding:5px 9px;color:#36583f}.learning-session-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px}.learning-session-bar>span{font-size:12px;font-weight:700;color:#355b49;background:#e4eee6;border-radius:20px;padding:7px 12px}.learning-session-bar button{font-size:12px;min-height:44px}.lesson-preview{width:min(620px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:27px;border:1px solid #d6dfd6;border-radius:22px;color:#182a22;background:#fffefb;box-shadow:0 20px 100px #0006}.lesson-preview::backdrop{background:#081714b8;backdrop-filter:blur(5px)}.preview-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.preview-head h2,#exercise-selected-title{font-size:28px;display:block;margin:8px 0}.preview-head .eyebrow{margin:0}.preview-head button{min-width:44px;flex-shrink:0;padding:8px}.lesson-preview>p{font-size:14px;color:#43584b}.progress-pill{font-size:11px!important;display:inline-block;background:#edf4e9;padding:6px 10px;border-radius:20px}.support-description{padding:14px;border-radius:12px;background:#eef4ee;line-height:1.6;min-height:86px}.lesson-preview label{margin-top:20px}.lesson-preview select{min-height:48px;margin:0}.preview-controls,.goal-preview{margin:15px 0;font-size:13px}.preview-controls summary,.goal-preview summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}.preview-controls p{line-height:1.6}.lesson-preview .primary{margin-top:20px}.goal-preview svg{display:block;width:100%;height:190px;border-radius:12px;background:#dce6d6}.result-support{font-size:12px;color:#365b45;background:#ebf2e9;border-radius:9px;padding:9px 11px}.result-checks{list-style:none;padding:0;display:grid;gap:10px;margin:18px 0}.result-checks li{padding-bottom:9px;border-bottom:1px solid #e3e8e1}.result-checks strong{display:block;font-size:13px;color:#31573c}.result-checks [data-state=no] strong{color:#a01325}.result-checks [data-state=unknown] strong{color:#56636a}.result-checks small{display:block;font-size:11px;line-height:1.5;color:#59675d;margin:4px 0}.result-tip{padding:12px;background:#f4f2e9;border-radius:10px;font-size:13px}.learning-advance{width:100%;text-align:left;background:#edf5ec;color:#285238;font-size:13px}.result-secondary button{flex-basis:45%}.result h2{font-size:27px}.result-next-hint{font-size:13px}#drive-help{background:#eff6e9;color:#24462d}.result{max-width:540px}.learning-lobby+.below{padding-top:10px}
@media(max-width:700px){.learning-lobby{padding-top:25px}.entry-grid{grid-template-columns:1fr;gap:10px}.entry-card{min-height:0;padding:16px;display:grid;grid-template-columns:36px 1fr;gap:5px 12px}.entry-icon{grid-row:1/3;align-self:center;padding:9px 7px}.entry-card strong{font-size:18px}.entry-card small{font-size:12px}.learning-welcome h1{font-size:38px}.learning-welcome>p:last-child{font-size:14px;margin-bottom:20px}.resume-card{flex-direction:column;align-items:stretch;gap:18px;padding:20px}.resume-card .primary{width:100%;min-width:0}.resume-card h2{font-size:24px}.hub-heading{align-items:flex-start}.hub-heading h2{font-size:25px}.hub-heading>button{font-size:10px;padding:8px}.recommendation{flex-direction:column;align-items:stretch;gap:10px}.training-catalog{grid-template-columns:1fr}.training-choice{padding:17px}.training-choice strong{font-size:16px}.lesson-preview{padding:20px}.preview-head h2,#exercise-selected-title{font-size:25px}.learning-session-bar button{font-size:10px;padding:7px 10px}.learning-session-bar>span{font-size:11px}.compact-actions,.stage.is-expanded .compact-actions{flex-wrap:wrap;right:12px;gap:4px}.compact-actions button{min-height:44px;padding:6px 7px;font-size:10px}.stage:has(.compact-actions #free-map-button:not([hidden])) .motion-help{top:260px}.stage:has(.compact-actions #free-map-button:not([hidden])) .free-map{top:260px;max-height:calc(100% - 370px)}.stage .motion-help{max-width:calc(100% - 24px)}.result-checks{gap:8px}.result-secondary button{flex-basis:auto}}

.result-measurements{border-top:1px solid #dce5da;margin-top:10px;padding-top:4px}.result-measurements summary{min-height:44px;display:flex;align-items:center;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.result .learning-advance{margin-top:9px}.result-secondary{margin-bottom:10px}.result #result-text{font-size:14px;line-height:1.5}.result #result-status{margin:8px 0}.result>.eyebrow{margin:0}.result-support{margin:10px 0}.result .result-next-hint{margin-top:10px}.result>a{margin-top:12px}

.learning-lobby .resume-card{margin:0 0 22px}.learning-lobby .entry-grid{margin-bottom:8px}@media(max-width:700px){.learning-lobby .resume-card{padding:18px;margin-bottom:18px}.entry-card{padding:14px;gap:4px 10px}.entry-card small{line-height:1.45}.learning-welcome>p:last-child{margin-bottom:18px}.learning-welcome h1{font-size:35px}.learning-lobby .entry-grid{gap:9px}}
@media(max-width:650px){.compact-actions button{padding:6px 5px;font-size:10px}.hud .gear-display span{display:none}.hud .gear-display{padding:0 5px}.stage:has(.compact-actions #free-map-button:not([hidden])) .motion-help{top:215px}.stage:has(.compact-actions #free-map-button:not([hidden])) .free-map{top:215px;max-height:calc(100% - 330px)}}
/* Position overlays below the actual action rows, including narrow screens. */
.motion-help,.stage.is-expanded .motion-help,.drive-tools{top:calc(158px + var(--compact-height,44px) + 10px)}
@media(max-width:650px){.compact-actions button{padding:6px 4px}.motion-help,.stage.is-expanded .motion-help,.drive-tools,.stage:has(.compact-actions #free-map-button:not([hidden])) .motion-help{top:calc(158px + var(--compact-height,44px) + 10px)}.stage:has(.compact-actions #free-map-button:not([hidden])) .free-map{top:calc(158px + var(--compact-height,44px) + 10px);max-height:calc(100% - 280px - var(--compact-height,44px))}}
@media(max-width:360px){.drive-expand,.stage.is-expanded .drive-expand{width:44px;max-width:44px;min-height:44px;height:44px;padding:0;font-size:0;display:grid;place-items:center}.drive-expand::after{content:'⛶';font-size:23px;line-height:1}}