@property --yp-boot-pct{syntax:"<integer>";inherits:false;initial-value:0}.ypb{z-index:110;background:radial-gradient(ellipse 62% 48% at 50% 46%, #c8102e21, transparent 72%), radial-gradient(ellipse 120% 90% at 50% 110%, #ff5a1f12, transparent 60%), var(--void);color:var(--bone);cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;animation:ypb-boot-gone var(--failsafe-fade,.22s) steps(4, end) calc(var(--failsafe,2.4s) - var(--failsafe-fade,.22s)) forwards;outline:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0;overflow:hidden}html[data-boot] .ypb{display:flex}html[data-boot]{scrollbar-gutter:stable;animation:2.4s linear forwards ypb-scroll-lock}.ypb[data-live]{animation:none}.ypb:before,.ypb:after{content:"";pointer-events:none;position:absolute;inset:0}.ypb:before{z-index:2;background:repeating-linear-gradient(#0000 0 2px,#00000052 2px 3px)}.ypb:after{z-index:3;background:radial-gradient(circle at 0 0,#0000008c,#0000 56px),radial-gradient(circle at 100% 0,#0000008c,#0000 56px),radial-gradient(circle at 0 100%,#0009,#0000 64px),radial-gradient(circle at 100% 100%,#0009,#0000 64px),radial-gradient(#0000 58%,#00000080 100%);box-shadow:inset 0 0 0 2px #0009,inset 0 0 60px 6px #00000080}.ypb-screen{z-index:1;transform-origin:50%;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:absolute;inset:0;overflow:hidden}.ypb-flash{opacity:0;pointer-events:none;background:linear-gradient(#fff3c4,#ffd23f 50%,#fff3c4);position:absolute;inset:0;box-shadow:0 0 40px 10px #ffd23f99}.ypb-corners{z-index:1;pointer-events:none;font-family:var(--font-pixel);letter-spacing:1px;color:var(--ash);opacity:.75;font-size:8px;line-height:1;position:absolute;inset:0}.ypb-corners>span{position:absolute}.ypb-corners>span:first-child{color:var(--gold-deep);top:26px;left:28px}.ypb-corners>span:nth-child(2){top:26px;right:28px}.ypb-corners>span:nth-child(3){bottom:26px;left:28px}.ypb-corners>span:nth-child(4){color:var(--blood);bottom:26px;right:28px}.ypb-console{width:min(680px,100%);font-family:var(--font-terminal);text-shadow:0 0 6px #e8e1d347,1px 0 #ff284638,-1px 0 #3cc8ff29;font-size:26px;line-height:1.24;position:relative}.ypb-head{box-shadow:0 2px 0 0 var(--crypt-2);align-items:center;gap:16px;margin-bottom:14px;padding-bottom:14px;display:flex}.ypb-skull{width:96px;height:96px;image-rendering:pixelated;filter:drop-shadow(0 0 10px #c8102e8c)drop-shadow(2px 2px #000c);animation:1.2s steps(3,end) infinite alternate ypb-skull-glow;display:block}.ypb-head-text{flex-direction:column;gap:8px;display:flex}.ypb-os{font-family:var(--font-pixel);letter-spacing:.08em;color:var(--gold);text-shadow:2px 2px 0 var(--blood);font-size:20px}.ypb-bios{font-family:var(--font-pixel);letter-spacing:1px;color:var(--ash);text-shadow:none;font-size:9px}.ypb-log{margin:0 0 18px;padding:0;list-style:none}.ypb-line,.ypb-line-first{white-space:pre;gap:.6ch;min-height:1.24em;display:flex}.ypb-caret{color:var(--blood);flex:none}.ypb-line .ypb-caret{visibility:hidden;animation:ypb-appear 1ms steps(1, end) var(--t) forwards}.ypb-text{width:calc(var(--n1) * 1ch);display:inline-block;overflow:hidden}.ypb-line .ypb-text{clip-path:inset(0 100% 0 0);animation:ypb-type calc(var(--n1) * var(--char-ms,9ms)) steps(var(--n1), end) var(--t) forwards}.ypb-text:after{content:"";vertical-align:-.04em;background:var(--gold);visibility:hidden;width:.62ch;height:.78em;animation:ypb-cursor-window calc(var(--tn) - var(--t)) steps(1, end) var(--t) forwards, ypb-blink-hard .5s steps(1, end) infinite;margin-left:.2ch;display:inline-block}.ypb-line-first .ypb-text:after{animation:ypb-cursor-window var(--tn) steps(1, end) 0s forwards, ypb-blink-hard .5s steps(1, end) infinite}.ypb-t-dots{color:var(--ash)}.ypb-t-ok{color:var(--poison);text-shadow:0 0 8px #39ff1473}.ypb-t-pct{color:var(--gold)}.ypb-progress{align-items:center;gap:14px;display:flex}.ypb-bar{height:28px;box-shadow:0 -2px 0 0 var(--gold-deep), 0 2px 0 0 var(--gold-deep), -2px 0 0 0 var(--gold-deep), 2px 0 0 0 var(--gold-deep), 4px 4px 0 0 #000;background:#07060bcc;flex:auto;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px;padding:4px;display:grid}.ypb-seg{animation:ypb-seg-on 1ms steps(1, end) calc(var(--bar-start,.11s) + var(--i) * var(--bar-step,59ms)) forwards;background:#f2b70514}.ypb-seg:last-child{animation-delay:var(--bar-done,1.26s)}.ypb-pct{text-align:right;min-width:4ch;color:var(--gold);flex:none}.ypb-pct:after{counter-reset:yp-boot-pct var(--yp-boot-pct);content:counter(yp-boot-pct) "%";animation:ypb-pct var(--bar-done,1.26s) linear forwards}.ypb-prompt{font-family:var(--font-pixel);letter-spacing:.06em;color:var(--gold);text-align:center;text-wrap:balance;text-shadow:2px 2px 0 var(--blood);visibility:hidden;animation:ypb-appear 1ms steps(1, end) var(--prompt-at,1.27s) forwards, ypb-blink-hard .36s steps(1, end) var(--prompt-at,1.27s) infinite;justify-content:center;align-items:center;gap:14px;margin:28px 0 0;font-size:13px;line-height:1.7;display:flex}.ypb-arrow{color:var(--blood);text-shadow:none;font-size:10px}.ypb-hint{font-family:var(--font-pixel);letter-spacing:1px;color:var(--ash);text-align:center;text-shadow:none;margin:12px 0 0;font-size:8px;line-height:1.6}.ypb-hint-touch{display:none}@media (hover:none),(pointer:coarse){.ypb-hint-pointer{display:none}.ypb-hint-touch{display:inline}}@media (max-width:639px){.ypb-console{font-size:19px}.ypb-skull{width:64px;height:64px}.ypb-corners{font-size:7px}.ypb-corners>span:first-child,.ypb-corners>span:nth-child(3){left:16px}.ypb-corners>span:nth-child(2),.ypb-corners>span:nth-child(4){right:16px}.ypb-corners>span:nth-child(2){display:none}.ypb-os{font-size:12px}.ypb-bios{font-size:7px}.ypb-prompt{gap:10px;font-size:10px}.ypb-arrow{display:none}}@media (max-width:399px){.ypb-corners>span:nth-child(3){bottom:42px}}@media (max-height:560px){.ypb-console{font-size:17px}.ypb-head{margin-bottom:8px;padding-bottom:8px}.ypb-skull{width:48px;height:48px}.ypb-log{margin-bottom:10px}.ypb-prompt{margin-top:14px}.ypb-corners{display:none}}:root[data-motion=reduce] .ypb :is(.ypb-line .ypb-caret,.ypb-line .ypb-text,.ypb-seg,.ypb-prompt,.ypb-skull){animation:none}:root[data-motion=reduce] .ypb .ypb-line .ypb-caret,:root[data-motion=reduce] .ypb .ypb-prompt{visibility:visible}:root[data-motion=reduce] .ypb .ypb-line .ypb-text{clip-path:none}:root[data-motion=reduce] .ypb .ypb-seg{background:var(--gold)}:root[data-motion=reduce] .ypb .ypb-pct:after{content:"100%"}@keyframes ypb-type{to{clip-path:inset(0)}}@keyframes ypb-appear{0%,to{visibility:visible}}@keyframes ypb-cursor-window{0%{visibility:visible}to{visibility:hidden}}@keyframes ypb-blink-hard{0%,55%{opacity:1}56%,to{opacity:0}}@keyframes ypb-seg-on{0%,to{background:var(--gold);box-shadow:inset 0 3px 0 0 #fff3c4, inset 0 -3px 0 0 var(--gold-deep)}}@keyframes ypb-pct{0%{--yp-boot-pct:0}8.73%{--yp-boot-pct:0}87.3%{--yp-boot-pct:99}99.9%{--yp-boot-pct:99}to{--yp-boot-pct:100}}@keyframes ypb-skull-glow{0%{filter:drop-shadow(0 0 6px #c8102e59)drop-shadow(2px 2px #000c)}to{filter:drop-shadow(0 0 14px #c8102eb3)drop-shadow(2px 2px #000c)}}@keyframes ypb-scroll-lock{0%,99.9%{overflow:hidden}to{overflow:visible}}@keyframes ypb-boot-gone{to{visibility:hidden;opacity:0;pointer-events:none}}
