#boot-screen{--boot-progress:0%;position:fixed;inset:0;z-index:3000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,#123a43 0,#07151d 36%,#02070b 78%);transition:opacity .5s ease,visibility .5s ease;color:#effffd}
#boot-screen::before{content:"";position:absolute;left:-15%;right:-15%;bottom:-32%;height:70%;background:linear-gradient(90deg,transparent 49.7%,rgba(49,241,212,.8) 49.8% 50.2%,transparent 50.3%),repeating-linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.1) 16.2% 16.5%,transparent 16.7% 33%);transform:perspective(480px) rotateX(64deg);transform-origin:bottom;opacity:.38;filter:drop-shadow(0 0 15px rgba(49,241,212,.25))}
#boot-screen::after{content:"";position:absolute;inset:-25%;background:conic-gradient(from 180deg at 50% 60%,transparent,rgba(49,241,212,.07),transparent 28%);animation:boot-scan 3.8s linear infinite}
.boot-panel{position:relative;z-index:1;width:min(620px,calc(100vw - 42px));padding:30px 32px 27px;border:1px solid rgba(104,243,224,.26);border-top:2px solid var(--cyan);background:linear-gradient(145deg,rgba(5,20,28,.9),rgba(2,9,14,.78));box-shadow:0 28px 90px #000,0 0 45px rgba(49,241,212,.09);backdrop-filter:blur(12px)}
.boot-eyebrow{color:var(--cyan);font:700 11px monospace;letter-spacing:.3em}.boot-title{margin-top:12px;font-size:clamp(30px,6vw,58px);font-weight:900;font-style:italic;letter-spacing:-.04em}.boot-title em{color:var(--cyan);font-style:normal}.boot-route{margin-top:5px;color:#92adb5;font:12px monospace;letter-spacing:.08em}
.boot-readout{display:flex;align-items:flex-end;justify-content:space-between;margin-top:38px}.boot-status{padding-bottom:6px;color:#d7e6e8;font:11px monospace;letter-spacing:.12em}.boot-number{font:800 clamp(48px,10vw,82px)/.8 monospace;letter-spacing:-.08em;text-shadow:0 0 26px rgba(49,241,212,.42)}.boot-number small{margin-left:8px;color:var(--cyan);font-size:14px;letter-spacing:0}
.boot-track{position:relative;height:4px;margin-top:18px;overflow:hidden;background:rgba(255,255,255,.1)}.boot-fill{width:0;height:100%;background:linear-gradient(90deg,var(--cyan),#8bffe7,var(--amber));box-shadow:0 0 16px var(--cyan);transition:width .08s linear}.boot-track::after{content:"";position:absolute;left:var(--boot-progress);top:-4px;width:2px;height:12px;background:#fff;box-shadow:0 0 12px #fff;transition:left .08s linear}
.boot-foot{display:flex;justify-content:space-between;margin-top:10px;color:#53717a;font:9px monospace;letter-spacing:.12em}#boot-screen.is-ready{opacity:0}#boot-screen.is-gone{visibility:hidden;pointer-events:none}@keyframes boot-scan{to{transform:rotate(360deg)}}
@media(max-width:520px){.boot-panel{padding:24px 22px}.boot-readout{margin-top:30px}.boot-route{font-size:10px}.boot-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){#boot-screen::after{animation:none}#boot-screen,.boot-fill,.boot-track::after{transition:none}}