:root{color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden;background:#04050c;color:#e8eaf2;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0}.labels-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.body-label{color:#e8eaf2d9;font-size:12px;letter-spacing:.04em;text-shadow:0 1px 4px rgba(0,0,0,.9);transform:translateY(-100%);padding:2px 6px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;white-space:nowrap}.body-label.moon{font-size:10px;color:#c8cee0bf}.body-label:hover{color:#fff}.hud{position:fixed;z-index:10;background:#0a0d1ac7;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.8rem 1rem}.hud-controls{top:1rem;left:1rem;display:flex;flex-direction:column;gap:.55rem;min-width:240px;max-width:calc(100vw - 2rem)}.hud-controls h1{font-size:.95rem;font-weight:650;letter-spacing:.02em}.hud-controls .back{color:#9aa3bd;text-decoration:none;font-size:.8rem}.hud-controls .back:hover{color:#fff}.hud-controls .row{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#c3c9db}.hud-controls .row label{display:flex;align-items:center;gap:.35rem;cursor:pointer}.hud-controls input[type=range]{flex:1;accent-color:#7aa2ff}.hud-controls select{flex:1;background:#ffffff12;color:#e8eaf2;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.25rem .4rem;font-size:.8rem}.hud-controls button{background:#ffffff14;color:#e8eaf2;border:1px solid rgba(255,255,255,.15);border-radius:6px;padding:.25rem .6rem;font-size:.8rem;cursor:pointer}.hud-controls button:hover{background:#ffffff26}.speed-value{min-width:4.6rem;text-align:right;font-variant-numeric:tabular-nums;color:#9aa3bd}.hud-info{bottom:1rem;left:1rem;max-width:min(360px,calc(100vw - 2rem));display:none}.hud-info.visible{display:block}.hud-info .close{float:right;background:none;border:none;color:#9aa3bd;font-size:1rem;cursor:pointer;padding:0 0 .3rem .5rem}.hud-info .close:hover{color:#fff}.hud-info h2{font-size:1.05rem;font-weight:650}.hud-info .type{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8ea0d0;margin-bottom:.5rem}.hud-info dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .8rem;font-size:.8rem;margin-bottom:.55rem}.hud-info dt{color:#9aa3bd}.hud-info dd{font-variant-numeric:tabular-nums}.hud-info p{font-size:.82rem;line-height:1.5;color:#c3c9db}.hint{position:fixed;bottom:1rem;right:1rem;z-index:10;font-size:.72rem;color:#9aa3bdcc;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}@media (max-width: 640px){.hud-controls{min-width:0}.hint{display:none}}