.pack-intro[hidden]{display:none}.pack-intro{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#061b22;color:#e2fff6;overflow:hidden;isolation:isolate}.pack-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 44%,#19403f 0,transparent 55%)}.intro-skip{position:absolute;right:30px;top:26px;border:1px solid #527572;border-radius:8px;background:#0e292f;color:#c5e8e0;padding:10px 15px;font:500 12px/18px Inter;display:flex;gap:30px;z-index:4}.intro-scene{width:380px;height:260px;position:relative;display:grid;place-items:center}.intro-pack{width:155px;height:194px;object-fit:contain;z-index:3;transform-origin:50% 70%}.intro-agents{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;z-index:2}.intro-agents img{width:115px;height:115px;opacity:0;image-rendering:pixelated}.intro-seal{position:absolute;left:120px;top:30px;width:140px;height:5px;background:#dbfff3;opacity:0;z-index:4;box-shadow:0 0 20px #97fce4}.intro-wordmark{text-align:center;position:relative;z-index:4}.intro-kicker{font:500 9px/16px ui-monospace,monospace;letter-spacing:2px;color:#7eaba5}.intro-wordmark h2{font:700 clamp(38px,7vw,58px)/1.1 Inter;letter-spacing:-2px;margin:13px 0 10px}.intro-wordmark p{font:400 13px/20px Inter;color:#94b5b0}.intro-progress{position:absolute;bottom:0;height:3px;left:0;background:#97fce4;width:100%;transform-origin:left;transform:scaleX(0)}.pack-intro.play .intro-pack{animation:pack-start 2.5s cubic-bezier(.2,.8,.2,1) both}.pack-intro.play .intro-agents img{animation:crew-out 2.5s both}.pack-intro.play .intro-agents img:nth-child(1){--tx:-44px;--rot:-9deg}.pack-intro.play .intro-agents img:nth-child(2){--tx:0px;--rot:0deg;animation-delay:60ms}.pack-intro.play .intro-agents img:nth-child(3){--tx:44px;--rot:9deg;animation-delay:120ms}.pack-intro.play .intro-seal{animation:seal-off 2.5s both}.pack-intro.play .intro-wordmark{animation:word-in .7s .45s both}.pack-intro.play .intro-progress{animation:pack-progress 2.5s linear both}.pack-intro.leaving{opacity:0;transition:opacity .28s ease;pointer-events:none}@keyframes pack-start{0%{opacity:0;transform:translateY(24px) scale(.82)}20%,33%{opacity:1;transform:none}39%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}50%{transform:rotate(-2deg)}57%{opacity:1;transform:translateY(10px) scale(1.03)}73%,100%{opacity:0;transform:translateY(48px) scale(.85)}}@keyframes crew-out{0%,55%{opacity:0;transform:translateY(45px) scale(.4)}78%,100%{opacity:1;transform:translateX(var(--tx)) translateY(-8px) rotate(var(--rot)) scale(1)}}@keyframes seal-off{0%,42%{opacity:0;transform:scaleX(.1)}49%,56%{opacity:1;transform:scaleX(1)}72%,100%{opacity:0;transform:translate(70px,-100px) rotate(35deg) scaleX(.8)}}@keyframes word-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pack-progress{to{transform:scaleX(1)}}@media(max-width:600px){.intro-scene{width:310px;height:230px}.intro-pack{width:135px;height:170px}.intro-agents img{width:91px;height:91px}.intro-seal{left:95px;top:30px;width:120px}.intro-skip{right:18px;top:18px}.intro-kicker{font-size:8px;letter-spacing:1.4px}.intro-wordmark h2{letter-spacing:-1px}.intro-agents img:nth-child(1){--tx:-16px!important}.intro-agents img:nth-child(3){--tx:16px!important}}@media(prefers-reduced-motion:reduce){.pack-intro *{animation:none!important;transition:none!important}}