:root{color-scheme:dark;font-family:Tahoma,"Segoe UI",sans-serif;background:#010806;color:#ceffe0}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
body{background:#010806}
button{font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button:focus-visible{outline:2px solid #a6ffc5;outline-offset:4px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scene{position:relative;width:100%;height:100%;height:100svh;isolation:isolate;background:radial-gradient(ellipse at center,#03140c 0%,#010806 65%,#000 100%)}
.scene-viewport{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}
#globe,#readouts{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#globe{z-index:1}#readouts{z-index:2}
.globe-logo{position:absolute;left:50%;top:50%;width:calc(var(--globe-radius,28vw) * 1.72);height:auto;transform:translate(-50%,-50%);opacity:.78;pointer-events:none;user-select:none}
.is-embedded, .is-embedded body, .is-embedded .scene:not(:fullscreen) { background: transparent; }
.is-embedded .scene-controls { display: none; }
.scene.is-assembling .globe-logo { opacity: 0; }
.scene-viewport{touch-action:none;cursor:grab;outline:none}.scene-viewport.is-dragging{cursor:grabbing}.scene-viewport:focus-visible{box-shadow:inset 0 0 0 1px #9effbd66}
.scene-viewport::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--globe-radius,28vw) * 2.6);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 63%,#3bff7b03 72%,#91ffb911 76.9%,#64ef9905 79%,transparent 86%)}
.scene-controls{position:absolute;z-index:2;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid #8ef5ac26;border-radius:14px;background:#04150dcc;box-shadow:0 5px 30px #0008,inset 0 1px #d7ffe60c;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .35s ease,transform .35s ease;white-space:nowrap;direction:rtl}
.scene-controls button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-width:42px;height:42px;padding:0 11px;color:#b7eac8;border:0;border-radius:9px;background:transparent;font-size:11px;cursor:pointer;transition:background .15s,color .15s}
.scene-controls button:hover{color:#e6ffef;background:#79ffae12}
.scene-controls button[aria-pressed="true"]{color:#b0ffcb;background:#6dff9a0b}
.scene-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.divider{height:20px;width:1px;margin:0 2px;background:#b7ffcc20}
.play-icon{display:none}
#motion[aria-pressed="true"] .pause-icon{display:none}
#motion[aria-pressed="true"] .play-icon{display:block}
.notice,.noscript-note{position:absolute;z-index:3;bottom:90px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 16px;border:1px solid #95ffb633;border-radius:10px;background:#061a10e8;color:#d5ffe2;text-align:center;font-size:12px;line-height:1.8}
@media (hover:hover) and (pointer:fine){.scene.is-idle .scene-controls:not(:focus-within):not(:hover){opacity:0;transform:translate(-50%,8px);pointer-events:none}.scene.is-idle{cursor:none}}
@media(max-width:480px){.scene-controls{bottom:max(18px,env(safe-area-inset-bottom));gap:1px;padding:4px}.scene-controls button{padding-inline:9px}.control-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}