/* Native pixel robot opening. All rules stay inside its disposable mount. */
#nolt-intro[hidden]{display:none!important}
#nolt-intro{position:fixed;inset:0;z-index:10000;background:#101318;color:#e5e8ee;isolation:isolate;transition:opacity .32s ease,visibility .32s;animation:nolt-boot-safety 4.5s step-end forwards}
#nolt-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
#nolt-intro .nolt-boot{height:100%;width:100%;padding:27px 34px 23px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#20233066,transparent 64%)}
#nolt-intro .nolt-boot:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background-image:radial-gradient(#929db31a .6px,transparent .6px);background-size:20px 20px;mask-image:linear-gradient(transparent,#000 24%,#000 75%,transparent)}
#nolt-intro .nolt-boot-top,#nolt-intro .nolt-boot-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font:400 8px/1.6 Silkscreen,monospace;letter-spacing:.04em;color:#8993a3}
#nolt-intro .nolt-boot-top{padding-bottom:16px;border-bottom:1px solid #343b48}
#nolt-intro .nolt-boot-top>span{display:flex;align-items:center;gap:10px}
#nolt-intro .nolt-boot-top>span>i{display:block;background:#9a8df5;width:6px;height:6px;box-shadow:3px 3px 0 #514e73}
#nolt-intro .nolt-boot-skip{padding:9px 11px;min-height:38px;display:flex;align-items:center;gap:18px;border:1px solid #343b48;font:400 8px Silkscreen,monospace;color:#c4c9d3;transition:border-color .2s,background .2s}
#nolt-intro .nolt-boot-skip:hover,#nolt-intro .nolt-boot-skip:focus-visible{border-color:#9a8df5;background:#9a8df51a;outline:2px solid #9a8df5;outline-offset:3px}
#nolt-intro .nolt-boot-skip>span{font-size:15px;color:#9a8df5}
#nolt-intro .nolt-boot-center{width:min(100%,1000px);margin:28px auto 34px;position:relative}
#nolt-intro .nolt-boot-coordinate{display:flex;align-items:center;justify-content:space-between;color:#697383;font:400 7px Silkscreen,monospace;padding-bottom:17px}
#nolt-intro .nolt-boot-crew{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-block:1px solid #343b48;position:relative}
#nolt-intro .nolt-boot-unit{min-width:0;position:relative;padding:15px 16px 17px;border-right:1px solid #343b48;background:linear-gradient(180deg,#1b202800, #1b20284d);opacity:0;transform:translateY(8px);animation:nolt-unit-arrive .32s steps(4,end) forwards;animation-delay:calc(.18s + var(--unit)*.13s)}
#nolt-intro .nolt-boot-unit:first-child{border-left:1px solid #343b48}
#nolt-intro .nolt-boot-index{color:#4e5867;font:400 7px Silkscreen,monospace}
#nolt-intro .nolt-boot-face{height:142px;display:flex;align-items:center;justify-content:center;position:relative;margin:11px 0 17px;overflow:hidden}
#nolt-intro .nolt-boot-face>svg{width:100%;height:100%;max-width:130px;image-rendering:pixelated;filter:brightness(.12) saturate(.35);transform-origin:50% 65%;animation:nolt-optics-wake 1.25s steps(4,end) forwards;animation-delay:calc(.28s + var(--unit)*.17s)}
#nolt-intro .nolt-boot-scan{position:absolute;left:5%;right:5%;top:0;height:2px;opacity:0;background:var(--sensor);box-shadow:0 0 9px var(--sensor);animation:nolt-head-scan .6s linear;animation-delay:calc(.45s + var(--unit)*.17s)}
#nolt-intro .nolt-boot-unit-label{display:flex;align-items:center;justify-content:space-between;font:400 10px Pixelify,monospace;letter-spacing:1px;color:#687283;animation:nolt-label-wake .2s forwards;animation-delay:calc(.65s + var(--unit)*.17s)}
#nolt-intro .nolt-boot-unit-label>i{display:block;width:4px;height:4px;background:#343b48;animation:nolt-led-wake .1s forwards;animation-delay:calc(.8s + var(--unit)*.17s)}
#nolt-intro .nolt-boot-word{display:flex;align-items:flex-end;justify-content:space-between;padding:19px 0 25px;gap:20px;opacity:0;animation:nolt-word-arrive .35s steps(4,end) forwards .65s}
#nolt-intro .nolt-boot-word>h1{font:500 clamp(70px,12vw,132px)/.8 Pixelify,monospace;letter-spacing:-.065em;margin:0;color:#e5e8ee}
#nolt-intro .nolt-boot-word>h1>span{color:#9a8df5}
#nolt-intro .nolt-boot-word>p{font:400 9px/1.8 Silkscreen,monospace;color:#919bad;margin:0 0 2px}
#nolt-intro .nolt-boot-track{height:3px;background:#292f3a;overflow:hidden;position:relative}
#nolt-intro .nolt-boot-track>i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#5f568f,#9a8df5);transform:scaleX(0);transform-origin:left;animation:nolt-track-fill 2.65s linear forwards .1s;box-shadow:0 0 12px #9a8df566}
#nolt-intro .nolt-boot-bottom{padding-top:16px;border-top:1px solid #343b48;font-size:7px;color:#697383}
#nolt-intro .nolt-boot-bottom-phase{color:#a79bea;min-width:170px}
#nolt-intro .nolt-boot-cursor{animation:nolt-cursor .45s steps(1,end) infinite}
@keyframes nolt-unit-arrive{to{opacity:1;transform:translateY(0)}}
@keyframes nolt-optics-wake{0%,20%{filter:brightness(.12) saturate(.35);transform:translateY(3px)}35%{filter:brightness(.85);transform:translateY(0)}43%{filter:brightness(.3)}55%,100%{filter:brightness(1);transform:translateY(0)}}
@keyframes nolt-head-scan{0%{opacity:0;transform:translateY(0)}10%,80%{opacity:.28}100%{opacity:0;transform:translateY(142px)}}
@keyframes nolt-label-wake{to{color:#c9ced8}}
@keyframes nolt-led-wake{to{background:var(--sensor);box-shadow:0 0 8px color-mix(in srgb,var(--sensor) 50%,transparent)}}
@keyframes nolt-word-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes nolt-track-fill{to{transform:scaleX(1)}}
@keyframes nolt-cursor{50%{opacity:0}}
@keyframes nolt-boot-safety{to{visibility:hidden;pointer-events:none}}
@media(max-width:700px){#nolt-intro .nolt-boot{padding:18px 20px}#nolt-intro .nolt-boot-center{max-width:460px;margin:20px auto}#nolt-intro .nolt-boot-crew{grid-template-columns:repeat(3,minmax(0,1fr))}#nolt-intro .nolt-boot-unit{padding:10px 13px 12px}#nolt-intro .nolt-boot-unit:nth-child(4){border-left:1px solid #343b48}#nolt-intro .nolt-boot-unit:nth-child(-n+3){border-bottom:1px solid #343b48}#nolt-intro .nolt-boot-face{height:96px;margin:7px 0 12px}#nolt-intro .nolt-boot-face>svg{max-width:98px}#nolt-intro .nolt-boot-word{padding:19px 0 22px}#nolt-intro .nolt-boot-word>h1{font-size:83px}#nolt-intro .nolt-boot-word>p{font-size:7px}#nolt-intro .nolt-boot-coordinate{font-size:6px}#nolt-intro .nolt-boot-top{font-size:6px}#nolt-intro .nolt-boot-bottom{font-size:6px}#nolt-intro .nolt-boot-bottom>span:last-child{display:none}}
@media(max-height:620px) and (min-width:701px){#nolt-intro .nolt-boot-face{height:105px}#nolt-intro .nolt-boot-center{margin:15px auto}#nolt-intro .nolt-boot-word>h1{font-size:90px}#nolt-intro .nolt-boot-word{padding:17px 0 18px}}
@media(max-height:660px) and (max-width:700px){#nolt-intro .nolt-boot-face{height:68px}#nolt-intro .nolt-boot-word>h1{font-size:64px}#nolt-intro .nolt-boot-center{margin:12px auto}#nolt-intro .nolt-boot-coordinate{padding-bottom:10px}#nolt-intro .nolt-boot-top,#nolt-intro .nolt-boot-bottom{padding-block:7px}#nolt-intro .nolt-boot-unit{padding:7px 10px 9px}#nolt-intro .nolt-boot-word{padding:12px 0 17px}}
@media(prefers-reduced-motion:reduce){#nolt-intro{display:none!important}#nolt-intro *{animation:none!important;transition:none!important}}