html,body{width:100%;height:100%;overflow:hidden;background:var(--ink)}.screen{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;color:#fff;overflow:hidden;background:var(--ink)}.ambient{position:absolute;z-index:-3;inset:0;overflow:hidden;background:linear-gradient(125deg,#3a1c8b 0%,var(--purple) 38%,#361d67 66%,#1f1f25 100%)}.ambient::after{content:"";position:absolute;inset:0;background:url("/assets/slide-02.jpg") center/cover;opacity:.13;mix-blend-mode:screen}.ambient i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8;animation:drift 10s ease-in-out infinite}.ambient i:nth-child(1){width:35vw;height:35vw;left:-8vw;top:18vh;background:var(--orange)}.ambient i:nth-child(2){width:18vw;height:18vw;right:12vw;top:4vh;background:var(--turquoise);animation-delay:-3s}.ambient i:nth-child(3){width:26vw;height:26vw;right:-7vw;bottom:-5vh;background:var(--yellow);animation-delay:-6s}.ambient span{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,36,42,.18),rgba(36,36,42,.02) 60%,rgba(36,36,42,.28))}.video-layer{position:absolute;z-index:-2;inset:0;background:#151519}.video-layer iframe{width:100%;height:100%;border:0}.video-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(22,22,26,.58),transparent 34%,transparent 70%,rgba(22,22,26,.35)),linear-gradient(0deg,rgba(22,22,26,.54),transparent 30%)}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(1.5rem,3vw,3.5rem) clamp(1.5rem,4vw,5rem)}.brand{filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}.live-status{display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.26);background:rgba(36,36,42,.28);backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800}.hero,.now{align-self:center;padding:0 clamp(1.5rem,9vw,11rem);animation:stageIn .7s var(--ease) both}.hero h1,.now h1{margin:.75rem 0 1rem;font-family:var(--display);font-size:clamp(7rem,17vw,19rem);font-weight:900;line-height:.67;letter-spacing:-.045em;text-transform:uppercase}.hero h1 span{padding-left:12vw;color:var(--yellow)}.hero>p:last-child{max-width:31ch;margin:2rem 0 0;font-size:clamp(1rem,1.35vw,1.5rem);line-height:1.3}.now{max-width:74vw}.now h1{font-size:clamp(4rem,10vw,11rem);line-height:.78;text-wrap:balance}.singer{display:flex;align-items:baseline;gap:1rem}.singer span{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.singer strong{color:var(--yellow);font-size:clamp(1.4rem,2.2vw,2.7rem)}.queue-peek{position:absolute;right:clamp(1.5rem,4vw,5rem);top:38%;display:grid;gap:.55rem;width:min(19rem,22vw);padding:1.3rem 0 1.3rem 1.5rem;border-left:1px solid rgba(255,255,255,.4)}.queue-peek strong{font-family:var(--display);font-size:clamp(1.3rem,2.1vw,2.5rem);line-height:.92;text-transform:uppercase}.queue-peek span{color:rgba(255,255,255,.68);font-size:.84rem}.qr-card{position:absolute;right:clamp(1.5rem,4vw,5rem);bottom:clamp(4rem,8vh,7rem);display:grid;grid-template-columns:clamp(5.5rem,7vw,8rem) 1fr;gap:1rem;align-items:center;width:min(24rem,27vw);padding:.8rem;background:#fff;color:var(--ink);box-shadow:0 1.5rem 4rem rgba(15,15,18,.25)}.qr-card img{display:block;width:100%;height:auto}.qr-card div{display:grid;gap:.22rem}.qr-card strong{font-size:.88rem;line-height:1.1}.qr-card span{color:var(--muted);font-size:.7rem}.reactions{position:absolute;z-index:4;inset:0;pointer-events:none;overflow:hidden}.reaction{position:absolute;left:var(--x);bottom:-10vh;font-size:clamp(3rem,6vw,7rem);filter:drop-shadow(0 .5rem 1rem rgba(0,0,0,.2));animation:reactionFly 3.6s var(--ease) forwards;will-change:transform,opacity}.sound-gate{position:absolute;z-index:5;left:50%;bottom:6rem;transform:translateX(-50%);padding:1rem 1.4rem;border:0;background:var(--yellow);font-weight:800}.screen footer{display:flex;justify-content:space-between;padding:1rem clamp(1.5rem,4vw,5rem);border-top:1px solid rgba(255,255,255,.2);font-size:.64rem;font-weight:800;letter-spacing:.14em}.screen footer span:last-child{color:var(--turquoise)}
@keyframes drift{50%{transform:translate3d(4vw,-4vh,0) scale(1.12)}}@keyframes stageIn{from{opacity:0;transform:translateY(2rem)}}@keyframes reactionFly{0%{opacity:0;transform:translate3d(0,0,0) scale(.4) rotate(-10deg)}15%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),-115vh,0) scale(1.18) rotate(12deg)}}
@media(max-width:850px){.queue-peek{display:none}.now{max-width:100%}.qr-card{width:13rem;grid-template-columns:4.8rem 1fr}.qr-card .eyebrow,.qr-card span{display:none}}