.crt-intro{z-index:120;color:#eef0f3;background:#090b0d;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 18px 86px;display:flex;position:fixed;inset:0;overflow:hidden}.crt-intro:focus{outline:0}.crt-boot-scene{aspect-ratio:5/4;isolation:isolate;width:min(560px,91vw);max-height:48svh;position:relative}.boot-monitor{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;z-index:2;animation:1.45s steps(12,end) both monitor-land;position:absolute;inset:0}.signal-cable{z-index:0;background:#4a5258;width:55%;height:5px;animation:1.2s steps(10,end) both cable-in;position:absolute;top:64%;left:76%;box-shadow:0 4px #151a1e}.crt-glass{z-index:3;background:#09151b;width:33.75%;height:29.7%;animation:1.45s steps(12,end) both glass-land;position:absolute;top:34.4%;left:23.75%;overflow:hidden}.crt-glass:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 4px,#03080b80 4px 5px);position:absolute;inset:0}.phosphor-sweep{background:#dff;animation:.9s steps(8,end) 1.6s both screen-on;position:absolute;inset:0}.signal-word{color:#7de8ec;justify-content:center;align-items:center;font-family:Pixelify Sans,monospace;font-size:54px;animation:.4s steps(4,end) 2.5s both signal-print;display:flex;position:absolute;inset:0}.signal-word>span{animation:1s steps(2,end) infinite cursor}.power-pixel{z-index:4;background:#7de8ec;width:2.5%;height:1.6%;animation:.2s steps(2,end) 1.5s both power-on;position:absolute;top:75.8%;left:55.6%}.crt-boot-title{text-align:center;animation:.4s steps(4,end) 2.8s both signal-print}.crt-boot-title h1{font-size:52px;line-height:1}.crt-boot-title p{color:#d0d5d6;margin:8px 0 14px;font-size:17px}.boot-diagnostics{text-align:left;grid-template-columns:auto auto;gap:4px 16px;max-width:220px;margin:auto;font:11px/1.5 monospace;display:grid}.boot-diagnostics span{color:#88959b}.boot-diagnostics b{color:#ffd58a;font-weight:400}.crt-intro-controls{bottom:max(25px,env(safe-area-inset-bottom));align-items:center;gap:12px;display:flex;position:absolute}.crt-intro-controls button{color:#eef0f3;background:#20282d;border:1px solid #75868d;justify-content:center;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.crt-intro-controls button:last-child{width:40px;height:40px;padding:0}.crt-intro.is-complete *{animation-play-state:paused}@keyframes monitor-land{0%{opacity:0;transform:translate(80vw)rotate(18deg)}20%{opacity:1}80%{transform:translate(-12px)rotate(-2deg)}to{transform:none}}@keyframes glass-land{0%,99%{opacity:0}to{opacity:1}}@keyframes cable-in{0%{opacity:0;transform:translate(50vw)}to{opacity:1;transform:none}}@keyframes screen-on{0%{opacity:1;transform:scale(.01)}35%{transform:scaleY(.025)}75%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes signal-print{0%{opacity:0}to{opacity:1}}@keyframes power-on{0%{opacity:0}to{opacity:1}}@keyframes cursor{50%{opacity:0}}@media (max-width:480px){.crt-boot-title h1{font-size:42px}.crt-boot-title p{font-size:15px}.signal-word{font-size:34px}.crt-boot-scene{max-height:none}}@media (max-height:520px){.crt-intro{flex-direction:row;gap:25px;padding-bottom:65px}.crt-boot-scene{width:min(46vw,350px);max-height:70svh}.crt-boot-title h1{font-size:38px}.crt-boot-title p{font-size:13px}.signal-word{font-size:30px}}@media (prefers-reduced-motion:reduce){.crt-intro *{animation:none!important}.boot-monitor,.crt-glass,.signal-word,.power-pixel,.crt-boot-title{opacity:1}.phosphor-sweep{display:none}}
