/* ================= Tickets page: off-season screen =================
   Shown instead of the event wall when nothing is on the calendar. Background clips from
   /videos/offseason/ crossfade in over an animated stage-light fallback. */
.tickets-index[hidden],.offseason[hidden]{display:none!important}
/* Avoid flashing the empty event wall before we know which screen to show; the delayed
   reveal keeps the page usable even if the events script never runs. */
.tickets-index[data-events-pending]{visibility:hidden;animation:tickets-reveal 0s 3s forwards}
@keyframes tickets-reveal{to{visibility:visible}}

.offseason{position:relative;isolation:isolate;display:grid;min-height:calc(100svh - 96px);place-items:center;overflow:hidden;padding:clamp(80px,12vh,150px) 20px;background:#0b0810;color:#f3f0e8;text-align:center}

/* --- Background: fallback stage lights, then video on top once a clip is playing --- */
.offseason-stage{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#0b0810}
.offseason-stage::before{content:"";position:absolute;inset:-20%;background:radial-gradient(42% 32% at 50% 102%,rgba(255,78,184,.55),transparent 70%),radial-gradient(34% 40% at 12% 18%,rgba(123,77,255,.42),transparent 70%),radial-gradient(34% 40% at 88% 14%,rgba(167,217,29,.28),transparent 70%);animation:offseason-drift 16s ease-in-out infinite alternate}
.offseason-stage::after{content:"";position:absolute;inset:0;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");background-size:150px}
.offseason-beam{position:absolute;bottom:-8%;left:50%;width:clamp(70px,9vw,150px);height:135%;transform-origin:50% 100%;background:linear-gradient(0deg,rgba(255,255,255,.55),rgba(167,217,29,.28) 35%,transparent 88%);filter:blur(14px);mix-blend-mode:screen;opacity:.55;clip-path:polygon(44% 100%,56% 100%,100% 0,0 0);animation:offseason-sweep 9s ease-in-out infinite alternate}
.offseason-beam:nth-child(1){left:8%;--from:-28deg;--to:6deg;animation-duration:8s}
.offseason-beam:nth-child(2){left:28%;--from:-14deg;--to:18deg;background:linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,78,184,.32) 35%,transparent 88%);animation-duration:11s;animation-delay:-3s}
.offseason-beam:nth-child(3){left:50%;--from:-10deg;--to:10deg;background:linear-gradient(0deg,rgba(255,255,255,.55),rgba(123,77,255,.34) 35%,transparent 88%);animation-duration:7s;animation-delay:-1s}
.offseason-beam:nth-child(4){left:72%;--from:14deg;--to:-18deg;background:linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,78,184,.32) 35%,transparent 88%);animation-duration:10s;animation-delay:-5s}
.offseason-beam:nth-child(5){left:92%;--from:28deg;--to:-6deg;animation-duration:9s;animation-delay:-2s}
@keyframes offseason-sweep{from{transform:translateX(-50%) rotate(var(--from))}to{transform:translateX(-50%) rotate(var(--to))}}
@keyframes offseason-drift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-2%,2%,0)}}
.offseason-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.offseason-video.is-visible{opacity:1}
.offseason-stage.has-video .offseason-beam{display:none}
.offseason-shade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 58% 46% at 50% 50%,rgba(11,8,16,.62),rgba(11,8,16,.3) 55%,transparent 80%),linear-gradient(180deg,rgba(11,8,16,.62),rgba(11,8,16,.28) 38%,rgba(11,8,16,.4) 62%,rgba(11,8,16,.92)),radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.55))}

/* --- Copy --- */
.offseason-copy{display:grid;justify-items:center;gap:clamp(16px,2.4vh,26px);max-width:1100px}
.offseason-signoff{margin:0;font-family:Georgia,'Times New Roman',serif;font-style:italic;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.offseason-wordmark{display:grid;justify-items:center;margin:0;line-height:.82;letter-spacing:-.06em;text-transform:uppercase}
.offseason-wordmark span,.offseason-wordmark em{display:block}
.offseason-wordmark span{color:#f3f0e8;font:800 clamp(64px,15vw,210px)/.8 Manrope,Arial,sans-serif;text-shadow:1px 1px 0 #ff4eb8,2px 2px 0 #ff4eb8,3px 3px 0 #ff4eb8,4px 4px 0 #ff4eb8,5px 5px 0 #ff4eb8,6px 6px 0 #ff4eb8,7px 7px 0 #e23a9f,8px 8px 0 #e23a9f,9px 9px 0 #c92e8a,10px 10px 0 #c92e8a,0 0 60px rgba(255,78,184,.45)}
.offseason-wordmark em{margin-top:-.02em;color:var(--acid);font:400 italic clamp(58px,13.5vw,190px)/.85 Georgia,'Times New Roman',serif;letter-spacing:-.05em;text-shadow:1px 1px 0 #7b4dff,2px 2px 0 #7b4dff,3px 3px 0 #7b4dff,4px 4px 0 #7b4dff,5px 5px 0 #6a3ee6,6px 6px 0 #6a3ee6,7px 7px 0 #5a31cc,8px 8px 0 #5a31cc,0 0 70px rgba(167,217,29,.35)}
.offseason-signoff{display:grid;justify-items:center;max-width:34ch;text-align:center;text-wrap:balance;color:#f3f0e8;font-size:clamp(20px,2.4vw,30px);line-height:1.3}
.offseason-signoff span{display:block}
.offseason-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:6px}
.offseason-primary,.offseason-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 30px;border-radius:99px;font:700 13px 'DM Mono',monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}
.offseason-primary{background:var(--acid);color:var(--ink);box-shadow:0 0 0 3px rgba(167,217,29,.25),0 0 42px rgba(167,217,29,.55)}
.offseason-primary:hover{transform:translateY(-3px);box-shadow:0 0 0 4px rgba(167,217,29,.35),0 0 60px rgba(167,217,29,.7)}
.offseason-secondary{border:2px solid rgba(243,240,232,.75);background:rgba(11,8,16,.35);color:#f3f0e8;backdrop-filter:blur(6px)}
.offseason-secondary:hover{transform:translateY(-3px);border-color:#fff;background:rgba(255,255,255,.1)}
.offseason-primary:focus-visible,.offseason-secondary:focus-visible,.offseason-social:focus-visible{outline:3px solid var(--pink);outline-offset:4px}
.offseason-social{color:#d8d2dd;font:12px 'DM Mono',monospace;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
.offseason-social:hover{color:var(--acid)}

@media (max-width:700px){
  .offseason{min-height:calc(100svh - 80px);padding-block:90px}
  .offseason-wordmark span{text-shadow:1px 1px 0 #ff4eb8,2px 2px 0 #ff4eb8,3px 3px 0 #ff4eb8,4px 4px 0 #e23a9f,5px 5px 0 #c92e8a,0 0 40px rgba(255,78,184,.45)}
  .offseason-wordmark em{text-shadow:1px 1px 0 #7b4dff,2px 2px 0 #7b4dff,3px 3px 0 #6a3ee6,4px 4px 0 #5a31cc,0 0 40px rgba(167,217,29,.35)}
  .offseason-actions{flex-direction:column;align-self:stretch;width:min(100%,340px)}
  .offseason-beam{filter:blur(10px)}
}
@media (prefers-reduced-motion:reduce){.offseason-stage::before,.offseason-beam{animation:none}}