/* The responsive sphere is centred in its column without changing the desktop card height. */
.c4-earth{position:relative;flex:0 0 220px;width:220px;margin:0 24px 0 0;display:grid;justify-items:center;gap:6px;align-self:center}
.c4-earth-stage{position:relative;width:152px;height:152px;flex:none;border-radius:50%;touch-action:pan-y pinch-zoom;cursor:grab;isolation:isolate;outline-offset:5px;user-select:none;-webkit-user-select:none}
.c4-earth-stage.is-dragging{cursor:grabbing}
.c4-earth-stage:focus-visible{outline:2px solid var(--brand)}
.c4-earth-stage canvas,.c4-earth-fallback{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.c4-earth-fallback{opacity:1;transition:opacity 200ms ease}
.c4-earth-stage canvas{opacity:0}
.c4-earth.is-ready .c4-earth-stage canvas{opacity:1}
.c4-earth.is-ready .c4-earth-fallback{opacity:0}
.c4-earth-controls{position:absolute;right:9px;bottom:0;width:44px;height:44px;display:flex;justify-content:center}
.c4-earth-toggle{position:relative;display:grid;place-items:center;border:0;border-radius:50%;width:44px;height:44px;padding:12px;background:transparent;color:var(--text);cursor:pointer}
.c4-earth-toggle::before{content:"";position:absolute;inset:5px;border:1px solid var(--line);border-radius:50%;background:var(--surface-raised);box-shadow:0 2px 6px #082e4715}
.c4-earth-toggle svg{position:relative;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.c4-earth-toggle .c4-earth-play{fill:currentColor;stroke:none}
.c4-earth-toggle:hover::before{border-color:var(--brand)}
.c4-earth-toggle:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.c4-earth-toggle:disabled{opacity:.75;cursor:default}
.c4-earth-toggle[hidden]{display:none}
.c4-earth-instructions{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:701px) and (max-width:1100px){.c4-earth{flex-basis:180px;width:180px;margin-right:0}.c4-earth-stage{width:152px;height:152px}.c4-earth-controls{right:-2px}}
@media(max-width:700px){
 .app-welcome:has(.c4-earth){display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
 .c4-earth{width:min(220px,100%);margin:0;justify-self:center;gap:6px}
 .c4-earth-stage{width:124px;height:124px}
 .c4-earth-controls{right:26px;top:84px;bottom:auto}
}
@media(prefers-reduced-motion:reduce){.c4-earth-fallback{transition:none}}
/* The founder, 27 October 2026: no pause or play button anywhere; on a phone the globe sits dead centre. */
.c4-earth-controls{display:none}
@media(max-width:700px){.c4-earth{justify-self:center;margin-inline:auto;transform:none}.c4-earth-stage{margin-inline:auto}}