/* ORBITAL EARTH — encapsulated WordPress-safe visual system */
.oe-root, .oe-root * { box-sizing:border-box; }
.oe-root { --oe-blue:#002C74; --oe-orange:#FF4A00; --oe-soft:#e0edff; --oe-sky:rgba(196,222,255,.74); position:relative; background:var(--oe-blue); color:var(--oe-soft); width:100%; min-height:620px; height:100vh; overflow:hidden; isolation:isolate; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.45; }
.oe-root button,.oe-root input { font:inherit; }
.oe-root button:focus-visible,.oe-root input:focus-visible,.oe-globe-frame:focus-visible { outline:2px solid var(--oe-orange); outline-offset:4px; }
.oe-backdrop { position:absolute;inset:0;pointer-events:none;z-index:0; background:radial-gradient(ellipse 53% 58% at 50% 49%,rgba(16,78,170,.24),transparent 74%), radial-gradient(ellipse 90% 95% at 76% 4%,rgba(0,73,156,.3),transparent 67%),linear-gradient(142deg,#00235d 0%,#002C74 45%,#001d55 100%); }
.oe-backdrop::after {content:"";position:absolute;inset:-15%;background-image:linear-gradient(rgba(151,197,255,.039) 1px,transparent 1px),linear-gradient(90deg,rgba(151,197,255,.039) 1px,transparent 1px);background-size:58px 58px;transform:perspective(750px) rotateX(12deg) scale(1.1);mask-image:radial-gradient(ellipse 63% 65% at 50% 54%,#000 10%,transparent 86%);}
.oe-vignette {position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(ellipse 72% 71% at 50% 50%,transparent 42%,rgba(0,18,58,.12) 73%,rgba(0,13,44,.43) 100%)}
.oe-stars {position:absolute;inset:0;pointer-events:none;z-index:1;}
.oe-star {position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(225,239,255,.73);box-shadow:0 0 5px rgba(180,216,255,.3);animation:oe-flicker var(--oe-star-duration,5s) ease-in-out infinite alternate;animation-delay:var(--oe-star-delay,0s);}
@keyframes oe-flicker {from{opacity:.15;transform:scale(.65)}to{opacity:.82;transform:scale(1.2)}}
.oe-stage-wrap {position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none;}
.oe-globe-frame {--oe-zoom:1;position:relative;width:min(78vh,68vw,780px);height:min(78vh,68vw,780px);min-width:250px;min-height:250px;flex:none;pointer-events:auto;touch-action:none;user-select:none;cursor:grab;will-change:transform;transform-style:preserve-3d;transition:filter .2s ease;}
.oe-globe-frame.is-dragging{cursor:grabbing;}
.oe-globe-frame svg {position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;}
.oe-rim-glow {filter:drop-shadow(0 0 18px rgba(255,74,0,.12)) drop-shadow(0 0 44px rgba(30,118,241,.19));}
.oe-orbit {position:absolute;inset:3%;border:1px solid rgba(255,74,0,.21);border-radius:50%;transform:rotate(-25deg) rotateX(70deg) scale(1.35);pointer-events:none;box-shadow:0 0 25px rgba(255,74,0,.035);}
.oe-orbit::before,.oe-orbit::after{content:"";position:absolute;width:5px;height:5px;background:var(--oe-orange);border-radius:50%;box-shadow:0 0 15px var(--oe-orange)}
.oe-orbit::before{top:1%;left:47%}.oe-orbit::after{right:7%;bottom:20%;opacity:.4}
.oe-orbit-b {transform:rotate(37deg) rotateX(69deg) scale(1.57);border-style:dashed;border-color:rgba(150,201,255,.14)}
.oe-orbit-b::after,.oe-orbit-b::before{display:none}
.oe-graticule {fill:none;stroke:var(--oe-orange);stroke-width:.66;opacity:.24;vector-effect:non-scaling-stroke;}
.oe-land {fill:var(--oe-orange);fill-opacity:.75;stroke:none;}
.oe-coast {fill:none;stroke:var(--oe-orange);stroke-width:1.03;stroke-opacity:.97;vector-effect:non-scaling-stroke;stroke-linejoin:round;}
.oe-wire .oe-land {fill-opacity:.07;}
.oe-wire .oe-coast {stroke-width:1.5;}
.oe-axis {stroke:var(--oe-orange);stroke-width:1.25;stroke-opacity:.7;stroke-dasharray:5 8;fill:none;vector-effect:non-scaling-stroke;}
.oe-axis-cap {fill:var(--oe-blue);stroke:var(--oe-orange);stroke-width:2;}
.oe-pole-label{fill:var(--oe-orange);font-size:9px;letter-spacing:3px;font-weight:700;}
.oe-scan-line{fill:none;stroke:rgba(255,74,0,.19);stroke-width:.7;}
.oe-corner {position:absolute;z-index:5;pointer-events:none;}
.oe-head {left:clamp(23px,4.7vw,72px);top:clamp(22px,4.2vw,60px)}
.oe-kicker {display:flex;align-items:center;gap:12px;font-size:10px;line-height:1.5;font-weight:760;letter-spacing:.32em;color:var(--oe-orange)}
.oe-kicker::before {content:"";width:22px;height:1px;background:var(--oe-orange);}
.oe-head h1{margin:13px 0 8px;font-family:inherit;font-size:clamp(26px,3vw,48px);font-weight:300;line-height:1.06;letter-spacing:-.048em;color:#f1f5ff;}
.oe-head h1 strong{font-weight:600;color:var(--oe-orange)}
.oe-head p{margin:0;max-width:270px;font-size:11px;line-height:1.75;color:var(--oe-sky);letter-spacing:.035em;}
.oe-readout {top:clamp(22px,4.2vw,60px);right:clamp(23px,4.7vw,72px);text-align:right;}
.oe-readout .oe-label {font-size:9px;letter-spacing:.28em;color:rgba(201,226,255,.62);font-weight:700;}
.oe-tilt {margin:8px 0 0;font-size:clamp(32px,4.25vw,65px);line-height:1;font-weight:250;letter-spacing:-.075em;color:var(--oe-orange);font-variant-numeric:tabular-nums;}
.oe-ecliptic{margin:8px 0 0;font-size:10px;color:rgba(199,222,255,.67);letter-spacing:.055em;}
.oe-footer {left:clamp(23px,4.7vw,72px);bottom:clamp(23px,4.2vw,52px);display:flex;align-items:flex-end;gap:22px;}
.oe-footer .oe-tag {font-size:9px;font-weight:700;letter-spacing:.22em;color:var(--oe-orange)}
.oe-footer .oe-meta {margin-top:8px;font-size:10px;line-height:1.85;color:rgba(205,227,255,.65);max-width:340px;}
.oe-status {display:flex;gap:8px;align-items:center;font-size:10px;color:var(--oe-soft);}
.oe-dot{width:6px;height:6px;border-radius:50%;background:var(--oe-orange);box-shadow:0 0 11px rgba(255,74,0,.8);}
.oe-tools {position:absolute;z-index:6;right:clamp(23px,4.7vw,72px);bottom:clamp(23px,4.2vw,52px);display:flex;align-items:center;gap:8px;max-width:calc(100% - 38px);flex-wrap:wrap;justify-content:flex-end;}
.oe-btn {appearance:none;border:1px solid rgba(187,217,255,.28);border-radius:3px;background:rgba(0,27,76,.52);backdrop-filter:blur(15px);color:rgba(242,247,255,.92);font-size:9px;font-weight:700;letter-spacing:.12em;padding:13px 15px;cursor:pointer;white-space:nowrap;transition:background .18s,border-color .18s,color .18s;}
.oe-btn:hover {border-color:var(--oe-orange);color:#fff;background:rgba(255,74,0,.16);}
.oe-btn[aria-pressed="true"] {border-color:rgba(255,74,0,.65);color:var(--oe-orange);}
.oe-speed {border:1px solid rgba(187,217,255,.28);border-radius:3px;background:rgba(0,27,76,.52);backdrop-filter:blur(15px);padding:8px 10px 8px 12px;display:flex;align-items:center;gap:10px;color:var(--oe-soft);}
.oe-speed label {font-size:9px;letter-spacing:.1em;font-weight:700;}
.oe-speed input{width:83px;accent-color:var(--oe-orange);cursor:pointer;}
.oe-speed-output{font-size:10px;min-width:25px;text-align:right;color:var(--oe-orange);font-variant-numeric:tabular-nums;}
.oe-guidance {position:absolute;z-index:5;left:50%;bottom:clamp(115px,12vh,150px);transform:translateX(-50%);font-size:9px;letter-spacing:.2em;white-space:nowrap;pointer-events:none;color:rgba(193,219,255,.48);text-align:center;}
.oe-guidance span {color:var(--oe-orange);margin:0 8px;}
.oe-root.oe-compact .oe-corner,.oe-root.oe-compact .oe-tools,.oe-root.oe-compact .oe-guidance{display:none;}
.oe-root.oe-compact{min-height:240px;}
.oe-root.oe-compact .oe-globe-frame{width:min(96%,94vh,760px);height:auto;aspect-ratio:1;min-height:unset;}
.oe-root.oe-fixed{position:fixed;inset:0;z-index:0;height:100vh;min-height:0;}
.oe-root.oe-fixed .oe-globe-frame{width:min(79vh,77vw,820px);height:auto;aspect-ratio:1;}
.oe-root.oe-fixed .oe-stage-wrap{pointer-events:none;}
.oe-root.oe-fixed.oe-passive .oe-globe-frame{pointer-events:none;}
.oe-root.oe-fixed .oe-corner,.oe-root.oe-fixed .oe-tools,.oe-root.oe-fixed .oe-guidance{display:none;}
@media(max-width:980px) {.oe-head h1{font-size:34px}.oe-head p{max-width:190px}.oe-globe-frame{width:min(77vw,66vh);height:min(77vw,66vh)}.oe-footer{bottom:23px}.oe-tools{bottom:23px}.oe-readout .oe-tilt{font-size:44px}.oe-guidance{bottom:118px}}
@media(max-width:650px){.oe-root{min-height:580px;min-height:100svh;height:100svh}.oe-head{top:22px;left:21px}.oe-head h1{font-size:28px;margin:9px 0 6px}.oe-head p{font-size:9px;max-width:175px}.oe-readout{top:25px;right:21px}.oe-readout .oe-tilt{font-size:33px}.oe-readout .oe-label{font-size:8px;letter-spacing:.14em}.oe-ecliptic{font-size:8px;max-width:130px}.oe-kicker{font-size:8px;letter-spacing:.19em}.oe-globe-frame{width:min(113vw,72vh);height:min(113vw,72vh);min-width:0;min-height:0}.oe-footer{left:21px;bottom:133px}.oe-footer .oe-meta{display:none}.oe-tools{bottom:19px;left:19px;right:19px;justify-content:center;gap:6px}.oe-btn{padding:11px 9px;font-size:8px}.oe-speed{padding:6px 7px;gap:5px}.oe-speed input{width:58px}.oe-guidance{bottom:176px;font-size:0;letter-spacing:.09em}.oe-guidance::after{content:"DRAG TO ROTATE  ✦  PINCH TO ZOOM";font-size:8px}.oe-vignette{background:radial-gradient(ellipse 80% 65% at 50% 48%,transparent 35%,rgba(0,10,48,.4) 100%)}}
@media(max-width:360px){.oe-head p{display:none}.oe-globe-frame{width:112vw;height:112vw}.oe-footer .oe-meta{display:none}.oe-footer{bottom:128px}.oe-guidance{bottom:170px}.oe-speed input{width:43px}}
@media(orientation:landscape) and (max-height:520px){.oe-root{min-height:320px;height:100svh}.oe-head{top:17px;left:22px}.oe-head h1{font-size:25px;margin:6px 0}.oe-head p{display:none}.oe-readout{top:18px;right:22px}.oe-tilt{font-size:31px!important}.oe-globe-frame{width:min(78vh,58vw);height:min(78vh,58vw)}.oe-footer{bottom:14px;left:22px}.oe-tools{bottom:14px;right:22px;left:auto}.oe-guidance{display:none}.oe-meta{display:none}.oe-btn{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.oe-star{animation:none;opacity:.3}.oe-globe-frame{transition:none}.oe-root * {scroll-behavior:auto!important;}}