.pnl-alert{position:fixed;inset:0;margin:auto;width:min(490px,calc(100% - 32px));max-height:calc(100dvh - 36px);padding:0;border:3px solid #21141a;border-top-color:#fff7df;border-left-color:#fff7df;border-radius:0;background:var(--cream);color:var(--ink);box-shadow:9px 9px 0 #000,0 0 70px #f4425233;font-family:var(--mono);overflow:auto;animation:pnl-arrive .16s steps(3,end)}
.pnl-alert::backdrop{background:#080305a6;backdrop-filter:blur(2px)}
.pnl-alert-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 8px 7px 13px;background:#892239;color:#fff4d9;border-bottom:2px solid #21141a;font:9px/1.7 var(--pixel)}
.pnl-alert-close{display:grid;place-items:center;width:24px;height:23px;padding:0;border:2px solid #ffe8d0;border-bottom-color:#3c101c;border-right-color:#3c101c;border-radius:0;background:#e62c43;color:#fff9e5;font:bold 22px/1 monospace}
.pnl-alert-body{display:grid;grid-template-columns:64px 1fr;align-items:start;gap:21px;padding:29px 25px 25px}
.pnl-alert-icon{width:64px;height:64px;filter:drop-shadow(3px 3px 0 #21141a33);margin-top:2px}
.pnl-alert-body h2{font:34px/1.02 var(--mono);letter-spacing:0;margin:0 0 15px}
.pnl-alert-body p{font:22px/1.2 var(--mono);color:#74434d}
.pnl-alert-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 20px 19px;border-top:1px dashed #a68681}
.pnl-alert-actions>span{max-width:130px;color:#8d686d;font:6px/1.9 var(--pixel)}
.pnl-alert-ok{padding:12px 13px;background:#efe0b9;border-color:#fff7df;border-bottom-color:#70595e;border-right-color:#70595e;font-size:8px;color:var(--ink);box-shadow:3px 3px 0 #21141a}
.pnl-alert button:focus-visible{outline:2px dashed #7d2432;outline-offset:3px}
@keyframes pnl-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:480px){.pnl-alert-body{grid-template-columns:48px 1fr;gap:16px;padding:25px 19px}.pnl-alert-icon{width:48px;height:48px}.pnl-alert-body h2{font-size:30px}.pnl-alert-body p{font-size:21px}.pnl-alert-actions{padding-inline:16px;gap:12px}.pnl-alert-actions>span{max-width:90px;font-size:5px}.pnl-alert-ok{font-size:7px;padding:12px 9px}}
@media(prefers-reduced-motion:reduce){.pnl-alert{animation:none}}