body.mode-scifi .team-card.containment-infected{cursor:pointer;border-color:#ff4aa2;box-shadow:0 0 18px #ff4aa233}
body.mode-scifi .team-card.containment-infected.containment-effects-active{animation:containment-card-tear 6s steps(1) infinite}
.team-card .containment-alien{display:none}
body.mode-scifi .team-card.containment-infected.containment-effects-active .containment-alien{display:block;position:absolute;inset:0 auto auto 0;width:100%;height:170px;background:url('/containment/assets/containment-entry.png') 76% 30%/auto 230% no-repeat;opacity:1;filter:contrast(1.08) brightness(.95);animation:containment-face 6s steps(1) infinite;pointer-events:none}
body.mode-scifi .containment-infected::before{content:'SIGNAL CORRUPTED // ▒▒▒';position:absolute;z-index:3;inset:auto 0 0;padding:5px 9px;background:#03121be6;color:#ff4aa2;font:8px monospace;letter-spacing:.16em;pointer-events:none}
body.mode-scifi .containment-infected::after{background:repeating-linear-gradient(0deg,transparent 0 3px,#59ddff30 4px)}
body.mode-scifi .containment-infected.containment-effects-active::after{animation:containment-interference 3.5s steps(1) infinite}
@keyframes containment-face{0%,54%,67%,90%,100%{opacity:1;transform:none;clip-path:inset(0)}55%,60%,92%{opacity:0}58%,64%{opacity:.9;transform:translateX(7px);clip-path:inset(18% 0 45%)}62%,94%{opacity:.8;transform:translateX(-5px);clip-path:inset(55% 0 8%)}}
@keyframes containment-card-tear{0%,54%,66%,100%{transform:none}56%,63%{transform:translateX(2px) skewX(.8deg)}60%{transform:translateX(-3px)}}
@keyframes containment-interference{0%,78%,100%{opacity:.3;transform:none}80%,86%{opacity:1;transform:translateY(9px)}83%{opacity:.7;transform:translateY(-8px)}}
body.containment-open{overflow:hidden}
body.containment-open>.site-shell,body.containment-open>.crt,body.containment-open>.noise,body.containment-open>.code-columns{visibility:hidden}
body.containment-open .site-shell *,body.containment-open>.code-columns *{animation-play-state:paused!important}
dialog.containment-portal{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;background:#020a10;color:#dffaff;overflow:hidden;font-family:Consolas,monospace}
.containment-portal::backdrop{background:#000}
.containment-close{position:absolute;z-index:5;top:8px;left:50%;transform:translateX(-50%);padding:8px 14px;border:1px solid #59ddff66;background:#020a10ec;color:#a0dce9;font:10px monospace;cursor:pointer}
.containment-frame{border:0;width:100%;height:calc(100% - 42px);margin-top:42px;display:block;visibility:hidden}
.containment-portal.is-ready .containment-frame{visibility:visible}
.containment-load{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:8vw;background:radial-gradient(ellipse at center,#062d3b,#020a10 65%)}
.containment-load[hidden]{display:none}
.containment-load small{color:#ff4aa2;letter-spacing:.22em;font-size:11px}.containment-load h2{font:clamp(25px,5vw,72px)/1.05 Impact,sans-serif;letter-spacing:.03em;margin:24px 0}
.containment-progress{height:30px;border:1px solid #59ddff77;padding:4px;width:100%;background:#0008}
.containment-progress span{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#59ddff 0 12px,#159ab2 12px 15px);box-shadow:0 0 16px #59ddff77}
.containment-percent{font-size:clamp(50px,9vw,120px);text-align:right;font-weight:bold;margin:12px 0;color:#59ddff}.containment-load p{font-size:11px;color:#88aeba;letter-spacing:.1em}
@media(max-width:900px){body.mode-scifi .team-card.containment-infected.containment-effects-active .containment-alien{width:115px;height:100%;background-position:76% 30%}}
@media(prefers-reduced-motion:reduce){body.mode-scifi .team-card.containment-infected,body.mode-scifi .team-card.containment-infected .containment-alien,body.mode-scifi .containment-infected::after{animation:none}}

.containment-portal.is-ready .containment-close{display:none}.containment-frame{height:100%;margin-top:0}