.planet-info{z-index:20;pointer-events:auto;max-width:320px;animation:.6s cubic-bezier(.16,1,.3,1) slideInRight;position:fixed;top:50%;right:24px;transform:translateY(-50%)}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%)translate(40px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.planet-info__card{-webkit-backdrop-filter:blur(24px);color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:28px 24px}.planet-info__name{letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:28px;font-weight:300}.planet-info__description{opacity:.6;margin-bottom:20px;font-size:13px;line-height:1.5}.planet-info__facts{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.planet-info__fact{flex-direction:column;gap:2px;display:flex}.planet-info__label{text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-size:10px}.planet-info__value{opacity:.9;font-size:13px;font-weight:500}.planet-info__hint{color:gold;opacity:.8;background:#ffd70014;border:1px solid #ffd70026;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.5;animation:.5s fadeIn}.planet-info__complete{color:#4ade80;opacity:.9;background:#4ade8014;border:1px solid #4ade8026;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:12px;line-height:1.5;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}.planet-info__dust{flex-direction:column;gap:6px;display:flex}.planet-info__dust-bar{background:#ffffff1a;border-radius:2px;height:3px;overflow:hidden}.planet-info__dust-fill{background:linear-gradient(90deg,gold,orange);border-radius:2px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.planet-info__dust-text{letter-spacing:.05em;opacity:.5;text-align:right;font-size:11px}@media (width<=1024px){.planet-info{max-width:100%;animation:.6s cubic-bezier(.16,1,.3,1) slideInUp;inset:auto 0 0;transform:none}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.planet-info__card{border-radius:16px 16px 0 0;max-height:40vh;overflow-y:auto}}@media (width<=768px){.planet-info__name{font-size:22px}.planet-info__facts{grid-template-columns:1fr 1fr;gap:8px}}.hud{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:fixed;top:0;left:0;right:0}.hud__planet-name{letter-spacing:.2em;opacity:.5;font-family:Inter,monospace;font-size:11px;font-weight:500}.hud__right{align-items:center;gap:16px;display:flex}.hud__audio-toggle{color:#fff6;cursor:pointer;pointer-events:auto;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex}.hud__audio-toggle:hover{color:#fffc}.hud__dust-counter{align-items:center;gap:6px;font-family:Inter,monospace;display:flex}.hud__dust-icon{opacity:.7}.hud__dust-number{color:gold;letter-spacing:.02em;font-size:14px;font-weight:600}.hud__dust-total{opacity:.35;font-size:12px}@media (width<=768px){.hud{padding:16px 20px}}.progress-dots{z-index:15;pointer-events:auto;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.progress-dot{cursor:pointer;background:0 0;border:none;flex-direction:row-reverse;align-items:center;gap:8px;padding:4px;display:flex}.progress-dot__inner{background:#fff3;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.progress-dot--active .progress-dot__inner{background:#fffc;transform:scale(1.3);box-shadow:0 0 8px #fff6}.progress-dot--complete .progress-dot__inner{background:gold;box-shadow:0 0 6px #ffd70066}.progress-dot__label{letter-spacing:.1em;text-transform:uppercase;color:#fff9;white-space:nowrap;font-size:10px;animation:.3s fadeIn}.progress-dot:hover .progress-dot__inner{background:#ffffff80;transform:scale(1.2)}@media (width<=768px){.progress-dots{flex-direction:row;gap:10px;inset:auto auto 12px 50%;transform:translate(-50%)}.progress-dot{flex-direction:column}.progress-dot__label{font-size:8px}}.loading-screen{z-index:100;background:#000008;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.loading-screen--fading{opacity:0;pointer-events:none}.loading-screen__content{text-align:center;max-width:320px}.loading-screen__title{letter-spacing:.3em;color:#fff;margin-bottom:8px;font-size:32px;font-weight:200}.loading-screen__subtitle{letter-spacing:.1em;opacity:.4;margin-bottom:40px;font-size:12px}.loading-screen__bar-container{background:#ffffff1a;border-radius:1px;width:200px;height:2px;margin:0 auto 12px;overflow:hidden}.loading-screen__bar{background:linear-gradient(90deg,gold,orange);border-radius:1px;height:100%;transition:width .2s}.loading-screen__percent{letter-spacing:.1em;opacity:.3;font-family:monospace;font-size:11px}.onboarding{z-index:25;pointer-events:none;animation:1s 1.5s both fadeInUp;position:fixed;bottom:50%;left:50%;transform:translate(-50%,50%)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.onboarding__scroll-hint{flex-direction:column;align-items:center;gap:8px;display:flex}.onboarding__text{letter-spacing:.15em;text-transform:uppercase;opacity:.5;color:#fff;font-size:12px}.onboarding__chevron{color:#fff6;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;color:#fff;-webkit-font-smoothing:antialiased;background:#000008;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{width:100%;min-height:100%}.main-canvas{z-index:0;touch-action:none;inset:0;position:fixed!important}#scroll-container{z-index:1;position:relative}#scroll-container.locked{pointer-events:none}.ui-overlay{z-index:10;pointer-events:none;position:fixed;inset:0}.ui-overlay>*{pointer-events:auto}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{color:#fff;background:#ffd7004d}
