.pa-overlay { position:fixed; inset:0; z-index:20000; display:grid; place-items:center; padding:20px; background:rgba(5,12,12,.8); backdrop-filter:blur(5px); }
.pa-card { position:relative; width:min(440px,100%); max-height:calc(100dvh - 40px); overflow:auto; box-sizing:border-box; text-align:center; padding:28px 24px 24px; border:2px solid #cba752; border-radius:20px; color:#eee7d4; background:radial-gradient(ellipse at 50% 0,#64502d 0, #202f30 46%,#101c20 100%); box-shadow:0 20px 80px #0009,inset 0 0 0 5px #ffd7850c; font-family:system-ui,sans-serif; }
.pa-kicker { font-size:10px; font-weight:800; letter-spacing:.16em; color:#d6bd7e; }
.pa-crown { font-size:64px; line-height:1.3; margin:14px 0 6px; filter:drop-shadow(0 4px 14px #e8a33e77); }
.pa-overline { font-size:10px; letter-spacing:.15em; color:#e0d0aa; }
.pa-card h2 { font-size:clamp(32px,8vw,48px); margin:6px 0 12px; line-height:1.1; color:#ffe1a1; text-shadow:0 3px 0 #5a381e; letter-spacing:.07em; }
.pa-alliance { display:inline-block; padding:7px 17px; border:1px solid #b39758; border-radius:99px; color:#f9d895; font-size:12px; font-weight:800; letter-spacing:.12em; background:#090e1255; }
.pa-copy { font-size:15px; line-height:1.65; margin:22px 0 16px; }
.pa-warning { padding:14px 10px; border-block:1px solid #cfa44e44; color:#edcf92; font-size:14px; line-height:1.6; }
.pa-date { margin:18px 0; font-size:10px; letter-spacing:.18em; color:#a8b4ae; }
.pa-confirm { width:100%; padding:14px; border:1px solid #ffe0a1; border-radius:10px; background:linear-gradient(#edcd7f,#ba873f); color:#30230e; font:800 15px system-ui; cursor:pointer; box-shadow:0 3px 0 #63471d; }
.pa-confirm:focus-visible { outline:3px solid #fff; outline-offset:4px; }
@media(max-height:600px) { .pa-card { padding:16px; } .pa-crown { font-size:38px;margin:6px; } .pa-copy { margin:12px 0; } .pa-warning { padding:8px; } .pa-date { margin:10px; } }