@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap";body{color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background-color:#000;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}#canvas-container{z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0}.ui-overlay{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex;position:absolute;inset:0}.hud-header{pointer-events:auto;justify-content:space-between;align-items:flex-start;display:flex}.hud-title-container{flex-direction:column;gap:.25rem;display:flex}.hud-title{letter-spacing:.1em;text-transform:uppercase;color:#ffffffe6;margin:0;font-size:1.25rem;font-weight:700}.hud-subtitle{color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}.glassmorphism{-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.planet-info-card{pointer-events:auto;border-radius:1rem;align-self:flex-end;width:100%;max-width:380px;padding:1.5rem;transition:all .7s cubic-bezier(.16,1,.3,1)}.planet-info-card.visible{opacity:1;transform:translate(0)}.planet-info-card.hidden{opacity:0;pointer-events:none;transform:translate(20px)}.planet-info-content{flex-direction:column;gap:1rem;display:flex}.planet-header{margin-bottom:.5rem}.planet-name{color:#fff;margin:0 0 .25rem;font-size:2.5rem;font-weight:300}.planet-subtitle{letter-spacing:.1em;text-transform:uppercase;font-size:.875rem;font-weight:500}.planet-desc{color:#ffffffb3;margin:0;font-size:.875rem;font-weight:300;line-height:1.6}.planet-footer{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:.75rem;display:flex}.planet-dust{align-items:center;gap:.5rem;display:flex}.dust-indicator{border-radius:50%;width:8px;height:8px}.progress-dots-container{pointer-events:auto;flex-direction:column;gap:.75rem;display:none;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}@media (width>=768px){.progress-dots-container{display:flex}}.progress-dot{background-color:#fff3;border-radius:50%;width:8px;height:8px;transition:all .3s}.progress-dot.active{background-color:#fff;transform:scale(1.5)}.onboarding-hint{color:#ffffff80;letter-spacing:.3em;text-transform:uppercase;font-size:.75rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.lock-message{letter-spacing:.15em;text-transform:uppercase;margin-top:.75rem;padding:.5rem 0;font-family:Inter,monospace;font-size:.7rem}.lock-red{color:#ff6b6b}.lock-green{color:#51cf66}