/* ============================================================
   Strike 10 VIP list popup.
   Loaded by every public page together with assets/vip.js.
   ============================================================ */

.vipop{position:fixed;inset:0;z-index:2147481500;display:none;align-items:center;justify-content:center;padding:20px;
 background:rgba(6,5,7,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.vipop.open{display:flex}

.vipop-card{position:relative;width:min(880px,100%);max-height:calc(100vh - 40px);overflow:auto;overscroll-behavior:contain;
 border:1px solid rgba(217,164,65,.55);border-radius:22px;background:#0D0B0E;color:#F4EFE7;
 box-shadow:0 40px 110px rgba(0,0,0,.7),0 0 0 1px rgba(0,0,0,.5);isolation:isolate;
 animation:vipop-in .34s cubic-bezier(.2,.8,.25,1) both}
@keyframes vipop-in{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}
html[data-a11y-motion="1"] .vipop-card,@media(prefers-reduced-motion:reduce){.vipop-card{animation:none}}

.vipop-shot{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;background-repeat:no-repeat;filter:saturate(1.15) contrast(1.05)}
.vipop-grade{position:absolute;inset:0;z-index:-1;background:
 radial-gradient(70% 80% at 82% 10%,rgba(126,45,60,.5),transparent 62%),
 linear-gradient(100deg,rgba(13,11,14,.96) 0%,rgba(13,11,14,.9) 34%,rgba(13,11,14,.5) 66%,rgba(13,11,14,.2) 100%)}
@media(max-width:719px){.vipop-grade{background:radial-gradient(90% 60% at 60% 0%,rgba(126,45,60,.45),transparent 60%),linear-gradient(180deg,rgba(13,11,14,.35) 0%,rgba(13,11,14,.88) 34%,#0D0B0E 62%)}}

.vipop-inner{position:relative;padding:38px 34px 30px}
@media(min-width:720px){.vipop-inner{padding:46px 44px 38px;max-width:600px}}
@media(max-width:719px){.vipop-inner{padding:150px 22px 26px}}

.vipop-x{position:absolute;top:12px;right:12px;z-index:3;width:38px;height:38px;border-radius:50%;
 border:1px solid rgba(244,239,231,.25);background:rgba(13,11,14,.7);color:#F4EFE7;font-size:1.25rem;line-height:1;cursor:pointer;
 display:flex;align-items:center;justify-content:center}
.vipop-x:hover{border-color:#D9A441;color:#D9A441}

.vipop-eyebrow{display:flex;align-items:center;gap:10px;font-family:"Spline Sans Mono",monospace;font-size:.68rem;
 letter-spacing:.34em;text-transform:uppercase;color:#D9A441;margin:0 0 12px}
.vipop-eyebrow::before{content:"";width:30px;height:1px;background:#7E2D3C}
.vipop h2{font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:clamp(2.3rem,7vw,3.6rem);
 line-height:.94;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px;color:#F4EFE7;text-shadow:0 4px 30px rgba(0,0,0,.6)}
.vipop h2 em{font-style:normal;color:#D9A441}
.vipop-sub{color:#D8D0C6;font-size:1rem;line-height:1.55;max-width:430px;margin:0 0 22px}

.vipop-pick{margin:0 0 16px}
.vipop-pick legend,.vipop-pick .lg{font-family:"Spline Sans Mono",monospace;font-size:.62rem;letter-spacing:.2em;
 text-transform:uppercase;color:#B8AFA4;padding:0;margin:0 0 8px}
.vipop-opts{display:flex;gap:8px;flex-wrap:wrap;border:0;padding:0;margin:0}
.vipop-opts label{position:relative;cursor:pointer}
.vipop-opts input{position:absolute;opacity:0;width:0;height:0}
.vipop-opts span{display:inline-block;border:1px solid rgba(244,239,231,.24);border-radius:99px;padding:9px 16px;
 font-family:"Spline Sans Mono",monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#D8D0C6;
 background:rgba(13,11,14,.5);transition:border-color .16s ease,color .16s ease,background .16s ease}
.vipop-opts label:hover span{border-color:#D9A441;color:#D9A441}
.vipop-opts input:checked+span{border-color:#D9A441;background:rgba(217,164,65,.16);color:#F0CF86}
.vipop-opts input:focus-visible+span{outline:3px solid #D9A441;outline-offset:3px}

.vipop-form{display:flex;gap:10px;flex-wrap:wrap;position:relative}
.vipop-form input[type=email]{flex:1;min-width:210px;background:rgba(244,239,231,.06);border:1px solid rgba(244,239,231,.26);
 border-radius:12px;color:#F4EFE7;padding:16px 16px;font-size:16px;font-family:"Instrument Sans",system-ui,sans-serif}
.vipop-form input[type=email]::placeholder{color:#8D857B}
.vipop-form input[type=email]:focus{outline:none;border-color:#D9A441;background:rgba(244,239,231,.1)}
.vipop-form button{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:12px;padding:16px 26px;cursor:pointer;
 font-family:"Big Shoulders Display",sans-serif;font-size:1.1rem;letter-spacing:.09em;text-transform:uppercase;
 background:#D9A441;color:#221807;box-shadow:0 10px 30px rgba(217,164,65,.3);transition:transform .16s ease}
.vipop-form button:hover{transform:translateY(-2px)}
.vipop-form button[disabled]{opacity:.7;transform:none;cursor:default}
.vipop-msg{width:100%;margin:2px 0 0;font-size:.9rem;color:#F0CF86}
.vipop-fine{margin:14px 0 0;font-family:"Spline Sans Mono",monospace;font-size:.6rem;letter-spacing:.14em;
 text-transform:uppercase;color:#8D857B}

/* the thank you state */
.vipop-card.done .vipop-form,.vipop-card.done .vipop-pick,.vipop-card.done .vipop-sub{display:none}
.vipop-thanks{display:none;margin-top:6px}
.vipop-card.done .vipop-thanks{display:block}
.vipop-thanks p{color:#D8D0C6;max-width:420px;margin:0 0 20px}
.vipop-thanks button{background:none;border:1px solid rgba(244,239,231,.28);border-radius:12px;color:#F4EFE7;
 font-family:"Big Shoulders Display",sans-serif;font-size:1.05rem;letter-spacing:.09em;text-transform:uppercase;
 padding:13px 24px;cursor:pointer}
.vipop-thanks button:hover{border-color:#D9A441;color:#D9A441}