/* WHOOPS Bounty Hunter — shared modal/overlay chrome */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:24px;z-index:70;}
.overlay.show{display:flex;}
.modal{position:relative;background:var(--grad-panel-raised);border:2px solid var(--color-yellow);border-radius:var(--r-lg);
  padding:26px;max-width:360px;width:100%;text-align:center;animation:rise .35s ease;box-shadow:0 30px 60px rgba(0,0,0,.6), 0 0 40px rgba(255,193,7,.12);}
@keyframes rise{from{transform:translateY(30px);opacity:0;}to{transform:none;opacity:1;}}
.modal h2{font-family:var(--font-display);color:var(--color-yellow);font-size:1.3rem;margin:0 0 6px;text-shadow:2px 2px 0 var(--color-red);}
.modal p{font-family:var(--font-body);color:var(--color-text-dim);font-size:13px;line-height:1.5;margin:0 0 18px;}
.modal .close-x{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--color-text-mute);font-size:20px;cursor:pointer;line-height:1;}

/* branded SSO buttons — shared by authModal.js + Account page */
.sso{display:flex;flex-direction:column;gap:10px;}
.sso button{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;border-radius:12px;border:none;
  font-family:var(--font-body);font-weight:700;font-size:14px;cursor:pointer;transition:transform var(--dur-fast), box-shadow var(--dur-fast);}
.sso button:active{transform:translateY(2px);}
.b-google{background:#fff;color:#3c4043;box-shadow:0 4px 14px rgba(0,0,0,.25), inset 0 0 0 1px #dadce0;}
.b-apple{background:#000;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.4), inset 0 0 0 1px #444;}
.b-mail{background:var(--grad-gold);color:var(--color-on-yellow);box-shadow:var(--shadow-btn-yellow);}
.sso-email-input{width:100%;padding:13px 14px;border-radius:12px;border:1.5px solid var(--color-line);
  background:#000;color:var(--color-text);font-family:var(--font-body);font-size:14px;}
.sso-email-input:focus{outline:none;border-color:var(--color-yellow);}
.modal-skip{margin-top:13px;background:none;border:none;color:var(--color-text-mute);font-family:var(--font-body);font-size:12px;text-decoration:underline;cursor:pointer;}

/* redemption code modal */
.redeem-code{font-family:var(--font-display);font-size:2.6rem;letter-spacing:5px;color:var(--color-yellow);
  background:var(--color-bg-2);border:2px dashed var(--color-yellow);border-radius:var(--r-md);padding:16px;margin:16px 0;
  text-shadow:0 0 20px rgba(255,193,7,.6);animation:codeGlow 2s ease-in-out infinite;}
@keyframes codeGlow{0%,100%{box-shadow:0 0 0 rgba(255,193,7,0);}50%{box-shadow:0 0 24px rgba(255,193,7,.25);}}
.redeem-timer{font-family:var(--font-body);font-weight:700;font-size:13px;color:var(--color-text-dim);margin-bottom:14px;}
.redeem-timer b{color:var(--color-red-bright);}
.redeem-actions{display:flex;flex-direction:column;gap:9px;}