:root{--ink: #dfe7f5;--dim: #8a99b8;--edge: #1d2942;--glass: rgba(8, 13, 26, .72);--accent: #ffc76b;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04060d;color:var(--ink);font:13px/1.45 ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;-webkit-text-size-adjust:100%;overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#star-panel h2,#star-panel dd{-webkit-user-select:text;user-select:text}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.panel{background:var(--glass);border:1px solid var(--edge);border-radius:10px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.boot{position:fixed;inset:auto 0 0 0;margin:auto;top:50%;transform:translateY(-50%);width:min(420px,calc(100% - 32px));padding:22px 24px;text-align:center}.boot h1{margin:0 0 6px;font:300 27px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--ink)}.boot p{margin:0 0 14px;color:var(--dim)}#boot-bar{height:3px;border-radius:2px;background:#14203a;overflow:hidden}#boot-fill{display:block;height:100%;width:0%;background:var(--accent);transition:width .14s linear}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.hud-block{position:fixed;padding:10px 12px;pointer-events:none}.hud-left{top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left))}.hud-right{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));text-align:right}.hud-bottom{left:50%;transform:translate(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(520px,calc(100% - 24px));pointer-events:auto}.row{display:flex;gap:14px;justify-content:space-between;align-items:baseline}.hud-right .row{flex-direction:row-reverse}.k{color:var(--dim);text-transform:uppercase;font-size:10px;letter-spacing:.12em}.v{font-variant-numeric:tabular-nums;font-size:15px}.v.small{font-size:11px;color:var(--dim)}.slider{display:block}.slider .k{display:block;margin-bottom:6px}.slider em{color:var(--accent);font-style:normal}#time-slider{width:100%;accent-color:var(--accent);pointer-events:auto}.hint{margin-top:8px;color:var(--dim);font-size:11px;text-align:center}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.label{position:absolute;transform:translate(8px,-50%);white-space:nowrap;font-size:11px;color:#cfe0ff;text-shadow:0 0 6px rgba(0,0,0,.9);pointer-events:none}.label:before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:1px;background:#cfe0ff8c}#reticle{position:fixed;width:26px;height:26px;margin:-13px 0 0 -13px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 12px #ffc76b59;pointer-events:none}#star-panel{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(120px,calc(env(safe-area-inset-bottom) + 120px));width:min(320px,calc(100% - 24px));max-height:46vh;overflow-y:auto;padding:14px 16px;pointer-events:auto}#star-panel h2{margin:0 0 2px;font:400 17px/1.25 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.02em}#star-panel .sub{color:var(--dim);font-size:11px;margin-bottom:10px}#star-panel dl{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0}#star-panel dt{color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.1em}#star-panel dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#star-panel .notes,#star-panel .caveats{margin-top:10px;font-size:11px;line-height:1.5}#star-panel .notes{color:#9fd3ff}#star-panel .caveats{color:#ffc0a8}#star-close{position:absolute;top:6px;right:8px;width:26px;height:26px;background:none;border:0;color:var(--dim);font-size:19px;line-height:1;cursor:pointer}#touch{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-pad{position:fixed;bottom:max(96px,calc(env(safe-area-inset-bottom) + 96px));border:1px solid var(--edge);background:#080d1a80;border-radius:50%;pointer-events:auto;touch-action:none}#stick{left:max(18px,env(safe-area-inset-left));width:124px;height:124px}#stick-knob{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffc76b38;border:1px solid var(--accent)}#throttle{right:max(18px,env(safe-area-inset-right));width:74px;height:124px;border-radius:38px;overflow:hidden;display:grid;place-items:end center;padding-bottom:8px;color:var(--dim);font-size:10px;letter-spacing:.14em}#throttle-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(to top,#ffc76b5c,#ffc76b14)}.fatal{position:fixed;inset:auto 16px 16px;top:50%;transform:translateY(-50%);max-width:560px;margin:0 auto;padding:18px 20px;color:#ffd9d9;border-color:#4a2330}.fatal h2{margin:0 0 8px;font-size:15px}.fatal code{color:var(--accent)}@media(max-width:720px){#hud{display:flex;gap:8px;align-items:flex-start;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))}.hud-left,.hud-right{position:static;flex:1 1 0;min-width:0;text-align:left}.hud-right .row{flex-direction:row}.hud-block{padding:8px 10px}.row{gap:8px}.k{font-size:9px;letter-spacing:.08em}.v{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v.small{font-size:10px}.touch-pad{bottom:max(136px,calc(env(safe-area-inset-bottom) + 136px))}#stick{width:112px;height:112px}#throttle{width:66px;height:112px}#star-panel{top:128px;bottom:auto;left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));width:auto;max-height:42vh}}