

.crt-boot::before{opacity:.3;background:repeating-linear-gradient(0deg,transparent 0 2px,#00000030 2px 3px)}
.crt-boot::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background-image:url('/assets/crt-grain.svg');background-size:192px 192px;opacity:.065;mix-blend-mode:screen;animation:crt-grain-shift 800ms steps(1,end) infinite}
.crt-terminal{text-shadow:-.35px 0 #b3d5a54d,.65px 0 #a6ca9959,0 0 2px #95be844d}
.crt-symbol{filter:drop-shadow(0 0 .6px #9fce8c55)}
.crt-subtitle,.crt-lines,.crt-ready{font-family:'Courier New',Courier,monospace;font-weight:600}
.crt-subtitle{color:#a1b69b}
.crt-lines{gap:9px}
.crt-line-rule{background:#91b59818;position:relative;overflow:hidden}
.crt-line-rule::after{content:'';position:absolute;inset:0;background:#93b68a70;transform-origin:left;animation:crt-read 180ms calc(var(--appear) + 90ms) steps(6,end) both}
.crt-line>span:nth-child(2){animation:crt-characters 180ms var(--appear) steps(4,end) both}
.crt-line:nth-child(3)>span:nth-child(2){animation-duration:280ms;animation-timing-function:steps(8,end)}
.crt-line-number{color:#7e9c78}
.crt-line-status{color:#b7ceb0;animation:crt-show 0s calc(var(--appear) + 300ms) step-end both}
.crt-ready{animation:none;min-height:20px;margin-top:28px}
.crt-ready>span:first-child{animation:crt-show 0s 1950ms step-end both}
.crt-cursor{order:-1;width:8px;height:8px;background:#8fd46b;box-shadow:0 0 2px #8fd46b55;animation:crt-blink 600ms 150ms step-end infinite}
@keyframes crt-characters{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes crt-read{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes crt-grain-shift{0%,100%{background-position:0 0}25%{background-position:43px -27px}50%{background-position:-31px 39px}75%{background-position:17px 59px}}
@media(prefers-reduced-motion:reduce){.crt-boot{display:none!important}.crt-boot::after,.crt-boot *,.crt-boot *::after{animation:none!important}}
