.orbit{height:520vh;height:520svh;margin-top:56px;position:relative}.orbit .opin{height:100vh;height:100svh;position:sticky;top:0;overflow:hidden}.ohead{z-index:30;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:absolute;top:max(128px,min(17vh,160px));left:0;right:0}.ohead .mono{color:var(--gold);white-space:normal}.ohead .ohint{display:none}.obar{background:var(--rule2);flex:100%;height:1px;position:relative;overflow:hidden}.obar i{background:var(--gold);transform-origin:0;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.orrery{position:absolute;top:0;bottom:0;left:0;right:0}.orings{pointer-events:none;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.orings ellipse{fill:none;stroke:#e8dfcc1a;stroke-width:1px;transition:stroke .5s}.orings ellipse.cur{stroke:#e4c77f8c}.obelt{z-index:4;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.obelt.near{z-index:21}.sun{z-index:10;cursor:var(--cursor-lock);border:0;border-radius:50%;margin:0;padding:0;transition:box-shadow .6s;position:absolute;top:0;left:0;box-shadow:0 0 36px 8px #ffbe5a6b,0 0 110px 40px #f08c2829}.sun:hover{outline:none;box-shadow:0 0 44px 12px #ffc8648c,0 0 130px 50px #f0963238}.sun:focus-visible{outline:none;box-shadow:0 0 44px 12px #ffc8648c,0 0 130px 50px #f0963238}.sun.away canvas{visibility:hidden}.sun canvas{z-index:1;will-change:transform;position:absolute;top:0;bottom:0;left:0;right:0}.sun:before{content:"";background:radial-gradient(circle,#ffcd7857 34%,#ff96321a 52%,#0000 70%);border-radius:50%;animation:7s ease-in-out infinite alternate sunpulse;position:absolute;top:-38%;bottom:-38%;left:-38%;right:-38%}@keyframes sunpulse{0%{opacity:.7;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.planet{z-index:2;width:max(var(--d), 46px);height:max(var(--d), 46px);cursor:var(--cursor-lock);will-change:transform;background:0 0;border:0;border-radius:50%;margin:0;padding:0;transition:box-shadow .8s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.planet canvas{pointer-events:none;will-change:transform;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planet:focus-visible{outline:none}.planet:after{content:"";border:1px solid #e4c77f00;border-radius:50%;transition:border-color .5s,top .5s cubic-bezier(.22,1,.36,1),bottom .5s,left .5s cubic-bezier(.22,1,.36,1),right .5s;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.planet:hover:after{border-color:#e4c77f8c;top:-14px;bottom:-14px;left:-14px;right:-14px}.planet:focus-visible:after{border-color:#e4c77f8c;top:-14px;bottom:-14px;left:-14px;right:-14px}.planet.away canvas{visibility:hidden}.planet:before{content:"";width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);pointer-events:none;background:radial-gradient(circle at 34% 32%, var(--pc) 0, #07080a 100%);background:radial-gradient(circle at 34% 32%, var(--pc) 0, color-mix(in srgb, var(--pc) 55%, #000) 62%, #07080a 100%);opacity:.85;border-radius:50%;transition:opacity .7s;position:absolute;top:50%;left:50%}.planet canvas,.sun canvas{opacity:0;transition:opacity .7s}.planet.ready:before{opacity:0}.planet.ready canvas,.sun.ready canvas{opacity:1}.sun:not(.ready){background:radial-gradient(circle at 42% 40%,#fff1c4 0,#ffc861 45%,#e8892a 100%)}.oside{pointer-events:none;z-index:25;position:absolute;top:0;bottom:0;left:0;right:0}.ocard{pointer-events:auto;width:min(360px,28vw);cursor:var(--cursor-lock);text-shadow:0 1px 14px #0b0c0ff2,0 0 3px #0b0c0fe6;flex-direction:column;gap:8px;display:flex;position:absolute;top:52%;left:max(18px,min(4vw,48px));transform:translateY(-50%)}.ocard .ointro{margin:0 0 18px;font-size:max(24px,min(2.3vw,32px));font-weight:760;line-height:1.1}.ocard .ointro em{color:var(--gold2);font-weight:560}.ocard .oidx{color:var(--gold2);letter-spacing:.14em}.ocard .y{font:13px var(--mono);color:var(--gold)}.ocard .w{font-size:max(20px,min(1.8vw,25px));line-height:1.15}.ocard .a{color:var(--cream2);font-size:17px;line-height:1.45}.ocard .ohow{color:var(--mute);margin-top:4px;font-size:12.5px;font-weight:400}.oyears{pointer-events:auto;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:max(26px,min(6vh,64px));left:max(18px,min(4vw,48px))}.oyears button{font:11.5px var(--mono);letter-spacing:.08em;color:var(--mute);cursor:var(--cursor-lock);background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;transition:color .3s,border-color .3s}.oyears button:hover{color:var(--cream)}.oyears button.on{color:var(--gold2);border-bottom-color:var(--gold)}.onote{max-width:44ch;color:var(--mute);text-align:right;pointer-events:none;margin:0;line-height:1.5;position:absolute;bottom:max(26px,min(6vh,64px));right:max(18px,min(4vw,48px))}.orbit.stack .ocard{width:auto;max-width:640px;top:auto;bottom:max(84px,min(11vh,130px));left:max(18px,min(4vw,48px));right:max(18px,min(4vw,48px));transform:none}.orbit.stack .oyears{bottom:max(28px,min(4.5vh,60px))}.orbit.stack .onote{display:none}@media (max-width:760px){.orbit .ohead{top:132px}.ocard{width:auto;top:auto;bottom:78px;left:18px;right:18px;transform:none}.ocard .ointro{margin-bottom:8px;font-size:26px}.ocard .w{font-size:23px}.ocard .a{font-size:16px}.oyears{gap:4px 14px;bottom:28px;left:18px}.onote{display:none}}.oplate{z-index:42;opacity:0;background:#090a0df6;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:max(20px,min(4vw,64px));padding:90px max(24px,50vw - 590px) 40px;transition:opacity .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.oplate.in{opacity:1}.opl-fig{place-items:center;min-width:0;display:grid;overflow:visible}.opl-fig canvas{will-change:transform;max-width:none;transition:transform .9s cubic-bezier(.22,1,.36,1);display:block}.opl-txt{opacity:0;flex-direction:column;gap:10px;max-width:520px;max-height:calc(100vh - 140px);transition:opacity .6s .25s,transform .8s cubic-bezier(.22,1,.36,1) .25s;display:flex;overflow:auto;transform:translateY(14px)}.oplate.in .opl-txt{opacity:1;transform:none}.opl-txt.swap{animation:.6s cubic-bezier(.22,1,.36,1) oplswap}@keyframes oplswap{0%{opacity:0;transform:translateY(10px)}}.opl-txt .pn{color:var(--gold2);letter-spacing:.2em;font-size:12px}.opl-txt .y{font:15px var(--mono);color:var(--gold)}.opl-txt .w{font-size:max(30px,min(3vw,44px));line-height:1.08}.opl-txt .a{color:var(--cream);font-size:max(19px,min(1.6vw,22px));line-height:1.45}.opl-txt .pline{color:var(--cream2);margin:6px 0 0;font-size:17px;line-height:1.5}.opl-txt dl{border-top:1px solid var(--rule2);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px 22px;margin:12px 0 0;padding-top:16px;display:grid}.opl-txt dt{font:10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.opl-txt dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:22px;font-weight:500}.opl-txt .scale{color:var(--mute);margin:6px 0 0;line-height:1.5}.opl-nav{gap:10px;margin-top:10px;display:flex}.opl-nav button{font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cream);border:1px solid var(--rule2);cursor:var(--cursor-lock);background:0 0;padding:9px 14px;transition:border-color .3s,color .3s}.opl-nav button:hover{border-color:var(--gold);color:var(--gold2);outline:none}.opl-nav button:focus-visible{border-color:var(--gold);color:var(--gold2);outline:none}.opl-x{margin-left:auto}@media (max-width:760px){.oplate{padding:calc(var(--mtop) + var(--mw) + 18px) 20px 0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;grid-template-columns:1fr;align-content:start;align-items:start;gap:12px;overflow:auto}.opl-txt{max-height:none;padding-bottom:8px;overflow:visible}.opl-nav{padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(#090a0d00,#090a0df5 30%);margin:6px -20px 0;position:sticky;bottom:0}.opl-txt .w{font-size:30px}.opl-txt .a{font-size:18px}}@media (prefers-reduced-motion:reduce){.sun:before{animation:none}.opl-fig canvas,.opl-txt,.planet:before,.planet canvas,.sun canvas{transition:none}.opl-txt.swap{animation:none}}