:root{--bg: #020409;--panel: rgba(7, 13, 26, .78);--panel-border: rgba(76, 201, 255, .22);--ink: #d7e8f4;--ink-dim: #6f8aa3;--cyan: #4cc9ff;--orange: #ff8c3b;--font-display: "Michroma", sans-serif;--font-ui: "Chakra Petch", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}.app{position:relative;height:100%}.app canvas{display:block}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud button,.hud input,.hud a{pointer-events:auto}.hud-frame{position:absolute;top:14px;right:14px;bottom:14px;left:14px;pointer-events:none}.hud-frame:before,.hud-frame:after{content:"";position:absolute;width:26px;height:26px;border:1px solid rgba(76,201,255,.45)}.hud-frame:before{top:0;left:0;border-right:none;border-bottom:none}.hud-frame:after{bottom:0;right:0;border-left:none;border-top:none}.hud-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 3px,rgba(76,201,255,.012) 3px,rgba(76,201,255,.012) 4px);mix-blend-mode:screen}.hud-header{position:absolute;top:32px;left:36px}.hud-title{font-family:var(--font-display);font-size:1.7rem;letter-spacing:.32em;color:var(--ink);text-shadow:0 0 24px rgba(76,201,255,.45)}.hud-title-accent{color:var(--cyan)}.hud-subtitle{margin-top:6px;font-size:.72rem;font-weight:300;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-dim)}.hud-status{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:5px 12px;font-size:.66rem;letter-spacing:.22em;color:var(--cyan);border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hud-status-dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.hud-selector{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:min(880px,calc(100vw - 48px))}.hud-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--font-ui);font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:color .2s,border-color .2s,box-shadow .2s,transform .2s;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.hud-chip:hover{color:var(--ink);border-color:#4cc9ff8c;transform:translateY(-1px)}.hud-chip.is-active{color:var(--ink);border-color:var(--cyan);box-shadow:0 0 18px #4cc9ff38,inset 0 0 12px #4cc9ff14}.hud-chip-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.hud-speed{position:absolute;bottom:96px;right:36px;width:200px;padding:14px 16px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.hud-speed-label{display:block;margin-bottom:10px;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.hud-speed-label strong{color:var(--orange);font-weight:600}.hud-speed input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,var(--cyan),var(--orange));outline:none;cursor:pointer}.hud-speed input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--ink);border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #4cc9ff99}.hud-speed input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--ink);border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 10px #4cc9ff99}.hud-speed-marks{display:flex;justify-content:space-between;margin-top:8px;font-size:.58rem;letter-spacing:.18em;color:var(--ink-dim)}.planet-panel{position:absolute;top:50%;right:36px;transform:translateY(-50%);width:320px;padding:26px 26px 20px;background:var(--panel);border:1px solid var(--panel-border);border-left:2px solid var(--accent, var(--cyan));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.planet-panel-header{display:flex;justify-content:space-between;align-items:flex-start}.planet-panel-type{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--accent, var(--cyan))}.planet-panel-name{margin-top:6px;font-family:var(--font-display);font-size:1.5rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-shadow:0 0 20px color-mix(in srgb,var(--accent, var(--cyan)) 40%,transparent)}.planet-panel-close{padding:4px 9px;font-family:var(--font-ui);font-size:.8rem;color:var(--ink-dim);background:transparent;border:1px solid var(--panel-border);cursor:pointer;transition:color .2s,border-color .2s}.planet-panel-close:hover{color:var(--ink);border-color:var(--cyan)}.planet-panel-divider{height:1px;margin:18px 0;background:linear-gradient(90deg,var(--accent, var(--cyan)),transparent);opacity:.5}.planet-panel-data{display:grid;gap:12px}.planet-panel-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:.78rem}.planet-panel-row dt{flex-shrink:0;letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;color:var(--ink-dim)}.planet-panel-row dd{text-align:right;color:var(--ink);font-weight:500}.planet-panel-composition{margin-top:20px;padding:14px;background:#4cc9ff0a;border:1px solid rgba(76,201,255,.12)}.planet-panel-composition h3{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px}.planet-panel-composition p{font-size:.78rem;font-weight:300;line-height:1.55;color:var(--ink)}.planet-panel-footer{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:.58rem;letter-spacing:.26em;color:var(--accent, var(--cyan))}.planet-panel-footer-dot{width:6px;height:6px;border-radius:50%;background:var(--accent, var(--cyan));box-shadow:0 0 8px var(--accent, var(--cyan));animation:pulse 1.2s ease-in-out infinite}.planet-label-wrapper{pointer-events:none}.planet-label{padding:4px 12px;font-family:var(--font-ui);font-size:.68rem;font-weight:600;letter-spacing:.3em;white-space:nowrap;color:var(--cyan);background:#020409bf;border:1px solid rgba(76,201,255,.4);text-shadow:0 0 12px rgba(76,201,255,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:880px){.planet-panel{top:auto;bottom:150px;right:16px;left:16px;width:auto;transform:none}.hud-speed{display:none}.hud-header{top:20px;left:20px}.hud-title{font-size:1.2rem}}