#orbitView{position:absolute;inset:0;z-index:15;opacity:0;pointer-events:none;transition:opacity .65s var(--ease,cubic-bezier(.2,.7,.2,1));background:#1b2c30;overflow:hidden}#orbitView.visible{opacity:1;pointer-events:auto}#orbitCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none;outline-offset:-4px}#orbitCanvas.dragging{cursor:grabbing}.orbit-shade{position:absolute;inset:0;background:linear-gradient(180deg,#061b2b46,transparent 27%);pointer-events:none}#orbitButton[aria-pressed=true]{background:#ffffffed;color:#293e3a}.orbit-exit{position:absolute;top:115px;left:36px;z-index:2}.orbit-copy{position:absolute;bottom:119px;left:38px;pointer-events:none;text-shadow:0 2px 20px #10252b6b}.orbit-copy .eyebrow{font-size:9px;letter-spacing:.23em}.orbit-copy h2{font-size:36px;font-weight:430;letter-spacing:-.045em;margin:10px 0}.orbit-copy p{font-size:12px;opacity:.84;margin:0}.orbit-compass{position:absolute;right:35px;top:114px;width:120px;height:156px;border-radius:65px 65px 29px 29px;background:#1c343851;padding:0;color:#fff;overflow:hidden}.orbit-compass:hover{background:#1d343877}.compass-rose{display:block;position:absolute;left:13px;top:13px;width:92px;height:92px;transform:rotate(-5deg);will-change:transform}.compass-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -1deg,#ffffff70 0deg 1deg,transparent 1deg 15deg);mask:radial-gradient(circle,transparent 64%,#000 65%);-webkit-mask:radial-gradient(circle,transparent 64%,#000 65%)}.compass-rose b{font-size:9px;font-weight:550;position:absolute;line-height:12px;width:12px;text-align:center}.compass-rose .north{left:40px;top:10px;color:#ffb69c}.compass-rose .east{right:10px;top:40px}.compass-rose .south{left:40px;bottom:10px}.compass-rose .west{left:10px;top:40px}.compass-needle{position:absolute;left:43px;top:29px;width:6px;height:34px;background:linear-gradient(#e8b992 50%,#ffffff55 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.compass-fiducial{position:absolute;left:55px;top:5px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #f3d6af;z-index:1}.compass-center{position:absolute;left:56px;top:56px;width:6px;height:6px;border-radius:50%;background:#eef3ed;box-shadow:0 0 0 2px #14272955}#compassHeading{position:absolute;top:110px;left:0;right:0;font-size:17px;font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:.06em}#compassDirection{position:absolute;top:136px;left:0;right:0;font-size:7px;letter-spacing:.14em;opacity:.7}.orbit-controls{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;border-radius:40px;padding:5px;gap:3px;background:#203b435e}.orbit-controls button{background:none;display:flex;justify-content:center;align-items:center}.orbit-controls button:hover{background:#ffffff21}.orbit-controls .round{width:36px;height:36px}.orbit-controls .round svg{width:18px;height:18px}.orbit-zoom{display:flex;align-items:center;gap:1px;padding:1px 3px;border-radius:28px;background:#ffffff0d}#orbitZoomValue{min-width:44px;text-align:center;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.01em;color:#f5f7f5}.orbit-controls button:disabled{opacity:.3;cursor:default}.orbit-controls button:disabled:hover{background:none}.orbit-control-divider{height:16px;width:1px;background:#ffffff36;margin:0 3px}.orbit-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;border-radius:30px;background:#213a40d6;backdrop-filter:blur(15px);padding:14px 20px;font-size:12px;white-space:nowrap;pointer-events:none}.orbit-loading>span:first-child{width:13px;height:13px;border-radius:50%;border:1px solid #fff5;border-top-color:white;animation:spin .8s linear infinite}#orbitRetry{pointer-events:auto;border-radius:20px;padding:7px 12px;background:#fff;color:#263b35;font-size:11px}
@media(min-width:1700px){.orbit-copy{left:48px;bottom:143px}.orbit-exit{left:46px;top:130px}.orbit-compass{right:46px;top:130px}.orbit-controls{bottom:32px}}
@media(max-width:650px){.orbit-exit{left:20px;top:146px;font-size:10px;padding:10px 14px}.orbit-exit svg{width:17px;height:17px}.orbit-compass{right:18px;top:145px;transform:scale(.78);transform-origin:right top}.orbit-copy{left:23px;bottom:144px;right:23px}.orbit-copy h2{font-size:29px}.orbit-copy p{font-size:11px}.orbit-controls{bottom:77px;padding:4px}.orbit-controls .round{width:32px;height:32px}#orbitZoomValue{min-width:40px;font-size:10px}.orbit-zoom{padding:1px 0}.orbit-controls{gap:1px;white-space:nowrap;max-width:calc(100vw - 28px)}.orbit-control-divider{margin:0 2px}.orbit-copy .eyebrow{font-size:8px}.orbit-loading{font-size:10px;padding:12px 16px;white-space:normal;width:max-content;max-width:85vw}}
@media(prefers-reduced-motion:reduce){#orbitView{transition:none}.compass-rose{will-change:auto}}

#orbitView{overflow:clip}#orbitView:before{content:'';position:absolute;inset:-30px;background:radial-gradient(ellipse at center,#344b50,#17282e 78%);pointer-events:none}
#orbitButton{letter-spacing:.025em}#orbitCanvas{filter:none!important}

#orbitView.preparing{opacity:1}
#orbitView.preparing .orbit-controls,#orbitView.preparing .orbit-compass,#orbitView.preparing .orbit-copy,#orbitView.preparing .orbit-exit{visibility:hidden;pointer-events:none}
.orbit-preload{position:absolute;inset:0;z-index:4;display:grid;place-items:center;padding:100px 24px 50px;background:radial-gradient(ellipse at 50% 42%,#335052 0%,#20383c 42%,#13262c 100%)}
.orbit-preload:before{content:'';position:absolute;width:min(64vw,750px);aspect-ratio:1;border:1px solid #e8eee708;border-radius:50%;box-shadow:0 0 0 90px #e8eee703,0 0 0 180px #e8eee702;pointer-events:none}
.orbit-preload-card{position:relative;width:min(380px,100%);text-align:center;color:#f1f5f0}
.orbit-preload-symbol{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 27px;border:1px solid #ffffff30;border-radius:22px;background:#ffffff06;box-shadow:inset 0 1px 0 #ffffff0d}
.orbit-preload-symbol svg{width:30px;height:30px;stroke-width:1.1;color:#e1d4b9}
.orbit-preload-card .eyebrow{font-size:9px;font-weight:500;letter-spacing:.25em;opacity:.6}
.orbit-preload-card h2{font-size:32px;font-weight:430;letter-spacing:-.04em;margin:16px 0 12px;line-height:1.15}
.orbit-preload-card p{font-size:12px;line-height:1.7;color:#d5dfdbb3;min-height:41px;margin:0 auto 29px;max-width:315px}
.orbit-progress-caption{display:flex;justify-content:space-between;align-items:center;margin:0 1px 11px;font-size:10px;color:#d5dfdb99}
#orbitProgressValue{font-size:13px;color:#f6f5ee;font-variant-numeric:tabular-nums}
.orbit-progress{height:3px;border-radius:3px;background:#ffffff1a;overflow:hidden}
#orbitProgressFill{display:block;width:0;height:100%;background:linear-gradient(90deg,#bfbdac,#e9ddc1);border-radius:3px;transition:width .16s linear}
.orbit-preload-actions{display:flex;gap:14px;justify-content:center;align-items:center;min-height:46px;margin-top:27px}
.orbit-preload-cancel{display:flex;align-items:center;gap:9px;background:transparent;padding:12px;font-size:11px;color:#d7e0db9e;border-radius:24px}
.orbit-preload-cancel:hover{color:#fff;background:#ffffff08}.orbit-preload-cancel svg{width:15px;height:15px}
.orbit-preload-retry{background:#eff2ec;color:#233c3c;font-size:11px;padding:12px 20px;border-radius:24px}
@media(max-width:650px){.orbit-preload{padding:150px 32px 70px}.orbit-preload-card h2{font-size:29px}.orbit-preload-card p{font-size:11px}.orbit-preload-symbol{margin-bottom:24px}}

#orbitHelp{width:min(600px,calc(100vw - 32px));max-height:calc(100svh - 32px);overflow:auto;padding:39px 34px 25px;border:1px solid #e4eee53b;border-radius:32px;background:linear-gradient(145deg,#304c4cef,#162e34fa);color:#f4f5ef;box-shadow:inset 0 1px 0 #ffffff12,0 28px 100px #04131370;text-align:center;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}
#orbitHelp::backdrop{background:#071b2380;backdrop-filter:blur(12px)}
#orbitHelp .eyebrow{font-size:9px;letter-spacing:.23em;color:#d7ccb3;padding:0 25px}
#orbitHelp h2{font-size:31px;font-weight:450;letter-spacing:-.045em;line-height:1.15;margin:15px 0 10px}
#orbitHelpIntro{font-size:13px;color:#dce7e0b3;margin:0 0 27px;line-height:1.6}
.orbit-help-close{position:absolute;right:14px;top:14px;background:#ffffff0b;width:32px;height:32px;color:#dce7e0b3}.orbit-help-close:hover{background:#ffffff1c;color:white}.orbit-help-close svg{width:15px;height:15px}
.orbit-help-gestures{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.orbit-help-gesture{border:1px solid #ffffff15;border-radius:21px;background:#ffffff04;padding:12px 6px 21px}
.orbit-gesture-art{height:104px;display:grid;place-items:center}.orbit-gesture-art svg{width:120px;height:90px;stroke-width:1.3;color:#d5e1d9;overflow:visible}
.gesture-mouse{fill:none;stroke:#deebe1}.gesture-wheel{fill:#e9d3a8;stroke:none;animation:gestureWheel 2.5s ease-in-out infinite}.gesture-wheel-arrow{stroke:#ddc89f;opacity:.7;animation:gestureArrow 2.5s ease-in-out infinite}.gesture-track{stroke:#e9d3a8;opacity:.65}.gesture-pressed{fill:#e9d3a844;stroke:none}.gesture-drag-mouse{animation:gestureDrag 3.5s ease-in-out infinite}
.orbit-help-gesture h3{font-size:14px;letter-spacing:-.02em;font-weight:500;margin:6px 0 9px}.orbit-help-gesture p{font-size:11px;line-height:1.7;color:#c8d7cfb3;margin:0}
.orbit-help-touch{display:none;font-size:10px;line-height:1.5;color:#c8d7cfb3;margin:14px 0 0}
.orbit-help-zoom{display:flex;align-items:center;justify-content:center;gap:6px;margin:20px 0}.orbit-help-zoom>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #ffffff29;border-radius:50%;font-size:15px;color:#ede8da}.orbit-help-zoom p{font-size:11px;color:#d5ded6b3;margin:0 0 0 5px}
.orbit-help-start{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border-radius:27px;padding:15px 22px;background:#f0f2e9;color:#263d37;font-size:13px;font-weight:550;box-shadow:0 3px 12px #071e1e25}.orbit-help-start:hover{background:#fff}.orbit-help-start svg{width:18px;height:18px}
.orbit-help-footer{font-size:9px;line-height:1.7;color:#c8d7cf80;margin:15px 0 0}.orbit-help-footer span{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #ffffff38;border-radius:50%;font-size:9px;margin:0 3px;color:#dce7dd}
@keyframes gestureWheel{0%,20%,100%{transform:translateY(0);opacity:.5}55%{transform:translateY(7px);opacity:1}75%{transform:translateY(0);opacity:1}}
@keyframes gestureArrow{0%,20%,100%{transform:translateY(-3px);opacity:.3}55%,75%{transform:translateY(3px);opacity:.9}}
@keyframes gestureDrag{0%,10%,100%{transform:translateX(0)}35%{transform:translateX(11px)}70%{transform:translateX(-11px)}}
@media(max-width:650px){#orbitHelp{padding:35px 18px 21px;border-radius:27px;width:calc(100vw - 24px)}#orbitHelp h2{font-size:27px;margin:14px auto 10px;max-width:280px}#orbitHelpIntro{font-size:11px;margin-bottom:20px}.orbit-help-gestures{gap:9px}.orbit-help-gesture{padding:6px 5px 16px;border-radius:18px}.orbit-help-gesture h3{font-size:12px;min-height:29px;display:flex;align-items:center;justify-content:center;margin:4px 0 7px}.orbit-help-gesture p{font-size:10px}.orbit-gesture-art{height:90px}.orbit-gesture-art svg{width:105px;height:79px}.orbit-help-touch{display:block}.orbit-help-zoom{margin:18px 0}.orbit-help-zoom p{font-size:10px}.orbit-help-footer{font-size:8px}}


/* The cinematic story keeps its exact state under this temporary view. */
#experience[data-overlay="orbit"] #welcome,#experience[data-overlay="orbit"] #story,#experience[data-overlay="orbit"] .vertical-note,#experience[data-overlay="orbit"] .bottom-bar,#experience[data-overlay="orbit"] #gameStage,#experience[data-overlay="orbit"] #mediaStatus{visibility:hidden!important;pointer-events:none!important}
#experience[data-overlay="orbit"] #mediaStage,#experience[data-overlay="orbit"] .cinema-shade,#experience[data-overlay="orbit"] .film-grain{visibility:hidden}
#orbitView .round,#orbitHelp .round{display:grid;place-items:center;border-radius:50%;padding:0}
#orbitView .capsule{border-radius:30px;padding:12px 18px;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500}
#orbitView button,#orbitHelp button{color:inherit}
.orbit-preload-card .eyebrow,#orbitHelp .eyebrow{display:block}
.orbit-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400}
.orbit-copy .eyebrow{color:#e7d4ab}
.orbit-copy p{line-height:1.7}
.orbit-preload-card h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
#orbitView .orbit-preload-retry,#orbitHelp .orbit-help-start{color:#263d37}
#orbitView #orbitRetry{color:#263b35}
.compass-rose b{width:20px;font-size:7px}
.compass-rose .north,.compass-rose .south{left:36px}
.compass-rose .east{right:6px}.compass-rose .west{left:6px}
.compass-rose{transform:rotate(0deg)}
#orbitHelp .orbit-help-close{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;padding:0}
#orbitView button:focus-visible,#orbitHelp button:focus-visible{outline:2px solid #e7d4ab;outline-offset:4px}
@media(max-width:700px){.orbit-exit{top:146px;left:23px}.orbit-compass{top:145px;right:23px}.orbit-copy{left:25px;right:25px;bottom:118px}.orbit-copy h2{font-size:30px}.orbit-controls{bottom:35px}.orbit-preload{padding-top:160px}}
@media(prefers-reduced-motion:reduce){#orbitView *,#orbitHelp *{animation:none!important;transition:none!important}}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
.orbit-loading>span:first-child{animation-name:orbit-spin}