#universe-scene,#universe-stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
#universe-scene{z-index:0}#universe-stars{z-index:1}
#home-stars{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
#universe-discovery{position:relative;width:max-content;max-width:100%;height:24px;margin:19px auto 0;pointer-events:none;text-align:center;font-size:10px;letter-spacing:.035em;color:#a3bfd3}
#universe-discovery .discovery-copy{opacity:.48;transition:opacity .16s}
#universe-discovery canvas{position:absolute;width:calc(100% + 120px);height:160px;left:-60px;top:-68px;pointer-events:none}
#universe-discovery.dissolving .discovery-copy,#universe-discovery.complete .discovery-copy{opacity:0}
.universe-mode #universe-discovery{visibility:hidden}
html{overflow-x:clip}body{--universe-flight:0;touch-action:pan-y;overflow-x:clip;max-width:100vw}
#workspace{touch-action:pan-y}
.service-grid{perspective:1100px;transform-style:preserve-3d}
.service-entry{--edge-x:0px;--edge-y:0px;--edge-z:120px;--edge-turn:14deg;--edge-roll:-1deg;transform:translate3d(calc(var(--edge-x)*var(--universe-flight)),calc(var(--edge-y)*var(--universe-flight)),calc(var(--edge-z)*var(--universe-flight))) rotateY(calc(var(--edge-turn)*var(--universe-flight))) rotateZ(calc(var(--edge-roll)*var(--universe-flight)));opacity:calc(1 - var(--universe-flight)*.34);transition:none!important;will-change:transform}
.service-entry:nth-child(even){--edge-turn:-14deg;--edge-roll:1deg}
.topbar,.home-intro,.heading,.proposal{opacity:calc(1 - var(--universe-flight)*1.8);transition:none}
.home-intro{margin:0 0 14px;color:#adc2d3;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.universe-mode{overflow:hidden;touch-action:none}
.universe-mode .heading,.universe-mode .topbar,.universe-mode .proposal{pointer-events:none}
.universe-mode #workspace{pointer-events:none;touch-action:none}
#universe-controls{position:fixed;z-index:22;left:18px;right:18px;bottom:16px;display:flex;align-items:center;gap:9px;pointer-events:none;font-size:11px;line-height:1.55;color:#b0c1d1}
#universe-controls button{pointer-events:auto;color:#c8daea;background:#07121b99;border:1px solid #a4c5e22b;border-radius:18px;font:inherit;min-height:36px;padding:6px 12px;cursor:pointer}
#universe-toggle{white-space:nowrap}
/* Keep the retry row fixed when focus switches between keyboard and pointer. */
#universe-toggle:focus-visible{position:absolute;bottom:44px}
#universe-toggle:not(:focus-visible){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
#universe-controls [hidden]{display:none!important}
#universe-load-status{font-size:10px;max-width:130px}
#universe-loading{position:fixed;inset:0;width:100%;height:100%;z-index:20;background:#020713;touch-action:none}
#universe-loading[hidden]{display:none}
body.universe-loading{overflow:hidden;touch-action:none}
body.universe-loading #universe-toggle{position:static;width:auto;height:auto;overflow:visible;clip-path:none;padding:6px 12px;border:1px solid #a4c5e22b}
@media(max-width:600px){#universe-controls{left:14px;right:14px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.service-entry{--edge-turn:0deg!important;--edge-roll:0deg!important}.service-entry,.heading,.topbar,.proposal{transition:none!important}}