:root { color-scheme: dark; background: #02050d; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #02050d; }
.planet { position: fixed; inset: 0; overflow: hidden; background: #02050d; pointer-events: none; user-select: none; }
.planet picture, .planet img, .planet canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.planet img { object-fit: cover; object-position: center 46%; }
.planet canvas { opacity: 0; pointer-events: none; }
.planet[data-state="RUNNING"] canvas, .planet[data-state="PAUSED"] canvas { opacity: 1; }
.planet-drag-target { position: absolute; inset: 0; pointer-events: none; touch-action: none; cursor: grab; }
.planet[data-state="RUNNING"] .planet-drag-target { pointer-events: auto; }
.planet[data-dragging="true"] .planet-drag-target { cursor: grabbing !important; }
.company-name { position: relative; z-index: 1; height: 33.333svh; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { .planet canvas { opacity: 0 !important; } }