:root{font-family:"Segoe UI","Malgun Gothic",sans-serif;color:#e9eddd;background:#121711;font-synthesis:none;--lime:#d2e69e;--line:#b1bd862e}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;border:0;cursor:pointer;touch-action:none}button:focus-visible,a:focus-visible{outline:2px solid #eaffb4;outline-offset:4px}button:hover{filter:brightness(1.15)}[hidden]{display:none!important}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:#1b2117}.brand{font-size:19px;font-weight:900;letter-spacing:2px;text-decoration:none;color:#eef0e0;display:flex;align-items:center;gap:19px}.brand span{font-size:10px;letter-spacing:2px;color:#a8b48b}.course-name{font-size:11px;letter-spacing:2px;color:#c5cdb8}.course-name span{letter-spacing:0;margin-left:15px;color:#8b987e}.virtual{font-size:11px;color:#aebba0}i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:7px}main{padding:0 24px;max-width:1920px;margin:auto}.toolbar{height:88px;display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:9px;letter-spacing:2px;color:#bcca9f;font-weight:700}h1{font-size:22px;letter-spacing:-1px;margin:7px 0 0}.view-switch{display:flex;gap:3px;background:#222b1c;padding:4px;border:1px solid var(--line);border-radius:4px}.view-switch button{color:#a6b398;background:transparent;font-size:11px;padding:10px 15px;border-radius:2px}.view-switch button[aria-pressed=true]{background:#ccdba7;color:#25311b;font-weight:700}#fullscreen{font-size:21px;padding:2px 13px;border-left:1px solid var(--line)}#world{height:calc(100dvh - 211px);min-height:610px;max-height:1080px;position:relative;overflow:hidden;border:1px solid #8d9e694a;border-radius:5px;background:#a6ad98;isolation:isolate}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}#world:fullscreen{height:100dvh;max-height:none;border:0;border-radius:0}.topline{position:absolute;left:20px;right:20px;top:17px;display:flex;justify-content:space-between;font:10px Consolas,"Malgun Gothic",monospace;color:#fff;text-shadow:0 1px 5px #000;letter-spacing:1px}.topline span{padding:5px 8px;background:#182019b8;border:1px solid #c0d79c30}.topline b{font-weight:400}.panel{background:#19231bdc;border:1px solid #b6cc8d4a;backdrop-filter:blur(12px);box-shadow:0 12px 30px #0a170a14;border-radius:4px}.lesson{position:absolute;left:24px;top:61px;width:280px;padding:19px}.lesson-head{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#d2e69e}#progressDots{letter-spacing:5px;color:#bdd490}h2{margin:12px 0;font-size:20px;letter-spacing:-.6px}p{font-size:12px;line-height:1.8;color:#b9c3b2;margin:0 0 12px}.objective{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:13px;font-size:10px;color:#aebca2}.objective strong{color:var(--lime);font:19px Consolas,monospace}.minimap{position:absolute;right:24px;top:61px;width:168px;padding:12px}.minimap>div{display:flex;justify-content:space-between;font-size:9px;color:#cbd7bd}.minimap canvas{display:block;width:100%;height:auto;margin:7px 0}.minimap small{font-size:8px;color:#91a482}.welcome,.result{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);padding:30px;width:min(450px,calc(100% - 36px));background:#172019f2;box-shadow:0 25px 100px #0005;z-index:5}.welcome h2,.result h2{font-size:25px}.quick-guide{display:grid;grid-template-columns:1fr 1fr;gap:14px 15px;margin:24px 0;color:#ced7c4;font-size:11px}kbd{font:10px Consolas,"Malgun Gothic",monospace;padding:3px 6px;border:1px solid #aaba853d;border-radius:3px;color:#e4eacf;background:#d9e8be0a;white-space:nowrap}.primary{padding:14px 17px;background:var(--lime);color:#24331c;font-weight:bold;font-size:13px;width:100%;border-radius:2px;display:flex;justify-content:space-between}.welcome>small{font-size:10px;color:#8da17f;display:block;text-align:center;margin-top:15px}.drive-controls{position:absolute;left:24px;bottom:25px;width:174px;padding:13px}.control-title{font-size:10px;display:flex;justify-content:space-between;color:#c2d2b1}.control-title span{font-size:9px;color:#839b76}.pad{display:grid;grid-template-columns:repeat(3,42px);gap:5px;justify-content:center;margin-top:12px}.pad button{height:36px;background:#53654780;border:1px solid #b4d18f28;border-radius:3px;color:#e0ebd2;font-size:12px}.pad button:first-child{grid-column:2}.pad button:nth-child(2){grid-column:1}.pad button.pressed,.pad button:active{background:var(--lime);color:#22321b}.bottom-hud{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);width:370px}.telemetry{background:#152019e8;border:1px solid #b6cc8d4a;border-radius:4px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:17px}.telemetry small{display:block;font-size:8px;color:#a0b18e;margin-bottom:8px}.telemetry b{font:14px Consolas,"Malgun Gothic",monospace;font-weight:400}.velocity{display:flex;align-items:baseline;gap:6px}.velocity strong{font:38px Consolas,monospace;color:#e3f0c9;letter-spacing:-2px}.velocity span{font:10px Consolas,monospace;color:#a0b18e}.keyboard-help{display:flex;justify-content:center;gap:13px;font-size:8px;color:#e6ecd8;text-shadow:0 1px 4px #000;margin-top:9px}.safety-controls{position:absolute;bottom:25px;right:24px;width:178px;display:flex;flex-wrap:wrap;gap:7px}.stop{background:#a45535eb;border:1px solid #e5af8077;color:#fff0df;font-size:12px;font-weight:700;padding:14px 10px;width:100%;border-radius:3px}.stop kbd{margin-left:6px;border-color:#e2aa7766}.reset{background:#1c2a1ee8;border:1px solid #b6cc8d4a;color:#c4d5b5;font-size:9px;border-radius:3px;padding:10px 0;flex:1}.reticle{position:absolute;left:50%;top:50%;pointer-events:none;width:22px;height:22px;border:1px solid #f1f7e444;border-radius:50%;display:none}.fpv .reticle{display:block}.reticle span{width:2px;height:2px;background:#fff;display:block;position:absolute;left:9px;top:9px}#feedback{position:absolute;left:50%;transform:translateX(-50%);bottom:155px;background:#18221be6;border:1px solid #b6cc8d4a;color:#e4ebc9;font-size:11px;padding:12px 20px;text-align:center;max-width:500px;line-height:1.6;transition:opacity .3s;border-radius:3px}#feedback:empty{opacity:0;pointer-events:none}.blocked #feedback{border-color:#e5a369;color:#ffd7b3}.blocked #scene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #d3863233;pointer-events:none}.result #resultStats{display:flex;justify-content:space-around;border-top:1px solid var(--line);padding:20px 0;margin-top:20px;font-size:11px;color:#a5b99a}.result #resultStats strong{display:block;font:23px Consolas,monospace;color:#e2efc9;margin-bottom:8px}footer{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7f8e74;font-size:9px}footer strong{color:#acbb99;margin-right:9px}
@media(max-width:1080px){.lesson{width:240px;padding:15px}.bottom-hud{width:300px}.telemetry{gap:10px;padding:12px}.velocity strong{font-size:30px}.keyboard-help span:last-child{display:none}.drive-controls{width:157px}.safety-controls{width:155px}.course-name{display:none}}
@media(max-width:760px){header{height:55px;padding:0 16px}.brand{font-size:15px;gap:9px}.brand span{font-size:7px;letter-spacing:1px}.virtual{font-size:9px}main{padding:0 10px}.toolbar{height:97px;align-items:flex-start;padding-top:12px;flex-wrap:wrap;gap:8px}.toolbar>div:first-child{width:100%}h1{font-size:17px;margin:3px 0}.eyebrow{font-size:7px}.view-switch{padding:2px}.view-switch button{padding:6px 13px;font-size:9px}#fullscreen{font-size:15px}#world{height:calc(100dvh - 198px);min-height:650px}.topline{left:10px;right:10px;top:10px;font-size:8px}.lesson{top:45px;left:10px;width:210px;padding:12px}.lesson h2{font-size:16px;margin:8px 0}.lesson p{font-size:10px;margin-bottom:8px}.objective{padding-top:9px;font-size:9px}.minimap{top:45px;right:10px;width:105px;padding:8px}.minimap>div{font-size:8px}.minimap small{display:none}.welcome,.result{top:52%;padding:24px}.welcome h2,.result h2{font-size:21px}.drive-controls{bottom:92px;left:10px;width:148px;padding:10px}.pad{grid-template-columns:repeat(3,37px);gap:4px;margin-top:8px}.pad button{height:34px}.safety-controls{right:10px;bottom:92px;width:145px}.stop{font-size:10px;padding:13px 6px}.stop kbd{font-size:8px}.bottom-hud{bottom:12px;width:calc(100% - 20px)}.telemetry{padding:10px 14px}.keyboard-help{display:none}.telemetry small{margin-bottom:4px}.velocity strong{font-size:28px}#feedback{bottom:225px;max-width:calc(100% - 20px);width:max-content;font-size:10px;padding:9px 12px}footer{font-size:8px;padding:9px 0;min-height:40px;line-height:1.7}footer span:nth-child(n+2){display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.surface-hud{position:absolute;top:62px;left:50%;transform:translateX(-50%);display:flex;gap:16px;align-items:center;padding:10px 14px;font-size:9px;color:#d3ddbf;white-space:nowrap}.surface-hud span+span{color:#a4b490}.surface-hud b{font-family:Consolas,monospace;color:#e0e8cd}.surface-hud #terrainProgress{font-size:8px}.surface-hud:has(#surfaceName){border-color:#b6cc8d55}@media(max-width:1080px){.surface-hud{top:44px;padding:7px 10px;font-size:8px;gap:9px}}@media(max-width:760px){.surface-hud{top:240px;width:calc(100% - 20px);justify-content:space-between;padding:9px 12px}.surface-hud #terrainProgress{font-size:8px}.lesson p{line-height:1.65}}
.platform-switch{display:flex;gap:3px;border:1px solid var(--line);border-radius:4px;padding:4px;margin-left:auto}.platform-switch button{background:transparent;color:#a7b79a;font-size:11px;padding:10px 14px;border-radius:2px}.platform-switch button[aria-pressed=true]{background:#566444;color:#eef4df}.course-name b{font-weight:400}@media(max-width:760px){.toolbar{height:130px;align-content:flex-start}.platform-switch{margin-left:0;padding:2px}.platform-switch button{font-size:9px;padding:6px 12px}.view-switch{margin-left:auto}.view-switch button{padding:6px 8px}#world{height:calc(100dvh - 231px)}}
.brand img{display:block;object-fit:contain;max-width:136px}.back-link{font-size:11px;color:#c7d5b5;text-decoration:none;border-left:1px solid var(--line);padding-left:20px}.back-link:hover{color:#efffd3}@media(max-width:760px){.brand{gap:8px}.brand img{width:94px;height:25px}.brand span{display:none}.back-link{font-size:9px;padding-left:10px;white-space:nowrap}.virtual{display:none}}