/* Splash */
#screen-splash{overflow:hidden}
#globe-canvas{position:absolute;inset:0;width:100%;height:100%}
.splash-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(29,110,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(29,110,245,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}
.splash-corner{position:absolute;width:36px;height:36px;opacity:.25}
.splash-corner-tl{top:18px;left:18px;border-top:1px solid var(--accent2);border-left:1px solid var(--accent2)}
.splash-corner-tr{top:18px;right:18px;border-top:1px solid var(--accent2);border-right:1px solid var(--accent2)}
.splash-corner-bl{bottom:18px;left:18px;border-bottom:1px solid var(--accent2);border-left:1px solid var(--accent2)}
.splash-corner-br{bottom:18px;right:18px;border-bottom:1px solid var(--accent2);border-right:1px solid var(--accent2)}
.splash-center{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.logo-ring{width:110px;height:110px;position:relative;margin-bottom:6px}
.logo-ring svg{width:100%;height:100%;animation:rspin 10s linear infinite}
@keyframes rspin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.logo-ring-inner{position:absolute;inset:13px;border-radius:50%;background:rgba(6,9,16,.92);display:flex;align-items:center;justify-content:center}
.logo-ring-inner svg{animation:none;width:44px;height:44px}
.splash-logo-text{font-family:var(--font);font-weight:800;font-size:40px;letter-spacing:-2px;line-height:1;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}
.splash-logo-text.visible{opacity:1;transform:translateY(0)}
.splash-logo-text .blue{color:var(--accent2)}
.splash-tagline{font-family:var(--mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--text3);opacity:0;transition:opacity .8s .3s}
.splash-tagline.visible{opacity:1}
.splash-loader{width:180px;height:2px;background:var(--border2);border-radius:2px;overflow:hidden;opacity:0;transition:opacity .3s .4s}
.splash-loader.visible{opacity:1}
.splash-loader-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--cyan));border-radius:2px;transition:width 1.6s cubic-bezier(.4,0,.2,1)}
.splash-loader-fill.loaded{width:100%}
.splash-status{font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:.08em;opacity:0;min-height:14px;transition:opacity .25s}
.splash-status.visible{opacity:1}
.splash-version{position:absolute;bottom:20px;right:24px;font-family:var(--mono);font-size:10px;color:var(--text3);letter-spacing:.08em;opacity:0;transition:opacity .6s .8s}
.splash-version.visible{opacity:.45}