/* Pantalla de MAQUINA PWNEADA · Blacknode / NodeBox
   Overlay a pantalla completa que se inyecta con veredicto.html cuando el
   jugador revienta una maquina (todas sus flags). Namespaced en .pwn. */
.pwn{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:24px;
 background:radial-gradient(900px 600px at 50% 30%,rgba(55,182,255,.10),transparent 60%),rgba(4,7,12,.90);
 backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
 opacity:0;visibility:hidden;transition:opacity .28s ease;
 font-family:ui-monospace,"IBM Plex Mono",Consolas,monospace;}
.pwn.abierto{opacity:1;visibility:visible;animation:pwn-shake .5s ease 1;}
@keyframes pwn-shake{0%{transform:translate(0,0)}12%{transform:translate(-3px,2px)}24%{transform:translate(3px,-2px)}36%{transform:translate(-2px,-1px)}50%{transform:translate(2px,1px)}100%{transform:translate(0,0)}}
.pwn-scan{position:absolute;inset:0;pointer-events:none;opacity:.10;
 background:repeating-linear-gradient(180deg,#fff 0,#fff 1px,transparent 2px,transparent 4px);}
.pwn-rain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.26;}
.pwn-box{position:relative;width:min(980px,96vw);text-align:center;}
.pwn-x{position:absolute;top:-6px;right:-6px;z-index:5;width:44px;height:44px;border-radius:50%;
 background:rgba(10,14,20,.7);border:1px solid #1c2740;color:#cfe6ff;font-size:20px;cursor:pointer;
 display:grid;place-items:center;transition:all .15s;line-height:1;}
.pwn-x:hover{border-color:#e5847d;color:#fff;box-shadow:0 0 18px rgba(229,132,125,.5);transform:rotate(90deg);}
.pwn-banner{display:block;width:100%;height:auto;
 -webkit-mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 92%,transparent);
 mask-composite:intersect;
 animation:pwn-bannerin .5s cubic-bezier(.2,.8,.2,1) both;}
@keyframes pwn-bannerin{0%{opacity:0;transform:scale(1.06) translateY(8px);filter:saturate(1.6) brightness(1.3)}100%{opacity:1;transform:none;filter:none}}
.pwn-title{margin:-6px 0 2px;font-size:clamp(28px,6vw,58px);letter-spacing:6px;color:#fff;line-height:1;position:relative;font-weight:800;}
.pwn-title[data-glitch]::before,.pwn-title[data-glitch]::after{content:attr(data-glitch);position:absolute;left:0;top:0;width:100%;overflow:hidden;}
.pwn-title[data-glitch]::before{color:#37b6ff;clip-path:inset(0 0 55% 0);animation:pwn-g1 2.2s infinite linear alternate;}
.pwn-title[data-glitch]::after{color:#e5847d;clip-path:inset(55% 0 0 0);animation:pwn-g2 2.6s infinite linear alternate;}
@keyframes pwn-g1{0%{transform:translate(0,0)}20%{transform:translate(-2px,-1px)}40%{transform:translate(2px,1px)}100%{transform:translate(-1px,0)}}
@keyframes pwn-g2{0%{transform:translate(0,0)}25%{transform:translate(2px,-1px)}55%{transform:translate(-2px,1px)}100%{transform:translate(1px,0)}}
.pwn-machine{color:#5a6b86;letter-spacing:3px;text-transform:uppercase;font-size:13px;margin:6px 0 0;}
.pwn-machine b{color:#37b6ff;}
.pwn-term{margin:14px auto 0;max-width:560px;color:#8fe08f;font-size:14px;text-align:left;background:#080c12;border:1px solid #16324a;border-radius:8px;padding:10px 14px;overflow:hidden;white-space:nowrap;}
.pwn-cursor{display:inline-block;width:9px;height:15px;background:#8fe08f;vertical-align:-2px;animation:pwn-blink 1s steps(1) infinite;}
@keyframes pwn-blink{50%{opacity:0}}
.pwn-stats{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:18px 0 4px;}
.pwn-stat{border:1px solid #1c2740;background:#0e1420;border-radius:10px;padding:10px 18px;min-width:120px;}
.pwn-stat dt{color:#5a6b86;font-size:11px;letter-spacing:2px;text-transform:uppercase;margin:0 0 4px;}
.pwn-stat dd{margin:0;font-size:22px;color:#fff;}
.pwn-stat.g dd{color:#8fe08f;} .pwn-stat.c dd{color:#37b6ff;}
.pwn-actions{display:flex;gap:12px;justify-content:center;margin-top:16px;flex-wrap:wrap;}
.pwn-btn{border-radius:9px;padding:11px 22px;cursor:pointer;font-family:inherit;font-size:14px;letter-spacing:1px;border:1px solid #37b6ff;background:transparent;color:#cfe6ff;}
.pwn-btn.p{background:#37b6ff;color:#04121f;font-weight:700;}
.pwn-hint{color:#33415e;font-size:12px;margin-top:12px;}
/* Variante de PRIMERA SANGRE: oro/rojo */
.pwn--sangre{background:radial-gradient(900px 600px at 50% 30%,rgba(232,196,115,.12),transparent 60%),rgba(9,6,3,.92);}
.pwn--sangre .pwn-title{color:#ffe6a6;}
.pwn--sangre .pwn-title[data-glitch]::before{color:#e8c473;}
.pwn--sangre .pwn-title[data-glitch]::after{color:#e5847d;}
.pwn--sangre .pwn-rain{filter:hue-rotate(140deg) saturate(1.2);}
.pwn--sangre .pwn-machine b{color:#e8c473;}
@media (max-width:560px){.pwn-title{letter-spacing:3px;} .pwn-stat{min-width:96px;padding:8px 12px;}}