.rootagents-intro{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#07090b;color:#e5eae4;z-index:100;opacity:1;transition:opacity 160ms ease-out}
.rootagents-intro:not([open]){display:none}
.rootagents-intro::backdrop{background:#07090b}
.intro-inner{width:min(850px,calc(100% - 48px));height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:70px 0 50px}
.intro-skip{position:absolute;top:26px;right:26px;z-index:2;min-height:44px;padding:10px 14px;border:1px solid #3a5246;background:#0b1210;color:#b4efc5;font:400 10px var(--mono,monospace)}
.intro-skip:hover{background:#15231b;border-color:#b4efc5}
.intro-kicker{margin:0 0 16px;font:400 6px/1.8 var(--ui,monospace);letter-spacing:1px;color:#6d8d7a}
.intro-identity{display:flex;align-items:center;gap:15px}
.intro-identity img{width:62px;height:62px;object-fit:contain;image-rendering:pixelated}
.intro-identity h2{margin:0;font:500 clamp(50px,8vw,78px)/1 var(--pixel,monospace);letter-spacing:-1.6px}
.intro-identity h2 span{color:#b4efc5}
.intro-stage{width:min(660px,100%);position:relative;margin:-6px 0 -7px;min-height:0;flex-shrink:1;overflow:hidden}
.intro-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 96%,#0003 96%);background-size:100% 4px;opacity:.2}
.intro-stage canvas{display:block;width:100%;height:min(37dvh,350px);image-rendering:pixelated;pointer-events:none}
.intro-crew{width:min(460px,100%);display:flex;justify-content:space-between;gap:16px;margin:0;list-style:none;padding:0}
.intro-crew li{display:flex;flex-direction:column;gap:3px;min-width:0;border-left:1px solid #2b4836;padding-left:14px;color:#b4efc5}
.intro-crew strong{font:500 29px/1.1 var(--pixel,monospace);letter-spacing:-.4px}
.intro-crew span{font:400 9px/1.6 var(--mono,monospace);color:#718d7a}
.intro-progress{width:min(460px,100%);height:2px;margin:25px 0 13px;background:#18271e;overflow:hidden}
.intro-progress:after{content:'';display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#b4efc5}
.intro-foot{font:400 6px/1.8 var(--mono,monospace);letter-spacing:1.1px;margin:0;color:#607969}
.rootagents-intro[open]:not(.intro-static) .intro-kicker,.rootagents-intro[open]:not(.intro-static) .intro-identity,.rootagents-intro[open]:not(.intro-static) .intro-stage,.rootagents-intro[open]:not(.intro-static) .intro-crew li{animation:intro-reveal 330ms ease-out both}
.rootagents-intro[open] .intro-stage{animation-delay:100ms!important}
.rootagents-intro[open] .intro-crew li:nth-child(1){animation-delay:330ms!important}
.rootagents-intro[open] .intro-crew li:nth-child(2){animation-delay:590ms!important}
.rootagents-intro[open] .intro-crew li:nth-child(3){animation-delay:850ms!important}
.rootagents-intro[open]:not(.intro-static) .intro-progress:after{animation:intro-load 1500ms cubic-bezier(.2,.5,.4,1) both}
.rootagents-intro.intro-leaving{opacity:0;pointer-events:none}
.intro-static .intro-progress:after{transform:scaleX(1)}
#replay-intro{border:0;background:none;padding:4px 0;color:#628c6c;font:400 8px var(--mono,monospace);text-decoration:underline;text-underline-offset:4px}
#replay-intro:hover{color:#b4efc5}
@keyframes intro-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes intro-load{to{transform:scaleX(1)}}
@media(max-width:560px){.intro-inner{width:calc(100% - 40px);padding-top:82px}.intro-skip{top:18px;right:18px;font-size:9px}.intro-identity{gap:10px}.intro-identity img{width:42px;height:42px}.intro-identity h2{font-size:50px}.intro-kicker{font-size:5px}.intro-stage{margin:18px 0}.intro-stage canvas{height:29dvh}.intro-crew{gap:10px}.intro-crew li{padding-left:10px}.intro-crew strong{font-size:26px}.intro-crew span{font-size:8px}.intro-foot{font-size:5px}}
@media(max-height:580px){.intro-inner{padding-block:38px 20px}.intro-kicker{margin-bottom:9px}.intro-identity img{width:38px;height:38px}.intro-identity h2{font-size:48px}.intro-stage canvas{height:30dvh}.intro-crew strong{font-size:24px}.intro-progress{margin-top:14px}.intro-skip{top:12px;right:12px}}
@media(prefers-reduced-motion:reduce){.rootagents-intro{transition:none}.rootagents-intro *,.rootagents-intro *:after{animation:none!important}.intro-progress:after{transform:scaleX(1)}}