:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#26383f;background:#eeede8;font-synthesis:none;--ink: #203843;--muted: #6d7779;--line: #dcded8;--accent: #345d69;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{margin:0}#app{height:100dvh;display:flex;flex-direction:column}[hidden]{display:none!important}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);background:transparent;transition:background .2s,color .2s,border-color .2s}button:disabled{cursor:default;opacity:.4}button:hover:not(:disabled){filter:brightness(.95)}:focus-visible{outline:2px solid #3a7582;outline-offset:4px}[role=tabpanel]:focus-visible,#step-body:focus-visible,#scene:focus-visible,#step-title:focus-visible,#inspector:focus-visible,#webgl-fallback:focus-visible{outline-offset:-2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:12px;z-index:30;padding:12px 16px;background:var(--ink);color:#fff;border-radius:4px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}a{color:inherit}p{line-height:1.65}h2{font:400 28px/1.16 var(--serif);letter-spacing:-.035em;margin:15px 0}h3{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.02em;margin:15px 0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--muted)}.brand{height:72px;flex-shrink:0;display:flex;align-items:center;padding:0 43px;border-bottom:1px solid var(--line);gap:34px}.wordmark{font-family:var(--serif);text-decoration:none;letter-spacing:.14em;display:flex;align-items:center;gap:9px;font-size:21px}.wordmark>span:last-child{font-family:Arial,sans-serif;font-size:11px;letter-spacing:.19em;margin-left:3px}.brand-moon{font-family:Georgia,serif;font-size:33px;line-height:1;margin-right:8px;transform:rotate(-30deg)}.header-note{font-size:13px;color:var(--muted);border-left:1px solid #cbcec8;padding-left:30px}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.12em}.header-right time{font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.035em;margin-left:8px}.live-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#6d8a77;flex-shrink:0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;flex:1;min-height:0;overflow:hidden}#stage{height:100%;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 46% 49%,#fcfbf6 0,#efeee8 55%,#e9e9e3)}#viewport{position:absolute;inset:145px 0 175px;z-index:2}#scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2}.stage-heading{position:absolute;top:44px;left:44px;z-index:3;pointer-events:none}.stage-heading h1{font:400 30px var(--serif);letter-spacing:-.03em;margin:12px 0 8px}.stage-heading p{font-size:13px;color:var(--muted);margin:0}.edition{position:absolute;top:48px;right:36px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.2em;z-index:3;color:#727c7c}.edition b{margin-top:12px;font:400 20px var(--serif)}.stage-orbit{width:450px;height:450px;border:1px solid #daddd4;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);opacity:.65}.stage-orbit:before,.stage-orbit:after{content:"";width:5px;height:5px;border-radius:50%;background:#aebbb1;position:absolute;top:50%;left:-3px}.stage-orbit:after{left:auto;right:-3px}.stage-shadow{position:absolute;width:360px;height:140px;top:59%;left:52%;transform:translate(-50%,-50%) rotate(-22deg);background:radial-gradient(ellipse,#59626928,transparent 66%);filter:blur(16px)}#detail-tag{position:absolute;bottom:147px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:.06em;z-index:3;pointer-events:none;color:#5a6e72}.stage-bottom{position:absolute;bottom:72px;left:50%;transform:translate(-50%);display:flex;gap:9px;z-index:3}.view-controls{display:flex;padding:5px;background:#fafaf6e8;border:1px solid #d6dbd3;border-radius:9px;box-shadow:0 5px 18px #243a4110}.view-controls button{border:0;padding:11px 20px;font-size:13px;border-radius:5px;white-space:nowrap}.view-controls button[aria-pressed=true],.icon-button[aria-pressed=true]{background:var(--ink);color:#fff}.tiny-dot{display:inline-block;width:4px;height:4px;background:#91a49b;border-radius:50%;vertical-align:middle;margin-left:5px}.icon-button{width:48px;background:#fafaf6e8;border-radius:9px;font-size:25px}.orbit-hint{position:absolute;bottom:30px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.04em;color:#7a8583;z-index:3;pointer-events:none}.orbit-hint span{margin:0 8px}#inspector{background:#fafaf7;border-left:1px solid var(--line);padding:23px 30px 18px;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:clip}.mode-switch{display:flex;flex-shrink:0;padding:4px;background:#eeeeea;border-radius:7px;margin-bottom:24px}.mode-switch button{width:50%;border:0;padding:10px 12px;font-size:13px;border-radius:4px}.mode-switch button[aria-selected=true]{background:#fafbf8;box-shadow:0 2px 4px #243a410c}.mode-switch button:focus-visible{outline-offset:-2px}.mode-switch span{background:#dfe4dd;border-radius:3px;padding:2px 5px;font-size:10px;margin-left:7px}#explore-panel{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-right:9px;scrollbar-gutter:stable}.intro{font-size:14px;color:#717b7c;margin-bottom:25px}.crown-lab{border-top:1px solid var(--line);padding-top:21px}.section-label{display:flex;align-items:center;justify-content:space-between}.section-label>span{font-size:11px;letter-spacing:.06em;color:#788580}.text-button{padding:0;border:0;background:transparent;font-size:12px;color:var(--accent)}.crown-diagram{display:block;height:66px;width:132px;margin:-7px auto 8px}.crown-positions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.crown-positions button{border-radius:5px;padding:9px 0 8px;display:flex;flex-direction:column;gap:4px;align-items:center}.crown-positions b{font-size:16px;font-weight:500}.crown-positions span{font-size:12px;color:#748078}.crown-positions button[aria-pressed=true]{background:#e8eee8;border-color:#98aea1}.crown-positions button[aria-pressed=true] b{color:#3f6a57}#crown-description{font-size:13px;line-height:1.55;color:#6b7978;min-height:62px;margin:14px 0 10px}.turn-controls{display:flex;gap:7px}.turn-controls button{flex:1;font-size:18px;padding:9px 5px;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:8px}.turn-controls span{font-size:11px}.lab-note{font-size:11px;color:#7b857f;text-align:center;margin:10px 0 20px}.primary{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:5px;padding:14px 15px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}#start-guide{width:100%}#start-guide>span{font-size:19px;line-height:1}.moon-card{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:25px;padding:21px 0}.moon-orb{font-family:Georgia,serif;font-size:43px;line-height:1;color:#768588;transform:rotate(-30deg)}.moon-card .eyebrow{font-size:10px;letter-spacing:.05em}.moon-card b{display:block;font-size:13px;font-weight:500;margin:6px 0}#moon-detail{font-size:11px;color:#7d8782}#factsheet{margin-top:10px;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;font-size:12px;list-style:none;display:flex;justify-content:space-between;color:#697a77}summary::-webkit-details-marker{display:none}summary span{font-size:16px;line-height:12px}.facts-content{font-size:12px;line-height:1.7;color:#78837e}.facts-content a{display:block;margin:10px 0;text-underline-offset:3px}#panel{min-height:0;flex:1;display:flex;flex-direction:column}.guide-top,#step-dots,#step-kicker,#step-title,.animation-status,.animation-tools,#controls,.guide-note{flex-shrink:0}.guide-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#step-count{font-size:12px;color:#6c8378;white-space:nowrap}#step-dots{display:flex;gap:6px;margin:14px 0 20px}#step-dots button{padding:0;height:3px;flex:1;position:relative;border:0;background:#dfe3db;border-radius:4px}#step-dots button:before{content:"";position:absolute;inset:-9px 0}#step-dots button.active{background:var(--accent)}#step-dots button.done{background:#9eafa2}#step-kicker{font-size:11px;letter-spacing:.08em;line-height:1.6;color:#788579}#step-title{font-size:27px;margin:10px 0 16px}#step-body{min-height:40px;flex:1;overflow-y:auto;overscroll-behavior:contain;padding-right:9px;scrollbar-gutter:stable;font-size:14px;line-height:1.65;color:#677672;touch-action:pan-y}#step-body p{margin:0 0 14px}#step-body b{font-weight:600;color:#304c48}#step-body .hl{color:#294f59;font-weight:500}#step-body ol{padding-left:19px;margin:0 0 16px}#step-body li{padding-left:4px;margin:9px 0}code{font-family:inherit;background:#e9eeea;border:1px solid #dce3dc;padding:1px 5px;border-radius:3px;font-size:.9em;white-space:nowrap}.muted{color:#819087}.warnbox,.okbox{font-size:13px;line-height:1.65;margin:15px 0;padding:12px 14px;border-radius:4px}.warnbox{background:#f4ece0;border-left:2px solid #bc9964;color:#826a48}.okbox{background:#edf0e8;border-left:2px solid #a0b196;color:#61725b}.animation-status{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:17px;margin:17px 0 12px;font-size:11px;color:#788679}.animation-status>span:last-child{margin-left:auto;font-size:10px}.animation-tools{display:flex;justify-content:space-between;margin-bottom:20px}.animation-tools button{font-size:12px}#controls{display:flex;gap:10px;margin-bottom:14px}#controls button{border-radius:5px;padding:13px 15px;font-size:13px}#btn-next{flex:1;justify-content:center}.guide-note{font-size:11px;color:#809084;margin:0;line-height:1.6}footer{height:32px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:0 43px;font-size:11px;color:#7d8881}footer>span:last-child{font-size:10px;letter-spacing:.12em}footer i{font-style:normal;margin:0 8px;color:#a1aaa1}#webgl-fallback{position:fixed;inset:0;background:#fafaf7;z-index:20;overflow:auto;padding:35px 25px}.inner{max-width:660px;margin:auto}.inner section{border-top:1px solid var(--line);margin-top:25px}.inner h2{font-size:30px}.inner h1{font:400 30px/1.2 var(--serif)}.inner h3{font-size:22px}.inner p,.inner li{font-size:14px;line-height:1.7}@media(min-width:1600px){.workspace{grid-template-columns:minmax(0,1fr) 430px}#inspector{padding-inline:38px}.stage-heading{left:55px}}@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 350px}#inspector{padding-inline:24px}.stage-heading{left:28px;top:30px}.edition{right:20px;top:36px}.brand{padding-inline:28px}.header-note{display:none}.stage-orbit{width:330px;height:330px}}@media(min-width:761px)and (max-height:800px){.stage-heading{top:22px}.stage-heading h1{font-size:26px;margin:8px 0 5px}#viewport{inset-block:115px 140px}.stage-bottom{bottom:43px}#detail-tag{bottom:108px}.orbit-hint{bottom:14px}#inspector{padding-top:16px}.mode-switch{margin-bottom:16px}#step-dots{margin-block:12px 15px}#step-title{font-size:25px;margin-bottom:12px}.animation-status{padding-top:10px;margin-top:12px}.animation-tools{margin-bottom:12px}}@media(min-width:761px)and (max-height:600px){#panel{overflow-y:auto;overscroll-behavior:contain;padding-right:9px;scrollbar-gutter:stable}#step-body{flex:none;overflow:visible;padding-right:0;scrollbar-gutter:auto}.stage-heading p,.edition,#detail-tag{display:none}#viewport{inset-block:85px 95px}}@media(max-width:760px){.brand{height:54px;padding-inline:18px;gap:12px}.wordmark{font-size:18px}.brand-moon{font-size:27px}.header-right>span:not(.live-dot){display:none}.header-right time{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:52dvh minmax(0,1fr)}#stage{height:auto}.stage-heading{top:8px;left:20px;max-width:calc(100% - 40px)}.stage-heading h1{font-size:17px;margin:0}.stage-heading p,.stage-heading .eyebrow,.edition,#detail-tag{display:none}#viewport{inset:36px 0 64px}.stage-orbit{width:min(72vw,300px);height:min(72vw,300px)}.stage-shadow{width:140px}.stage-bottom{bottom:8px;gap:6px}.view-controls{padding:3px}.view-controls button{font-size:12px;padding:8px 15px;min-height:36px}.icon-button{width:44px;font-size:22px}.orbit-hint,footer{display:none}#inspector{padding:12px 19px 9px;border-left:0;border-top:1px solid var(--line)}.mode-switch{margin-bottom:10px;padding:3px}.mode-switch button{padding:8px 10px}#explore-panel{padding:0 9px 8px 1px}#explore-panel>.eyebrow,#explore-panel>h2,#explore-panel>.intro{display:none}.crown-lab{border-top:0;padding-top:0}.crown-lab h3{font-size:16px;margin:10px 0 16px}.crown-diagram{float:right;margin:-73px 0 6px}.crown-positions button{padding:8px 0}#crown-description{min-height:0;margin:10px 0}.turn-controls button{padding:7px 5px}.lab-note{margin:8px 0 15px}.moon-card{margin-top:18px;padding-block:17px}#factsheet{padding-top:8px}#factsheet summary{font-size:11px}#panel{position:relative}.guide-top{position:absolute;top:0;right:0}.guide-top .eyebrow{display:none}#step-count{font-size:11px}#step-dots{margin:6px 58px 12px 0}#step-kicker{display:none}#step-title{font-size:23px;line-height:1.16;margin:4px 0 10px}#step-body{font-size:14px;line-height:1.6}#step-body p{margin-bottom:11px}.warnbox,.okbox{font-size:12px}.animation-status,.guide-note{display:none}.animation-tools{margin:10px 0}#controls{margin-bottom:0}#controls button{padding:10px 13px}}@media(max-width:760px)and (max-height:690px){.workspace{grid-template-rows:47dvh minmax(0,1fr)}#viewport{inset:28px 0 54px}.stage-heading{top:5px}.stage-heading h1{font-size:16px}.stage-bottom{bottom:4px}#inspector{padding-block:9px}.mode-switch{margin-bottom:8px}#step-title{font-size:20px;margin-block:3px 8px}.animation-tools{margin:8px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){:focus-visible{outline-color:Highlight}.mode-switch button[aria-selected=true]{border-bottom:3px solid Highlight}}