body.intro-open{overflow:hidden}
#arcade-intro{position:fixed;inset:0;margin:0;padding:0;border:0;max-width:none;max-height:none;width:100%;height:100dvh;background:#060b11;color:#f0f2e9;overflow:hidden}
#arcade-intro::backdrop{background:#060b11}
.boot-scene{position:absolute;inset:0;background:linear-gradient(90deg,#060b11f5 12%,#060b1180 65%,#060b1150),url('station.png') center/cover;image-rendering:pixelated;opacity:.7}
#arcade-intro[open] .boot-scene{animation:boot-approach 4.4s ease-out both}
.boot-grid{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(transparent 0 5px,#0002 5px 6px);opacity:.45}
#arcade-intro .boot-skip{position:absolute;right:5%;top:30px;float:none;margin:0;z-index:2;font-size:12px;border-color:#728278;background:#091117cc}
.boot-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:35px 10%;width:100%;z-index:1;pointer-events:none}
.boot-content button{pointer-events:auto}
.boot-content p{margin:0;color:#f0f2e9}
.boot-content .boot-id{font:12px 'Space Mono',monospace;letter-spacing:.2em;color:#c5fa72;margin-bottom:30px}
.boot-content .boot-title{font:700 clamp(65px,11vw,156px)/.85 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin-bottom:25px}
.boot-title span{color:#c5fa72}
.boot-content .boot-tagline{font-size:clamp(19px,2.6vw,32px);margin:0 0 35px}
.boot-progress{height:5px;width:min(320px,70vw);background:#294032;margin-bottom:15px}
.boot-progress span{display:block;background:#c5fa72;width:100%;height:100%;transform-origin:left}
#arcade-intro[open] .boot-progress span{animation:boot-fill 3.8s steps(16,end) both}
.boot-content .boot-status{font:11px 'Space Mono',monospace;color:#b7c7ba;letter-spacing:.12em;margin-bottom:25px}
#arcade-intro[open] .boot-title{animation:boot-reveal .65s ease-out both}
#arcade-intro[open] .boot-tagline{animation:boot-reveal .7s .2s ease-out both}
.boot-corner{position:absolute;right:5%;bottom:30px;font:11px/1.8 'Space Mono',monospace;color:#b4c4bb;letter-spacing:.1em}
.replay-intro{font-size:11px;padding:10px 12px}
@keyframes boot-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes boot-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes boot-approach{from{transform:scale(1.06);opacity:.3}to{transform:scale(1);opacity:.7}}
@media(max-width:600px){.boot-content{padding:80px 7%}.boot-content .boot-id{font-size:10px}.boot-corner{font-size:10px}.boot-scene{background-position:63% center}.boot-content .boot-title{font-size:88px}}
@media(prefers-reduced-motion:reduce){#arcade-intro *{animation:none!important}.boot-scene{transform:none}.boot-progress span{transform:none}}