:root{--bg: #05060d;--fg: #eaf0ff;--muted: #9aa6c8;--accent: #6ea8ff;--accent-2: #b98bff;--panel: rgba(14, 18, 34, .72);--border: rgba(140, 160, 220, .18);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:relative;height:100vh;width:100vw;overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.stage canvas{display:block}.navbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 30px;pointer-events:none}.brand{display:flex;align-items:center;gap:10px;pointer-events:auto}.brand-mark{font-size:24px;color:var(--accent);filter:drop-shadow(0 0 8px var(--accent))}.brand-name{font-weight:700;letter-spacing:3px;font-size:15px}.brand-name span{color:var(--accent);font-weight:400}.tabs{position:absolute;top:54px;left:calc(100% - (min(410px,92vw)/2));transform:translate(-50%);width:max-content;display:flex;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:999px;padding:7px 8px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto}.tab{position:relative;border:0;background:transparent;color:var(--muted);font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.4px;padding:9px 16px;border-radius:999px;cursor:pointer;transition:all .25s ease}.tab:hover:not(:disabled){color:var(--fg)}.tab.is-active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#07101f;font-weight:600}.tab.is-disabled{opacity:.5;cursor:not-allowed}.soon{position:absolute;top:-4px;right:4px;font-size:8px;letter-spacing:.5px;text-transform:uppercase;background:var(--accent-2);color:#0a0a1a;padding:1px 5px;border-radius:6px}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:15;width:56px;height:56px;border-radius:50%;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);font-size:28px;line-height:1;cursor:pointer;transition:all .2s ease}.nav-arrow:hover{border-color:var(--accent);box-shadow:0 0 22px #6ea8ff59}.nav-arrow.left{left:26px}.nav-arrow.right{right:26px;transition:right .4s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s}.nav-arrow.right.shifted{right:calc(min(410px,92vw) + 22px)}.title-card{position:absolute;left:50%;bottom:92px;transform:translate(-50%);text-align:center;z-index:12;transition:opacity .4s ease,transform .4s ease}.title-card.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,20px)}.title-eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent)}.title-card h1{margin:0 0 14px;font-size:44px;font-weight:700;letter-spacing:1px;text-shadow:0 4px 30px rgba(0,0,0,.6)}.details-btn{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--fg);font-family:inherit;font-size:13px;letter-spacing:.5px;padding:10px 22px;border-radius:999px;cursor:pointer;transition:all .2s ease}.details-btn:hover{border-color:var(--accent);box-shadow:0 0 22px #6ea8ff4d}.dots{position:absolute;left:50%;bottom:36px;transform:translate(-50%);display:flex;gap:10px;z-index:12}.dot{width:9px;height:9px;border-radius:50%;border:0;background:#b4c3f047;cursor:pointer;padding:0;transition:all .25s ease}.dot:hover{background:#b4c3f099}.dot.is-active{background:var(--accent);box-shadow:0 0 12px var(--accent);transform:scale(1.35)}.anim-toggle{position:absolute;left:calc((100% - min(410px,92vw))/2);bottom:34px;transform:translate(-50%);z-index:16;border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-family:inherit;font-size:12px;letter-spacing:.5px;padding:8px 18px;border-radius:999px;cursor:pointer;opacity:.7;transition:opacity .25s ease,border-color .2s ease,color .2s ease;animation:fadeUp .3s ease}.anim-toggle:hover{opacity:1;color:var(--fg);border-color:var(--accent)}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:.7;transform:translate(-50%)}}.hint{position:absolute;top:84px;left:50%;transform:translate(-50%);z-index:12;font-size:13px;color:var(--muted);background:var(--panel);border:1px solid var(--border);padding:9px 18px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:floaty 3s ease-in-out infinite}@keyframes floaty{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-5px)}}.hover-name{position:absolute;top:96px;left:50%;transform:translate(-50%);z-index:12;font-size:20px;font-weight:600;letter-spacing:1px;color:var(--fg);background:var(--panel);border:1px solid var(--border);padding:10px 22px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;text-shadow:0 2px 18px rgba(0,0,0,.6)}.info-panel{position:absolute;top:0;right:0;height:100%;width:min(410px,92vw);z-index:18;background:linear-gradient(180deg,#0b0f1ff7,#070914fa);border-left:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:-20px 0 60px #00000080;padding:116px 34px 48px;overflow-y:auto;overscroll-behavior:contain;-webkit-user-select:text;user-select:text;cursor:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:transform;animation:slideIn .45s cubic-bezier(.16,1,.3,1)}.info-panel::-webkit-scrollbar{width:8px}.info-panel::-webkit-scrollbar-track{background:transparent}.info-panel::-webkit-scrollbar-thumb{background:#8ca0dc4d;border-radius:8px}.info-panel::-webkit-scrollbar-thumb:hover{background:#8ca0dc8c}.info-panel{scrollbar-width:thin;scrollbar-color:rgba(140,160,220,.3) transparent}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.info-close{position:absolute;top:14px;left:24px;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#ffffff0d;color:var(--fg);font-size:22px;line-height:1;cursor:pointer;transition:all .2s ease}.info-close:hover{background:#ffffff1f;border-color:var(--accent)}.info-eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent)}.info-header h2{margin:0;font-size:36px;font-weight:700}.info-section{margin-top:28px}.info-section h3{margin:0 0 12px;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-2)}.info-section p{margin:0;font-size:14.5px;line-height:1.65;color:#d4ddf5}.info-facts{margin:0}.fact-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid rgba(140,160,220,.1)}.fact-row dt{color:var(--muted);font-size:13px;flex-shrink:0}.fact-row dd{margin:0;text-align:right;font-size:13px;font-weight:500}.info-list{margin:0;padding-left:18px}.info-list li{font-size:14px;line-height:1.6;color:#d4ddf5;margin-bottom:9px}.info-life{background:linear-gradient(135deg,#6ea8ff1f,#b98bff1f);border:1px solid var(--border);border-radius:14px;padding:18px 20px}.info-life h3{margin-top:0}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(1.5px 1.5px at 12% 18%,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 28% 72%,rgba(190,215,255,.8),transparent),radial-gradient(1px 1px at 47% 33%,rgba(255,255,255,.7),transparent),radial-gradient(1.5px 1.5px at 63% 80%,rgba(255,255,255,.85),transparent),radial-gradient(1px 1px at 78% 26%,rgba(200,220,255,.7),transparent),radial-gradient(1px 1px at 88% 64%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 36% 12%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 56% 58%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 8% 52%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 92% 40%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 20% 90%,rgba(255,255,255,.55),transparent),radial-gradient(1px 1px at 70% 10%,rgba(255,255,255,.7),transparent),radial-gradient(circle at 50% 42%,#0c1c40,#0a1330 45%,#070b1e);transition:opacity .6s ease}.loader-brand{font-weight:700;letter-spacing:5px;font-size:22px;color:var(--fg);text-shadow:0 2px 24px rgba(0,0,0,.6)}.loader-brand span{color:var(--accent);font-weight:400}.loader.is-done{opacity:0;pointer-events:none}.loader-orbit{width:90px;height:90px;border:1px solid rgba(140,160,220,.25);border-radius:50%;position:relative;animation:spin 2.4s linear infinite}.loader-planet{position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.loader-text{color:var(--muted);letter-spacing:1px;font-size:14px}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 720px){.tabs{top:56px;left:50%;right:auto;transform:translate(-50%)}.app:has(.info-panel) .tabs,.app:has(.info-panel) .nav-arrow{display:none}.info-panel{top:auto;bottom:0;left:0;right:0;width:100%;height:50vh;border-left:none;border-top:1px solid var(--border);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:0 -20px 60px #0000008c;padding:26px 22px 36px;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.info-close{top:14px;right:16px;left:auto}.anim-toggle{display:none}.title-card h1{font-size:32px}.nav-arrow{width:46px;height:46px;font-size:24px}}