@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{color:#d7e1ea;font-synthesis:none;--line:#a8c4dc24;--gold:#dfbf86;--muted:#8294a6;--mono:"JetBrains Mono",monospace;background:#03060c;font-family:Barlow,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #bde6ef}button:hover{color:#fff;background-color:#233447}button:disabled{opacity:.5;cursor:default}#universe{touch-action:none;width:100%;height:100%;position:fixed;inset:0}#app{pointer-events:none;min-height:100svh;position:relative}#app button,#app a,#app dialog{pointer-events:auto}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:75px;display:flex;position:absolute;top:0;left:26px;right:26px}.brand{letter-spacing:2.5px;color:#e7e5df;align-items:center;gap:12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.brand-mark{color:var(--gold);font-size:29px}.brand-sub{font:9px var(--mono);letter-spacing:1px;color:#607588;margin-left:12px}.top-actions{align-items:center;gap:18px;display:flex}.preview-label{font:9px var(--mono);letter-spacing:1.5px;color:#849bac}.quiet{border:1px solid var(--line);width:28px;height:28px;color:var(--muted);background:#0c1420;border-radius:50%}.xr-button{color:#d3e9f4;background:#142330;border:1px solid #60869b66;border-radius:3px;padding:11px 18px;font-size:12px}.scene-heading{max-width:320px;position:absolute;top:110px;left:34px}.eyebrow{font:9px var(--mono);letter-spacing:2px;color:#8498ad;display:block}.scene-heading h1{letter-spacing:1px;margin:12px 0 8px;font-family:Barlow Condensed,sans-serif;font-size:38px;font-weight:400}.scene-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.clock{text-align:right;font:17px var(--mono);color:#b8c8d8;position:absolute;top:112px;right:32px}.clock small{letter-spacing:1.4px;color:#667f94;margin-top:8px;font-size:8px;display:block}.object-menu{flex-direction:column;gap:1px;display:flex;position:absolute;top:235px;left:32px}.object-menu button{text-align:left;font:10px var(--mono);color:#92a7bb;border:0;border-left:1px solid var(--line);background:#080e1777;align-items:center;gap:10px;padding:12px 15px;display:flex}.object-menu button[aria-pressed=true]{color:#e7d5b4;border-left:2px solid var(--gold);background:#172332b0}.dot{background:#9da8b7;border-radius:50%;width:7px;height:7px;display:block}.hole-dot{background:#07090b;border:1px solid #e9c98d;box-shadow:0 0 5px #cb925766}.disk-dot{background:#b59d7d}.planet-dot{background:#6dabc7}.inspector,.lesson-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c1522e8;border:1px solid #56718b40;border-radius:3px;width:285px;padding:23px;position:absolute;top:208px;right:32px}.inspector h2,.lesson-panel h2{color:#e1e8ef;margin:14px 0;font-family:Barlow Condensed,sans-serif;font-size:27px;font-weight:400;line-height:1.17}.inspector p,.lesson-panel p{color:#9dafbf;font-size:13px;line-height:1.7}.fact{font:9px var(--mono);color:#c9b68e;border-top:1px solid var(--line);margin-top:20px;padding-top:17px;line-height:1.8}.inspector .question{color:#cbd9e3;font-style:italic}.close{float:right;color:#8ca1b5;background:0 0;border:0;padding:0 0 5px 10px;font-size:24px;line-height:20px}.outline{text-align:left;background:#152638;border:1px solid #587086;width:100%;padding:11px;font-size:11px}.text-button{color:#a6cddd;text-align:left;background:0 0;border:0;padding:16px 0 0;font-size:11px}.invitation{max-width:300px;position:absolute;bottom:148px;left:34px}.invitation>span{font:8px var(--mono);letter-spacing:1.7px;color:#bfa878}.invitation p{color:#8d9db0;margin:10px 0 15px;font-size:12px}.lesson-start{color:#e3e9ed;background:#1d2b3cd9;border:1px solid #69788b60;border-radius:3px;justify-content:space-between;align-items:center;gap:38px;padding:13px 17px;font-size:12px;display:flex}.lesson-start span{color:#c9b384}.invitation small{font:8px var(--mono);color:#657b91;letter-spacing:.2px;margin-top:12px;display:block}.dock{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap;background:#0d1723ee;border:1px solid #6b829447;border-radius:4px;align-items:stretch;max-width:calc(100% - 36px);display:flex;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.dock-group{border-right:1px solid var(--line);align-items:center;gap:0;padding:4px;display:flex}.dock-group:last-child{border-right:0}.dock button{color:#9aafc2;background:0 0;border:0;border-radius:2px;min-width:42px;height:41px;padding:0 12px;font-size:12px}.dock .pause-button{color:#e1e9f2;background:#24374a;font-size:18px}.scale-group span{font:10px var(--mono);text-align:center;color:#c5d4df;width:40px}.bottom-caption{font:8px var(--mono);color:#60748a;justify-content:space-between;display:flex;position:absolute;bottom:15px;left:32px;right:32px}.bottom-caption span:last-child{letter-spacing:1px}#notice{color:#d0e3ee;z-index:4;background:#1b3041f5;border:1px solid #44667e;border-radius:4px;width:calc(100% - 40px);max-width:460px;padding:15px;font-size:12px;line-height:1.6;position:fixed;bottom:108px;left:50%;transform:translate(-50%)}.lesson-panel{pointer-events:auto;width:315px;max-height:calc(100svh - 352px);top:232px;left:32px;right:auto;overflow:auto}.lesson-panel h2{font-size:25px}.lesson-actions{flex-direction:column;gap:8px;margin-top:18px;display:flex}.lesson-actions button{color:#d6e5f0;text-align:left;background:#172b3e;border:1px solid #55748b66;border-radius:3px;padding:12px;font-size:12px}.lesson-reading{text-align:right;position:absolute;top:235px;right:32px}.lesson-reading small{font:8px var(--mono);color:#6b849c;margin-top:22px;display:block}.lesson-reading strong{font:16px var(--mono);margin-top:9px;font-weight:400;display:block}.lesson-panel .observation{color:#bca983;font-size:10px}.lesson-panel .feedback{color:#d8c298;border-left:2px solid #b99a67;padding-left:10px}dialog{color:#a5b7c7;background:#0d1826;border:1px solid #405c72;border-radius:5px;width:calc(100% - 36px);max-width:610px;max-height:85svh;padding:32px;font-size:14px;line-height:1.8;overflow:auto}dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#000a}dialog h2{color:#e3e8ec;font-family:Barlow Condensed;font-size:32px;font-weight:400}dialog h3{color:#d8c9ad;font-size:15px;font-weight:500}dialog a{color:#b8d6e8}.immersive #app{display:none}.diagnostics{color:#9ae9b0;overflow-wrap:anywhere;background:#001909d9;max-width:600px;font:9px monospace;position:fixed;bottom:105px;left:10px}@media (width<=1000px){.brand-sub{display:none}.inspector{width:260px;right:22px}.view-tools span{display:none}.scene-heading{left:24px}.object-menu{left:22px}.invitation{left:24px}.lesson-panel{width:290px;left:24px}}@media (width<=650px){.topbar{height:62px;left:18px;right:18px}.brand{letter-spacing:1.4px;gap:7px;font-size:10px}.brand-mark{font-size:23px}.top-actions{gap:10px}.preview-label{display:none}.xr-button{padding:10px;font-size:10px}.scene-heading{top:83px;left:20px}.scene-heading h1{margin-top:9px;font-size:32px}.scene-heading p{font-size:10px}.eyebrow{font-size:8px}.clock{font-size:12px;top:93px;right:20px}.clock small{letter-spacing:.5px;font-size:6px}.object-menu{flex-direction:row;top:178px;left:20px;right:20px}.object-menu button{border-left:0;border-bottom:1px solid var(--line);gap:6px;padding:9px;font-size:8px}.object-menu button[aria-pressed=true]{border-left:0;border-bottom:2px solid var(--gold)}.invitation{bottom:136px;left:20px}.invitation>span{font-size:7px}.invitation p{font-size:11px}.invitation small{font-size:7px}.lesson-start{padding:11px 14px;font-size:11px}.dock{max-width:calc(100% - 28px);bottom:48px}.dock button{min-width:31px;height:36px;padding:0 8px;font-size:11px}.dock-group{padding:3px}.optional-tools{display:none}.scale-group span{width:31px;font-size:9px}.bottom-caption{font-size:6px;bottom:22px;left:20px;right:20px}.bottom-caption span:last-child{display:none}.inspector{pointer-events:auto;width:auto;max-height:44svh;padding:18px;inset:auto 20px 128px;overflow:auto}.inspector p{margin:10px 0;font-size:12px;line-height:1.5}.inspector h2{margin:10px 0;font-size:24px}.fact{margin-top:12px;padding-top:12px;font-size:8px}.lesson-panel{width:auto;max-height:44svh;padding:18px;inset:auto 20px 128px}.lesson-panel h2{font-size:23px}.lesson-panel p{font-size:12px}.lesson-reading{top:185px;right:20px}.lesson-reading small{font-size:7px}.lesson-reading strong{font-size:12px}.lesson-reading small:nth-of-type(2),.lesson-reading strong:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.alpha-preview{background:repeating-conic-gradient(#253041 0% 25%,#3a4758 0% 50%) 0 0/80px 80px}@media (width<=650px){.planet-focus .inspector p,.planet-focus .inspector .fact{display:none}.planet-focus .inspector{padding:14px 18px}.planet-focus .inspector .text-button{padding-top:10px}}@media (width>=651px){.lesson-mode .scene-heading{max-width:540px}}.planet-focus .scene-heading,.planet-focus .object-menu,.planet-focus .clock{display:none}:root{--hud-cyan:#8de3e6;--hud-gold:#e4c18d;--hud-edge:#83d5dc42;--hud-ink:#07131fef;--hud-text:#e1eef3;--hud-muted:#a0b7c5}.inspector,.lesson-panel,.lesson-reading{border:1px solid var(--hud-edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#102738ef,#07101cf5 75%);border-radius:2px;box-shadow:inset 0 1px #b0e9ed0d,0 18px 55px #0004}.inspector:before,.lesson-panel:before,.lesson-reading:before{content:"";pointer-events:none;background:linear-gradient(var(--hud-cyan),var(--hud-cyan)) top left/18px 2px no-repeat,linear-gradient(var(--hud-cyan),var(--hud-cyan)) top left/2px 18px no-repeat,linear-gradient(var(--hud-gold),var(--hud-gold)) bottom right/18px 2px no-repeat,linear-gradient(var(--hud-gold),var(--hud-gold)) bottom right/2px 18px no-repeat;opacity:.8;position:absolute;inset:-1px}.inspector>.eyebrow{border-bottom:1px solid var(--hud-edge);color:var(--hud-cyan);letter-spacing:2px;padding-bottom:15px}.inspector h2{letter-spacing:.5px;font-size:30px}.inspector p{color:var(--hud-muted)}.inspector .fact{color:var(--hud-gold);border-color:var(--hud-edge)}.inspector .question{border-left:2px solid var(--hud-edge);padding-left:12px;font-style:normal}.outline,.lesson-start{border:1px solid var(--hud-edge);background:linear-gradient(100deg,#183847b0,#0c1d2ac0);border-radius:1px;box-shadow:inset 3px 0 #87dade66}.text-button{color:#a9c8d7}.text-button:hover{color:var(--hud-cyan);background:0 0}.hud-panel-header{font:9px var(--mono);letter-spacing:1.8px;color:var(--hud-cyan);border-bottom:1px solid var(--hud-edge);justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;display:flex}.hud-panel-header>span:first-child{align-items:center;gap:9px;display:flex}.hud-panel-header>span:last-child{color:var(--hud-gold);white-space:nowrap}.signal-dot{background:var(--hud-cyan);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block;box-shadow:0 0 8px #8de3e640}.lesson-panel{scrollbar-width:thin;scrollbar-color:#5b889a #08121e;overscroll-behavior:contain;width:320px;max-height:calc(100svh - 260px);padding:19px;top:221px;overflow-x:hidden}.lesson-panel:before{inset:0}.lesson-panel h2{color:var(--hud-text);margin:12px 0;font-size:25px;line-height:1.18}.lesson-panel>p{color:var(--hud-muted);font-size:13px;line-height:1.7}.lesson-panel>.eyebrow{display:none}.lesson-progress{font:9px var(--mono);gap:0;margin:15px 0 20px;padding:0;list-style:none;display:flex}.lesson-progress li{color:#6f8798;border-bottom:2px solid #25394a;flex:1;align-items:center;gap:6px;padding:0 0 12px;display:flex;position:relative}.lesson-progress li span{color:#92a5b2;font-size:11px}.lesson-progress li[aria-current]{color:var(--hud-cyan);border-color:var(--hud-cyan)}.lesson-progress li[aria-current] span{color:var(--hud-cyan)}.lesson-progress li.done{color:#bfcea9;border-color:#9ead7c}.lesson-progress li.done span{color:#c2d5ab}.lesson-actions{gap:9px;margin-top:21px}.lesson-actions button{color:#dce9ef;background:#102431a8;border:1px solid #739fa545;border-radius:1px;align-items:center;gap:11px;min-height:49px;padding:12px 10px;font-size:12px;line-height:1.45;transition:background .15s,border-color .15s;display:flex}.lesson-actions button:first-child{color:#dce9ef;border-color:#739fa545}.lesson-actions button:hover,.lesson-actions button[aria-pressed=true]{color:#f0fcff;background:#1e414ec9;border-color:#96e6e9}.action-index{font:9px var(--mono);color:#86b9c5;border-right:1px solid #759eaa45;min-width:24px;padding-right:9px}.action-arrow{color:#84a7b6;margin-left:auto;font-size:14px}.lesson-actions button[aria-pressed=true] .action-index{color:var(--hud-gold)}.lesson-panel>#back{border-top:1px solid var(--hud-edge);color:#8eacbe;width:100%;margin-top:21px;padding-top:16px;font-size:10px;display:block}.observation-track{gap:5px;margin-top:19px;display:flex}.observation-track span{background:#284354;flex:1;height:3px}.observation-track .observed{background:var(--hud-gold)}.lesson-panel .observation{font:9px/1.7 var(--mono);color:#a9bdc7;margin:10px 0}.lesson-panel .feedback{border-color:var(--hud-gold);background:#b5995410;padding:11px 12px;font-size:12px}.lesson-reading{text-align:left;width:194px;padding:17px;top:223px;right:32px}.lesson-reading .hud-panel-header{letter-spacing:1.3px;padding-bottom:12px;font-size:7px}.lesson-reading small{font:8px var(--mono);letter-spacing:.8px;color:#88a5b9;margin-top:18px}.lesson-reading .reading-value strong{letter-spacing:1px;color:#dbf0f3;margin:8px 0 16px;font:400 27px Barlow Condensed,sans-serif}.reading-state{border-top:1px solid var(--hud-edge);align-items:center;gap:8px;padding-top:13px;display:flex}.lesson-reading .reading-state strong{font:10px var(--mono);color:#c1d7df;margin:0}.orbit-legend{color:#94aebb;font:7px var(--mono);gap:12px;margin-top:20px;display:flex}.orbit-legend span{align-items:center;gap:5px;display:flex}.orbit-legend i{background:#7ce8e1;width:12px;height:1px}.orbit-legend span:last-child i{background:#e4c18d}.lesson-mode .scene-heading h1{margin:10px 0;font-size:34px}.lesson-mode .scene-heading>.eyebrow{color:var(--hud-cyan)}.lesson-mode .clock{border-right:2px solid var(--hud-edge);padding-right:14px}.dock{border-color:var(--hud-edge);background:linear-gradient(#122737ef,#081421f5);border-radius:2px;box-shadow:inset 0 1px #a3d2e418,0 8px 30px #0004}.dock .pause-button{color:var(--hud-cyan);background:#1d414d}.dock button:hover,.dock button[aria-pressed=true]{color:#c9f5f5;background:#214452}.object-menu button[aria-pressed=true]{border-color:var(--hud-cyan);color:#c7ebeb;background:#102c37cc}.xr-button{color:#d1f2f2;background:#102e3bc9;border-color:#8de3e65c}@media (width<=1000px) and (width>=651px){.lesson-panel{width:288px;left:24px}.lesson-reading{width:166px;right:22px}.hud-panel-header{font-size:8px}.lesson-panel h2{font-size:26px}}@media (width<=650px){.lesson-mode .scene-heading{max-width:calc(100% - 35px);top:82px}.lesson-mode .scene-heading h1{margin:8px 0 5px;font-size:25px}.lesson-mode .scene-heading p{font-size:10px}.lesson-mode .clock{display:none}.lesson-panel{width:auto;max-height:40svh;padding:16px;inset:auto 16px 112px}.lesson-panel .hud-panel-header{padding-bottom:11px;font-size:8px}.lesson-panel h2{margin:11px 0;font-size:24px}.lesson-panel>p{font-size:12px;line-height:1.55}.lesson-progress{margin:12px 0 17px;font-size:8px}.lesson-progress li{flex-direction:row;align-items:center;gap:7px;padding-bottom:9px}.lesson-progress li span{font-size:9px}.lesson-actions{gap:7px;margin-top:15px}.lesson-actions button{min-height:44px;padding:9px;font-size:11px}.lesson-panel>#back{margin-top:15px;padding-top:12px}.lesson-reading{background:#07131fce;width:146px;padding:10px 12px;top:166px;right:17px}.lesson-reading .hud-panel-header,.orbit-legend{display:none}.lesson-reading .reading-value{justify-content:space-between;align-items:center;gap:10px;display:flex}.lesson-reading small{max-width:50px;margin:0;font-size:6px;line-height:1.5}.lesson-reading .reading-value strong{margin:0;font-size:19px;display:block}.reading-state{margin-top:7px;padding-top:7px}.lesson-reading .reading-state strong{font-size:8px;display:block}.reading-state .signal-dot{width:4px;height:4px}.inspector{left:16px;right:16px}.inspector>.eyebrow{padding-bottom:12px}.inspector h2{font-size:26px}.planet-focus .inspector>.eyebrow{padding-bottom:9px}}@media (prefers-reduced-motion:reduce){.lesson-actions button{transition:none}}.lesson-panel{max-height:calc(100svh - 322px)}.lesson-panel .trial-parameters{font:11px/1.6 var(--mono);color:#d3e8eb;background:#15324170;border-left:2px solid #8de3e6;padding:8px 10px}.trial-event{background:#47361f50;border:1px solid #e4c18d65;padding:11px;color:#ffe0aa!important}.lesson-reading{width:202px}.lesson-reading small{color:#b1c9d7;font-size:10px}.reading-state{line-height:1.5}.lesson-reading .reading-state strong{font:12px/1.45 Arial,sans-serif}.vector-values{font:12px/1.7 var(--mono);margin:14px 0}.vector-values>div{justify-content:space-between;gap:12px;display:flex}.vector-values dt{color:#b8ccd8}.vector-values dd{color:#e9f4f5;margin:0}.orbit-legend{grid-template-columns:1fr 1fr;gap:5px 8px;margin-top:12px;font:10px/1.7 Arial,sans-serif;display:grid}.orbit-legend .legend-a{color:#6edce9}.orbit-legend .legend-b{color:#d5acef}.orbit-legend .legend-v{color:#e4c18d}.orbit-legend .legend-g{color:#83edae}.lesson-reading .text-button{min-height:36px;margin-top:6px;font-size:11px}.instrument-note{color:#b8cdd8;margin:8px 0;font:11px/1.7 Arial,sans-serif}.discovery{border-top:1px solid var(--hud-edge);margin-top:15px;padding-top:8px}.discovery p{color:#bfd3df;font-size:12px;line-height:1.6}.discovery strong{font:10px var(--mono);color:#8de3e6;margin-bottom:5px;display:block}.launch-inputs{gap:10px;margin-top:18px;display:grid}.launch-inputs label{color:#d9ebed;justify-content:space-between;gap:10px;font-size:13px;display:flex}.launch-inputs output{color:#f5d296}.launch-inputs input{accent-color:#f5cf8c;width:100%;min-height:30px}.launch-inputs small{color:#a9c3d0;font-size:11px;line-height:1.6}.direction-buttons{gap:8px;display:flex}.direction-buttons button{border:1px solid var(--hud-edge);flex:1;min-height:44px;font-size:11px}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #d4fbff}#lesson-title:focus{outline:none}.lesson-panel .observation{font-size:11px}.lesson-progress{font-size:10px}.lesson-panel>#back{min-height:44px;font-size:12px}.lesson-panel{flex-direction:column;height:calc(100svh - 322px);display:flex;overflow:visible}.lesson-panel .hud-panel-header{flex-shrink:0;padding-bottom:10px}.lesson-progress{flex-shrink:0;margin:10px 0 8px}.lesson-progress li{padding-bottom:8px}.lesson-body{scrollbar-width:thin;scrollbar-color:#5b889a #08121e;overscroll-behavior:contain;min-height:0;padding-right:5px;overflow:auto}.lesson-body>p{color:var(--hud-muted);font-size:13px;line-height:1.6}.lesson-body h2{margin:5px 0 10px;font-size:24px}.lesson-actions{flex-shrink:0;grid-template-columns:1fr;gap:6px;margin-top:12px;display:grid}.lesson-actions button{min-height:42px;padding:8px;font-size:12px}.lesson-actions.comparison{grid-template-columns:1fr 1fr}.lesson-actions.comparison button:nth-child(n+3){grid-column:1/-1}.lesson-actions.comparison .action-index{display:none}.lesson-panel>#back{flex-shrink:0;min-height:29px;margin-top:10px;padding:8px 0 0;font-size:11px}@media (width<=1000px) and (width>=651px){.lesson-reading{width:168px;right:18px}.orbit-legend{font-size:9px}.lesson-panel{width:282px}}@media (width<=650px){.lesson-panel{height:44svh;max-height:44svh;bottom:100px}.lesson-reading{width:155px;padding:9px 11px;top:155px}.lesson-reading .vector-values{margin:7px 0;font-size:10px}.lesson-reading .orbit-legend{gap:0 5px;margin-top:5px;font-size:9px;display:grid}.lesson-reading .reading-state strong{font-size:10px}.lesson-reading .text-button{min-height:30px;padding:3px 0;font-size:10px}.lesson-panel h2{font-size:22px}.lesson-panel .trial-parameters{font-size:10px}.lesson-actions button{min-height:48px;font-size:12px}.lesson-reading small{max-width:60px;font-size:8px}.instrument-note{max-height:100px;overflow:auto}.lesson-panel .hud-panel-header{padding-bottom:8px}.lesson-progress{margin:8px 0}.lesson-panel .lesson-actions{margin-top:8px}.lesson-panel>#back{min-height:30px;margin-top:8px;padding-top:8px}}.lesson-actions.compact{grid-template-columns:1fr 1fr}.lesson-actions.compact .action-index,.lesson-actions.compact .action-arrow{display:none}.lesson-actions.compact.launch button:first-child{grid-column:1/-1}.launch-inputs{grid-template-columns:1fr 1fr;gap:4px 12px;margin-top:10px}.launch-inputs label{font-size:11px;display:block}.launch-inputs output{margin-top:4px;display:block}.launch-inputs label[for=launch-speed]{grid-area:1/1}.launch-inputs #launch-speed{grid-area:2/1}.launch-inputs label[for=launch-mass]{grid-area:1/2}.launch-inputs #launch-mass{grid-area:2/2}.launch-inputs .direction-buttons,.launch-inputs small{grid-column:1/-1}.direction-buttons button{color:#dce9ef;background:#102431}.direction-buttons button:hover{background:#1e414e;border-color:#96e6e9}.course-menu{width:310px;max-width:calc(100% - 40px)}.course-menu .lesson-start{text-align:left;width:100%;margin:7px 0;padding:10px 13px;font-size:12px;display:block}.course-menu small{margin-top:10px;display:block}.topic-reading p{color:#d5e8ec;font-size:12px;line-height:1.6}.topic-reading .instrument-note{color:#a0b7c5;font-size:11px}.lesson-panel>#topic-back{border:0;border-top:1px solid var(--hud-edge);text-align:left;background:0 0;flex-shrink:0;margin-top:10px;padding:10px 0 0;font-size:11px}@media (width<=650px){.lesson-reading{grid-template-columns:1fr 1fr;gap:3px 14px;width:auto;display:grid;left:16px;right:16px}.lesson-reading .reading-state{border:0;margin:0;padding:0}.lesson-reading .reading-value{justify-content:flex-start}.lesson-reading .vector-values{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.lesson-reading .orbit-legend{grid-column:1/-1;justify-content:space-between;margin:0;display:flex}.lesson-reading .text-button{text-align:left;grid-column:1/-1;min-height:22px;margin:0;padding:0}.lesson-reading .instrument-note{grid-column:1/-1;margin:0}.lesson-mode .optional-tools{display:flex}.lesson-mode #voice{padding:0 10px;font-size:11px;display:block}.dock{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 28px)}.dock .optional-tools{flex-basis:100%;justify-content:center;display:flex}.lesson-mode .lesson-panel{height:39svh;max-height:39svh;bottom:142px}.topic-reading{display:block}.topic-reading #topic-readings{grid-template-columns:1fr 1fr;gap:4px 10px;display:grid}.topic-reading p{margin:0;font-size:10px}.topic-reading .instrument-note{margin-top:5px;font-size:9px}.course-menu{bottom:155px}.course-menu .lesson-start{padding:9px;font-size:11px}}