*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#01010a;overflow:hidden}.app{color:#eaf0ff;background:#01010a;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;position:fixed;inset:0;overflow:hidden}.app canvas{display:block}.title{text-align:center;pointer-events:none;text-shadow:0 2px 12px #000c;position:absolute;top:24px;left:50%;transform:translate(-50%)}.title h1{letter-spacing:.5px;margin:0;font-size:clamp(1.4rem,4vw,2.4rem)}.title p{opacity:.75;margin:6px 0 0;font-size:.85rem}.controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10162cb3;border:1px solid #7896dc40;border-radius:999px;align-items:center;gap:22px;padding:12px 22px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.control{align-items:center;gap:10px;font-size:.85rem;display:flex}.control input[type=range]{accent-color:#ffb454;cursor:pointer;width:120px}.control .value{font-variant-numeric:tabular-nums;opacity:.85;min-width:32px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;font-size:.85rem;display:flex}.toggle input{accent-color:#ffb454;cursor:pointer}.info-panel{overscroll-behavior:contain;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#10162cd1;border:1px solid #7896dc4d;border-radius:18px;width:min(340px,84vw);max-height:min(76vh,640px);padding:24px 26px;animation:.25s slide-in;position:absolute;top:50%;right:28px;overflow-y:auto;transform:translateY(-50%);box-shadow:0 12px 40px #0009}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-thumb{background:#7896dc66;border-radius:999px}@keyframes slide-in{0%{opacity:0;transform:translate(20px,-50%)}to{opacity:1;transform:translateY(-50%)}}.info-panel h2{color:#ffb454;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 12px;padding-right:28px;font-size:1.6rem;display:flex}.info-panel .badge{letter-spacing:.6px;text-transform:uppercase;color:#cdbfae;background:#cdbfae29;border:1px solid #cdbfae66;border-radius:999px;padding:2px 9px;font-size:.62rem;font-weight:700}.info-panel p{margin:0;font-size:.98rem;line-height:1.55}.info-panel .info-details{opacity:.92}.info-stats{border-top:1px solid #7896dc38;flex-direction:column;gap:11px;margin:18px 0 0;padding:16px 0 0;display:flex}.info-stat{grid-template-columns:38% 1fr;align-items:baseline;gap:10px;display:grid}.info-stat dt{text-transform:uppercase;letter-spacing:.6px;opacity:.6;font-size:.72rem}.info-stat dd{margin:0;font-size:.9rem;line-height:1.4}.info-panel .close{color:#eaf0ff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;width:30px;height:30px;font-size:1.3rem;line-height:1;transition:background .15s;position:absolute;top:12px;right:14px}.info-panel .close:hover{background:#fff3}.planet-label{letter-spacing:.3px;color:#eaf0ff;white-space:nowrap;text-shadow:0 1px 4px #000000e6;background:#0a0e1e8c;border:1px solid #7896dc4d;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:600;transform:translateY(-50%)}.planet-label.is-selected{color:#ffb454;border-color:#ffb454b3}.picker{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10162cb3;border:1px solid #7896dc40;border-radius:16px;width:180px;padding:16px;position:absolute;top:50%;left:24px;transform:translateY(-50%);box-shadow:0 8px 32px #00000080}.picker h2{text-transform:uppercase;letter-spacing:1.5px;opacity:.6;margin:0 0 12px;font-size:.8rem}.picker ul{flex-direction:column;gap:2px;margin:0 0 12px;padding:0;list-style:none;display:flex}.picker-item{color:#eaf0ff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-family:inherit;font-size:.92rem;transition:background .15s;display:flex}.picker-item:hover{background:#ffffff14}.picker-item.is-active{color:#ffb454;background:#ffb4542e;font-weight:600}.picker .swatch{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 6px #00000080}.picker-free{color:#eaf0ff;cursor:pointer;background:#ffffff0a;border:1px solid #7896dc4d;border-radius:9px;width:100%;padding:8px;font-family:inherit;font-size:.85rem;transition:background .15s,opacity .15s}.picker-free:hover:not(:disabled){background:#ffffff1f}.picker-free:disabled{opacity:.35;cursor:default}.picker-back{color:#eaf0ff;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #7896dc4d;border-radius:9px;width:100%;margin-bottom:12px;padding:7px 10px;font-family:inherit;font-size:.82rem;transition:background .15s}.picker-back:hover{background:#ffffff1f}.picker-empty{opacity:.6;margin:0 0 12px;padding:4px 2px;font-size:.85rem}