:root{--accent: #36e2c8;--accent-dim: #1c8c7d;--warn: #ffcf5c;--bg-panel: rgba(6, 14, 22, .82);--text: #d7e7ee;--text-dim: #7f97a3;--font: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#000;color:var(--text);font-family:var(--font);user-select:none;-webkit-user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}#ui-root .screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(ellipse at center,#02080e59,#02060ad9);animation:fade-in .4s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.hidden{display:none!important}.title{font-size:clamp(2.2rem,6vw,4.5rem);letter-spacing:.35rem;font-weight:700;color:#fff;text-shadow:0 0 24px var(--accent-dim)}.subtitle{margin-top:.4rem;color:var(--accent);letter-spacing:.5rem;font-size:.9rem;text-transform:uppercase}.menu-buttons{margin-top:2.6rem;display:flex;flex-direction:column;gap:.9rem;width:min(320px,80vw)}button.btn{pointer-events:auto;font-family:var(--font);font-size:1rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--text);background:var(--bg-panel);border:1px solid var(--accent-dim);padding:.85rem 1.2rem;cursor:pointer;transition:all .15s ease}button.btn:hover{color:#02151a;background:var(--accent);border-color:var(--accent);box-shadow:0 0 18px var(--accent-dim)}button.btn.primary{border-color:var(--accent);color:var(--accent)}button.btn:disabled{opacity:.35;cursor:not-allowed}.panel{margin-top:1.6rem;width:min(520px,86vw);background:var(--bg-panel);border:1px solid var(--accent-dim);padding:1.4rem 1.6rem;line-height:1.7}.panel h3{color:var(--accent);letter-spacing:.2rem;text-transform:uppercase;font-size:.85rem;margin-bottom:.8rem}.kbd-row{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-dim)}.kbd-row span:last-child{color:var(--text)}kbd{background:#0c1c26;border:1px solid var(--accent-dim);border-radius:4px;padding:1px 7px;color:var(--accent);font-size:.82rem}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.92rem;margin:.3rem 0}.layout-toggle{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}.layout-label{color:var(--text-dim);font-size:.82rem;margin-right:auto}.layout-btn{padding:.35rem .85rem;font-size:.72rem}.layout-btn.active{background:var(--accent);color:#02151a;border-color:var(--accent)}.segmented{display:flex;gap:.4rem}.foot{position:absolute;bottom:1.2rem;color:var(--text-dim);font-size:.75rem;letter-spacing:.1rem}.countdown{font-size:clamp(5rem,18vw,12rem);font-weight:700;color:var(--accent);text-shadow:0 0 40px var(--accent-dim)}.countdown small{display:block;font-size:1rem;letter-spacing:.4rem;color:var(--text-dim);text-align:center}#hud{position:absolute;inset:0;pointer-events:none;font-size:.82rem}.crosshair{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(54,226,200,.55);border-radius:50%}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#36e2c88c}.crosshair:before{left:50%;top:-8px;width:1px;height:8px}.crosshair:after{top:50%;left:-8px;height:1px;width:8px}.hud-box{position:absolute;background:#040c128c;border:1px solid var(--accent-dim);padding:.7rem .9rem;letter-spacing:.06rem}#hud-flight{left:1.4rem;bottom:1.4rem;min-width:210px}.hud-line{display:flex;justify-content:space-between;gap:1.4rem;color:var(--text-dim)}.hud-line b{color:var(--text);font-weight:600}.hud-val-accent{color:var(--accent)!important}.hud-val-warn{color:var(--warn)!important}.bar{height:6px;background:#0c1c26;border:1px solid var(--accent-dim);margin-top:4px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--accent);width:0%}#hud-target{right:1.4rem;bottom:1.4rem;min-width:200px;text-align:right}#hud-hint{left:50%;bottom:1.4rem;transform:translate(-50%);color:var(--text-dim);font-size:.74rem;letter-spacing:.1rem;background:none;border:none}#hud-hint kbd{margin:0 2px}.nav-marker{position:absolute;width:46px;height:46px;margin-left:-23px;margin-top:-23px;border:1px solid var(--accent);border-radius:50%;pointer-events:none;transition:opacity .2s ease}.nav-marker:after{content:attr(data-label);position:absolute;left:52px;top:50%;transform:translateY(-50%);white-space:nowrap;color:var(--accent);font-size:.72rem;letter-spacing:.08rem;text-shadow:0 0 6px #000}.nav-arrow{position:absolute;color:var(--accent);font-size:1.4rem;pointer-events:none;text-shadow:0 0 8px #000}#hud-objective{left:1.4rem;top:1.4rem;min-width:240px;max-width:320px}#hud-objective .obj-name{color:var(--accent);font-weight:600;letter-spacing:.04rem;margin:.15rem 0 .3rem}#hud-objective .obj-desc{color:var(--text-dim);font-size:.74rem;line-height:1.45}#hud-objective .obj-stats{margin-top:.55rem;display:flex;justify-content:space-between;color:var(--text-dim);font-size:.76rem}#hud-objective .obj-stats b{color:var(--accent)}#hud-objective.done .obj-name{color:var(--warn)}#scan-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-118px);width:96px;height:96px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .18s ease}#scan-ring.show{opacity:1}#scan-ring .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p, 0) * 1%),rgba(54,226,200,.12) 0);-webkit-mask:radial-gradient(closest-side,transparent 70%,#000 72%);mask:radial-gradient(closest-side,transparent 70%,#000 72%)}#scan-ring.toofast .ring{background:conic-gradient(var(--warn) 100%,var(--warn) 0)}#scan-ring .ring-label{position:absolute;top:104px;white-space:nowrap;color:var(--accent);font-size:.74rem;letter-spacing:.12rem;text-shadow:0 0 6px #000}#scan-ring.toofast .ring-label{color:var(--warn)}#radar{position:absolute;top:1.4rem;right:1.4rem;background:#040c128c;border:1px solid var(--accent-dim);padding:6px;transition:none}#radar .radar-title{color:var(--text-dim);font-size:.62rem;letter-spacing:.12rem;text-align:center;margin-bottom:4px}#radar.expanded{top:50%;right:50%;transform:translate(50%,-50%);background:#040c12e6;border-color:var(--accent);padding:14px;z-index:20}#radar.expanded .radar-title{font-size:.8rem}.story-text{line-height:1.75;color:var(--text)}#logbook{z-index:30}.logbook-panel{width:min(680px,90vw);max-height:82vh;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--accent);padding:1.4rem 1.6rem}.logbook-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.logbook-list{overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:.7rem}.logbook-card{border-left:2px solid var(--accent);padding:.5rem .9rem;background:#36e2c80d}.logbook-card.locked{border-left-color:var(--text-dim);background:#7f97a30d}.logbook-card-title{color:var(--accent);letter-spacing:.08rem;font-size:.85rem;margin-bottom:.25rem}.logbook-card.locked .logbook-card-title{color:var(--text-dim)}.logbook-card-text{color:var(--text);font-size:.82rem;line-height:1.6}.logbook-card.locked .logbook-card-text{color:var(--text-dim);font-style:italic}#cockpit-frame{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 180px 40px #000000d9}#cockpit-frame:before,#cockpit-frame:after{content:"";position:absolute;bottom:0;width:46%;height:30%;border-top:2px solid rgba(54,226,200,.28);background:linear-gradient(to top,rgba(6,18,24,.55),transparent)}#cockpit-frame:before{left:0;transform-origin:bottom left;transform:skew(22deg);border-right:2px solid rgba(54,226,200,.28)}#cockpit-frame:after{right:0;transform-origin:bottom right;transform:skew(-22deg);border-left:2px solid rgba(54,226,200,.28)}#transition{position:absolute;inset:0;z-index:50;pointer-events:auto;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .4s ease,opacity .4s ease}#transition.hidden{display:none!important}#transition.active{background:radial-gradient(ellipse at center,rgba(var(--theme, 255, 122, 64),.55),#020408f5 70%)}.transition-streaks{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 18px,rgba(var(--theme, 255, 122, 64),.18) 19px,rgba(var(--theme, 255, 122, 64),.18) 20px);opacity:0;transform:translate(-30%);transition:opacity .5s ease,transform var(--duration, 2.4s) linear}#transition.active .transition-streaks{opacity:1;transform:translate(30%)}.transition-center{position:relative;z-index:1;text-align:center}.transition-sub{color:rgb(var(--theme, 255, 122, 64));letter-spacing:.4rem;font-size:.85rem;text-transform:uppercase;margin-bottom:.6rem}.transition-title{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:.35rem;font-weight:700;color:#fff;text-shadow:0 0 32px rgba(var(--theme, 255, 122, 64),.9)}.transition-bar{margin:1.6rem auto 0;width:min(420px,70vw);height:4px;background:#ffffff1a;border:1px solid rgba(var(--theme, 255, 122, 64),.5)}.transition-bar-fill{height:100%;background:rgb(var(--theme, 255, 122, 64));width:0%}#surface-flight{left:1.4rem;bottom:1.4rem;min-width:240px}#surface-hint{left:50%;bottom:1.4rem;transform:translate(-50%);color:var(--text-dim);font-size:.74rem;letter-spacing:.1rem;background:none;border:none}.surface-status{position:absolute;top:1.4rem;left:50%;transform:translate(-50%);color:var(--accent);letter-spacing:.3rem;font-size:.85rem;background:#040c128c;border:1px solid var(--accent-dim);padding:.4rem 1rem}.surface-status.landed{color:var(--warn);border-color:var(--warn)}.surface-prompt,#enter-prompt{position:absolute;top:4.2rem;left:50%;transform:translate(-50%);color:var(--text);background:#040c12b3;border:1px solid var(--accent);padding:.4rem .9rem;font-size:.82rem;letter-spacing:.06rem}.toast{position:absolute;top:1.6rem;left:50%;transform:translate(-50%);background:#040c12b3;border:1px solid var(--accent-dim);padding:.5rem 1rem;color:var(--accent);letter-spacing:.1rem;font-size:.82rem;opacity:0;transition:opacity .3s ease}.toast.show{opacity:1}#surface-hud{position:absolute;inset:0;pointer-events:none;font-size:.82rem}#surface-compass{position:absolute;bottom:5rem;left:50%;transform:translate(-50%);width:220px;height:28px;background:#040c128c;border:1px solid var(--accent-dim);overflow:hidden}.compass-strip{position:absolute;top:0;left:0;height:100%;width:800px}.compass-label{position:absolute;top:50%;transform:translate(-50%,-50%);color:var(--text-dim);font-size:.64rem;letter-spacing:.04rem;pointer-events:none;user-select:none}.compass-centre{position:absolute;top:3px;bottom:3px;left:50%;width:1px;background:var(--accent);pointer-events:none;z-index:1}.surface-scan-msg{position:absolute;top:4.2rem;left:50%;transform:translate(-50%);color:var(--warn);background:#040c12b3;border:1px solid var(--warn);padding:.4rem .9rem;font-size:.82rem;font-weight:700;letter-spacing:.22rem;animation:pulse-warn 1.4s ease-in-out infinite}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.5}}.surface-notify{position:absolute;top:1.4rem;right:1.4rem;background:#040c12c7;border:1px solid var(--accent);padding:.45rem .9rem;color:var(--accent);font-size:.8rem;letter-spacing:.1rem;white-space:nowrap}#race-hud{position:absolute;inset:0;pointer-events:none;font-size:.82rem}.race-info{position:absolute;top:1.4rem;right:1.4rem;background:#040c12ad;border:1px solid var(--accent-dim);padding:.85rem 1.1rem .9rem;min-width:210px;text-align:right}.race-venue{color:var(--accent);font-size:.66rem;letter-spacing:.32rem;text-transform:uppercase;margin-bottom:.45rem}.race-timer{color:#fff;font-size:2.4rem;font-weight:700;letter-spacing:.04rem;line-height:1;margin-bottom:.5rem;text-shadow:0 0 20px var(--accent-dim)}.race-gates{color:var(--text-dim);font-size:.75rem;letter-spacing:.14rem;margin-bottom:.2rem}.race-best{color:var(--text-dim);font-size:.74rem;letter-spacing:.08rem}.race-delta{margin-top:.35rem;font-size:.9rem;font-weight:700;letter-spacing:.1rem}.race-delta.faster{color:#42f582}.race-delta.slower{color:#ff5858}.race-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;padding:1.4rem 3.5rem;background:#040c12e0;border:2px solid var(--accent);box-shadow:0 0 48px var(--accent-dim);animation:fade-in .25s ease both}.race-complete-title{color:var(--accent);font-size:1.1rem;font-weight:700;letter-spacing:.55rem;text-transform:uppercase;margin-bottom:.55rem}.race-complete-time{color:#fff;font-size:3rem;font-weight:700;letter-spacing:.08rem;text-shadow:0 0 28px var(--accent-dim)}.race-menu-stats{display:flex;flex-direction:column;gap:.35rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--accent-dim);font-size:.85rem;color:var(--text-dim)}.race-menu-stats b{color:var(--text)}.race-menu-best{color:var(--accent);font-weight:600}