.led-console{max-width:1240px;margin:auto;padding:38px 24px 120px}.led-console-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:24px}.led-console-head h1{font:600 clamp(38px,5vw,64px)/1 "Playfair Display",Georgia,serif;margin:7px 0 10px}.led-console-head p{color:var(--muted);max-width:720px;margin:0}.led-launch,.led-controls{display:flex;gap:8px;flex-wrap:wrap}.led-launch{justify-content:flex-end}.led-launch button,.led-controls button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:12px 15px;font-weight:800;cursor:pointer}.led-launch .project,.led-controls .next{background:var(--ink);color:#fff;border-color:var(--ink)}.led-how{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.led-how article{position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px 15px 14px 52px;min-height:92px}.led-how b{position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#b8892f18;color:#8a6420}.led-how strong{display:block;margin-bottom:3px}.led-how span{font-size:12.5px;color:var(--muted)}.led-status{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:var(--ink);color:#fff;margin-bottom:12px}.led-status small{display:block;color:#ffffff99;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.led-status strong{display:block;font:600 24px "Playfair Display",Georgia,serif}.led-live-dot{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}.led-live-dot:before{content:"";width:9px;height:9px;border-radius:50%;background:#e05b66;box-shadow:0 0 0 5px #e05b6626}.led-live-dot.connected:before{background:#4dcc82;box-shadow:0 0 0 5px #4dcc8226}.led-controls{margin-bottom:24px}.led-controls button{min-width:110px}.led-controls .next{background:linear-gradient(120deg,#b8892f,#d9ad4f);border:0}.led-controls .blackout{margin-left:auto;background:#1b1826;color:#fff}.led-section{margin-top:28px}.led-section h2{font:600 25px "Playfair Display",Georgia,serif;margin:0}.led-section>p{color:var(--muted);font-size:13px;margin:3px 0 12px}.led-cue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.led-cue{position:relative;text-align:left;border:1px solid var(--line);border-radius:15px;background:#fff;padding:15px 14px 14px 52px;min-height:100px;cursor:pointer;transition:.18s}.led-cue:hover{border-color:#b8892f80;transform:translateY(-2px);box-shadow:0 12px 30px #1b182612}.led-cue.on{border:2px solid var(--gold);padding:14px 13px 13px 51px;background:#b8892f0a}.led-cue b{position:absolute;left:13px;top:14px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#1b18260b;color:var(--gold);font-size:12px}.led-cue strong{display:block;line-height:1.25}.led-cue span{display:block;font-size:12px;color:var(--muted);margin-top:5px;line-height:1.4}.led-cue em{display:block;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#137f84;margin-top:7px;font-weight:800}
#ledOutput{position:fixed;inset:0;z-index:1000;background:#05050a;color:#fff;overflow:hidden;font-family:"DM Sans",system-ui,sans-serif}#ledOutput[hidden]{display:none}.led-screen{position:absolute;inset:0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#231b34,#06060b 70%)}.led-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0003,transparent 20%,transparent 75%,#0007)}.led-scene{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;animation:ledFade .65s ease both}.led-scene-copy{position:relative;z-index:5;text-align:center;padding:5vh 6vw;text-shadow:0 3px 22px #000c}.led-scene-copy .overline{font-size:clamp(14px,1.7vw,28px);text-transform:uppercase;letter-spacing:.35em;color:#f0c668;font-weight:800}.led-scene-copy h1{font:600 clamp(54px,8vw,150px)/.94 "Playfair Display",Georgia,serif;letter-spacing:-.03em;margin:2.5vh 0}.led-scene-copy p{font-size:clamp(18px,2.2vw,38px);margin:0;color:#ffffffd6}.led-scene-copy .distance{display:inline-block;margin-top:3vh;border:1px solid #ffffff66;border-radius:99px;padding:.5em 1em;font-size:clamp(16px,1.8vw,30px);font-weight:800;background:#0005}.led-logo-scene .led-mark{width:min(25vw,300px);filter:drop-shadow(0 20px 50px #000);animation:logoRise 5s cubic-bezier(.2,.8,.2,1) both}.led-logo-scene .led-scene-copy{animation:introCopy 5s ease both}.led-logo-scene:before{content:"";position:absolute;width:140vw;height:140vw;left:50%;top:75%;transform:translate(-50%,-50%) rotateX(70deg);background:repeating-conic-gradient(from 0deg,#d7ad4b00 0 7deg,#d7ad4b88 8deg 9deg,#d7ad4b00 10deg 18deg);opacity:.5;animation:searchLights 9s linear infinite}.led-road{position:absolute;left:50%;bottom:-20%;width:56%;height:80%;transform:translateX(-50%) perspective(700px) rotateX(54deg);transform-origin:bottom;background:#302f32;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%)}.led-road:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 60px,#fff 62px 92px,transparent 94px 145px);clip-path:polygon(49% 0,51% 0,53% 100%,47% 100%);animation:roadMove .65s linear infinite}.led-bus{position:absolute;right:10%;bottom:8%;width:19vw;height:12vw;min-width:180px;min-height:110px;border-radius:2vw 2vw .7vw .7vw;background:linear-gradient(#ebbd50 0 24%,#312941 25% 53%,#f4cc68 54%);box-shadow:0 25px 55px #0009;animation:busBob .8s ease-in-out infinite alternate}.led-bus:before{content:"SEASONS EXPRESS";position:absolute;left:10%;right:10%;top:7%;text-align:center;color:#30223b;font-weight:900}.led-bus:after{content:"";position:absolute;left:13%;right:13%;bottom:-7%;height:17%;background:radial-gradient(circle at 15% 50%,#111 0 19%,transparent 20%),radial-gradient(circle at 85% 50%,#111 0 19%,transparent 20%)}.led-rain{position:absolute;inset:-20%;background:repeating-linear-gradient(105deg,transparent 0 13px,#bdeaff88 14px 16px,transparent 17px 29px);animation:rainFall .42s linear infinite;transform:scale(1.3)}.led-tunnel{position:absolute;inset:-20%;border-radius:50%;border:22vw solid #17161c;box-shadow:inset 0 0 90px #000;background:radial-gradient(circle,#c7a85d22,#030306 68%);animation:tunnelPulse 2s ease-in-out infinite}.led-truck{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);width:min(56vw,830px);height:min(63vh,610px);border-radius:45px 45px 10px 10px;background:linear-gradient(90deg,#ae3038 0 6%,#e4a93d 6% 10%,#247c77 10% 90%,#e4a93d 90% 94%,#ae3038 94%);border:18px solid #17151a;box-shadow:0 30px 80px #000}.led-truck:before{content:"HORN  OK  PLEASE";position:absolute;left:8%;right:8%;top:12%;padding:4vh 1vw;border:10px solid #f4cc68;background:#b72d39;color:#fff;font:900 clamp(26px,4.5vw,72px)/1 system-ui;text-align:center}.led-truck:after{content:"USE DIPPER AT NIGHT";position:absolute;left:10%;right:10%;bottom:15%;color:#fff;font:800 clamp(16px,2.2vw,36px) system-ui;text-align:center}.led-stars{position:absolute;inset:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.5px),radial-gradient(circle,#f0c668 0 1.5px,transparent 2px);background-size:67px 67px,113px 113px;animation:starsMove 18s linear infinite}.led-sun{position:absolute;width:min(32vw,480px);height:min(32vw,480px);border-radius:50%;left:50%;top:30%;transform:translate(-50%,-50%);background:#ffb34f;box-shadow:0 0 100px #f36e3eaa;animation:sunSink 14s ease-in-out infinite alternate}.led-waves{position:absolute;left:-10%;right:-10%;bottom:-5%;height:43%;background:repeating-radial-gradient(ellipse at 50% 100%,#49b8ce 0 8%,#0e617d 9% 16%,#06364d 17% 24%);animation:waves 4s ease-in-out infinite alternate}.led-fort{position:absolute;left:0;right:0;bottom:0;height:40%;background:#16131a;clip-path:polygon(0 40%,8% 40%,8% 20%,13% 20%,13% 36%,22% 36%,22% 8%,27% 8%,27% 31%,41% 31%,41% 17%,47% 17%,47% 35%,56% 35%,56% 12%,62% 12%,62% 38%,72% 38%,72% 20%,78% 20%,78% 40%,88% 40%,88% 25%,94% 25%,94% 40%,100% 40%,100% 100%,0 100%)}.led-tricolor{position:absolute;inset:0;background:linear-gradient(#ff9933 0 33.33%,#fff 33.33% 66.66%,#138808 66.66%)}.led-tricolor:after{content:"☸";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#000080;font-size:min(24vw,330px)}.led-names-scene{align-content:center;padding:4vh 5vw;background:radial-gradient(circle at 50% 35%,#33254a,#09080f 72%)}.led-names-head{text-align:center;margin-bottom:3vh}.led-names-head .overline{color:#f0c668;font-size:clamp(12px,1.35vw,22px);letter-spacing:.28em;text-transform:uppercase;font-weight:800}.led-names-head h1{font:600 clamp(34px,4.6vw,78px)/1 "Playfair Display",Georgia,serif;margin:1vh 0}.led-name-grid{display:grid;grid-template-columns:repeat(var(--name-cols,3),1fr);gap:clamp(8px,1.1vw,18px);width:min(92vw,1600px);margin:auto}.led-name{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;padding:clamp(8px,1.1vw,17px);border:1px solid #ffffff24;border-radius:12px;background:#ffffff0d;min-width:0}.led-name b{width:clamp(26px,2.6vw,44px);height:clamp(26px,2.6vw,44px);display:grid;place-items:center;border-radius:50%;background:#b8892f}.led-name strong{display:block;font-size:clamp(13px,1.45vw,25px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.led-name span{display:block;color:#ffffff99;font-size:clamp(10px,.95vw,16px)}.led-output-help{position:absolute;z-index:20;inset:0;display:grid;place-items:center;background:#08070dec;padding:30px;text-align:center}.led-output-help[hidden]{display:none}.led-output-help>div{max-width:760px}.led-output-help img{width:100px}.led-output-help h1{font:600 clamp(36px,5vw,72px) "Playfair Display",Georgia,serif;margin:18px 0 10px}.led-output-help p{color:#ffffffb8;font-size:clamp(16px,1.7vw,25px)}.led-output-help button{border:0;border-radius:14px;padding:18px 28px;background:linear-gradient(120deg,#b8892f,#e3bd66);color:#fff;font-size:20px;font-weight:900;cursor:pointer}.led-output-help kbd{border:1px solid #ffffff55;border-radius:6px;padding:2px 7px}.led-blackout{position:absolute;inset:0;background:#000;z-index:15}.led-fullscreen-hint{position:absolute;right:18px;bottom:16px;z-index:10;color:#ffffff52;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.led-output-only .app-header,.led-output-only main,.led-output-only .noise,.led-output-only .toast,.led-output-only .cast-drawer,.led-output-only .cast-backdrop{display:none!important}.led-output-only #ledOutput{display:block!important}.led-output-only .led-output-help{display:none!important}.led-output-only,.led-projecting{background:#000;overflow:hidden}.led-projecting .app-header,.led-projecting main,.led-projecting .noise,.led-projecting .toast,.led-projecting .cast-drawer,.led-projecting .cast-backdrop{display:none!important}.led-projecting #ledOutput{display:block!important}.led-output-only:fullscreen .led-fullscreen-hint{display:none}
.led-launch .stop{color:var(--danger);border-color:#d9434d66;background:#d9434d0b}.led-launch kbd,.led-controls kbd{display:inline-grid;place-items:center;min-width:25px;height:22px;margin-right:5px;padding:0 5px;border:1px solid currentColor;border-radius:5px;background:#ffffff18;font:800 11px system-ui}.led-scene-art{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;filter:saturate(1.08) brightness(.72);animation:artDrift 18s ease-in-out infinite alternate}.led-scene-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09081199,#09081122 35%,#09081122 65%,#09081199),linear-gradient(0deg,#090811aa,transparent 45%,#09081166)}.led-scene-art~.led-road,.led-scene-art~.led-bus,.led-scene-art~.led-tunnel,.led-scene-art~.led-truck,.led-scene-art~.led-stars,.led-scene-art~.led-sun,.led-scene-art~.led-waves,.led-scene-art~.led-fort{display:none}.led-scene-art~.led-rain{opacity:.42}.led-names-scene .led-scene-art{filter:saturate(.85) brightness(.35) blur(2px);transform:scale(1.02)}.led-names-head,.led-name-grid{position:relative;z-index:3}.led-name{background:#17131de0;border-color:#ffffff36;box-shadow:0 8px 26px #0005}.led-name span{color:#ffffffc7}.led-status{position:sticky;top:84px;z-index:8;box-shadow:0 12px 35px #1b182633}.led-controls:after{content:"Shortcuts: P project · Esc stop · ← previous · Space/→ next · R replay · H holding image";align-self:center;color:var(--muted);font-size:11px}
@keyframes ledFade{from{opacity:0;transform:scale(1.025)}to{opacity:1;transform:none}}@keyframes artDrift{to{transform:scale(1.045) translate3d(-.8%,.4%,0)}}@keyframes logoRise{0%{opacity:0;transform:translateY(90px) scale(.72)}35%,80%{opacity:1;transform:none}}@keyframes introCopy{0%,22%{opacity:0;transform:translateY(25px)}45%,100%{opacity:1}}@keyframes searchLights{to{transform:translate(-50%,-50%) rotateX(70deg) rotate(360deg)}}@keyframes roadMove{to{background-position:0 145px}}@keyframes busBob{to{transform:translateY(-5px)}}@keyframes rainFall{to{transform:translate(-50px,140px) scale(1.3)}}@keyframes tunnelPulse{50%{transform:scale(1.05)}}@keyframes starsMove{to{background-position:67px 30px,143px 70px}}@keyframes sunSink{to{top:63%;background:#f26b3d}}@keyframes waves{to{transform:translateY(16px) scaleX(1.03)}}@media(max-width:900px){.led-how,.led-cue-grid{grid-template-columns:1fr 1fr}.led-console-head{grid-template-columns:1fr}.led-launch{justify-content:flex-start}.led-controls .blackout{margin-left:0}.led-status{top:68px}}@media(max-width:600px){.led-how,.led-cue-grid{grid-template-columns:1fr}.led-console{padding:24px 14px 110px}.led-status{grid-template-columns:1fr}}

.led-cue.is-song{background:#1b1826;color:#fff;border-color:#1b1826}
.led-cue.is-song:hover{border-color:#d9ad4f}
.led-cue.is-song.on{border-color:var(--gold);background:#241c12}
.led-cue.is-song b{background:#b8892f;color:#fff}
.led-cue.is-song span{color:#ffffffd0}
.led-cue.is-song em{color:#f0c668}
.led-mini-look{position:relative;display:block;height:74px;margin-top:10px;border-radius:10px;overflow:hidden}
.led-perform-art,.led-mini-look{overflow:hidden}
.led-perform-art i,.led-perform-art b,.led-mini-look i,.led-mini-look b{position:absolute;display:block}
.look-welcome{background:radial-gradient(circle at 50% 70%,#f0d7a2,#6a4a22 42%,#1a120c 78%)}
.look-welcome b{left:50%;top:46%;width:34%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff8e4,#e2b15a 62%,transparent 72%);animation:ledPulse 3.6s ease-in-out infinite}
.look-opening{background:#140818}
.look-opening b{left:50%;top:120%;width:160%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,transparent 0 12deg,#e7c56a88 13deg 14deg,transparent 15deg 28deg);animation:ledSpin 9s linear infinite}
.look-diya{background:#1c0c08}
.look-diya b{left:50%;bottom:8%;width:18%;height:46%;border-radius:50% 50% 46% 46%;transform:translateX(-50%);background:radial-gradient(circle at 50% 30%,#fff4c4,#ffb13a 45%,#e25812 80%);animation:ledFlicker .35s steps(2) infinite}
.look-dance{background:#160814}
.look-dance i:nth-child(1){width:48%;height:90%;left:-8%;top:-10%;border-radius:50%;background:#e0218a;filter:blur(8px);animation:ledDrift 5s ease-in-out infinite}
.look-dance i:nth-child(2){width:42%;height:80%;right:-8%;bottom:-12%;border-radius:50%;background:#00d0e0;filter:blur(8px);animation:ledDrift 4.2s ease-in-out infinite reverse}
.look-dance i:nth-child(3),.look-dance i:nth-child(4),.look-dance i:nth-child(5){width:14px;height:14px;border-radius:50%;background:#fff;animation:ledSpark 1.8s linear infinite}
.look-dance i:nth-child(3){left:20%;top:30%}
.look-dance i:nth-child(4){left:62%;top:22%;animation-delay:.4s}
.look-dance i:nth-child(5){left:48%;top:58%;animation-delay:.8s}
.look-tricolor{background:linear-gradient(#ff9933 0 33%,#fff 33% 66%,#138808 66%)}
.look-tricolor b{left:50%;top:50%;width:16%;aspect-ratio:1;border-radius:50%;border:3px solid #000080;transform:translate(-50%,-50%);background:repeating-conic-gradient(#000080 0 10deg,transparent 10deg 18deg);animation:ledSpin 14s linear infinite}
.look-drums{background:#1a090c}
.look-drums i{left:50%;top:50%;border-radius:50%;border:6px solid #ffb020;transform:translate(-50%,-50%);animation:ledRing 2.4s ease-out infinite}
.look-drums i:nth-child(1){width:20%;aspect-ratio:1}
.look-drums i:nth-child(2){width:38%;aspect-ratio:1;animation-delay:.4s;border-color:#ff4d3a}
.look-drums i:nth-child(3){width:56%;aspect-ratio:1;animation-delay:.8s;border-color:#ffb020}
.look-drums i:nth-child(4){width:74%;aspect-ratio:1;animation-delay:1.2s;border-color:#ff4d3a}
.look-story{background:linear-gradient(#8fd4ff,#fff4c8 62%)}
.look-story b{left:18%;top:16%;width:22%;aspect-ratio:1;border-radius:50%;background:#ffd23f;box-shadow:0 0 30px #ffd23f}
.look-story i{width:16px;height:16px;border-radius:50%;animation:ledFloat 4s ease-in-out infinite}
.look-story i:nth-child(1){background:#ff8fab;left:60%;top:30%}
.look-story i:nth-child(2){background:#7ae0c2;left:74%;top:55%;animation-delay:.6s}
.look-story i:nth-child(3){background:#b388ff;left:40%;top:62%;animation-delay:1s}
.look-spy{background:#07101c}
.look-spy i:nth-child(1){left:0;right:0;height:8%;background:linear-gradient(90deg,transparent,#d7e7ff,transparent);animation:ledScan 2.8s linear infinite}
.look-spy i:nth-child(2),.look-spy i:nth-child(3){width:2px;top:0;bottom:0;background:#9ec0ff55}
.look-spy i:nth-child(2){left:33%}
.look-spy i:nth-child(3){left:66%}
.look-stadium{background:#10245c}
.look-stadium b{left:50%;top:115%;width:170%;aspect-ratio:1;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 8deg,transparent 0 8deg,#f4c43099 9deg 11deg,transparent 12deg 20deg);animation:ledSpin 16s linear infinite}
.look-raga{background:#10183a}
.look-raga b{left:50%;top:48%;width:26%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff1c4,#e0a84a 60%,transparent 72%);animation:ledPulse 6s ease-in-out infinite}
.look-flute{background:#12352c}
.look-flute i{left:-10%;right:-10%;height:14%;border-radius:40px;background:#bff3df55;animation:ledWave 5s ease-in-out infinite}
.look-flute i:nth-child(1){top:22%}
.look-flute i:nth-child(2){top:42%;animation-delay:.6s;background:#fff4d266}
.look-flute i:nth-child(3){top:62%;animation-delay:1.1s}
.look-moon{background:#24143f}
.look-moon b{right:14%;top:16%;width:24%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff,#d9d4ff 70%)}
.look-moon i{width:4px;height:4px;border-radius:50%;background:#fff;animation:ledTwinkle 2.5s ease-in-out infinite}
.look-moon i:nth-child(1){left:16%;top:24%}
.look-moon i:nth-child(2){left:28%;top:62%}
.look-moon i:nth-child(3){left:48%;top:30%;animation-delay:.7s}
.look-moon i:nth-child(4){left:62%;top:70%;animation-delay:.3s}
.look-strings{background:#0d1833}
.look-strings i{top:8%;bottom:8%;width:2px;background:linear-gradient(#ffffff,#9bb6ff);animation:ledString 1.6s ease-in-out infinite}
.look-strings i:nth-child(1){left:22%}
.look-strings i:nth-child(2){left:38%;animation-delay:.2s}
.look-strings i:nth-child(3){left:54%;animation-delay:.4s}
.look-strings i:nth-child(4){left:70%;animation-delay:.1s}
.look-strings i:nth-child(5){left:84%;animation-delay:.5s}
.look-home{background:#3a1830}
.look-home b{left:50%;top:50%;width:34%;height:58%;transform:translate(-50%,-50%);border-radius:40% 40% 6px 6px;background:linear-gradient(#ffd89a,#e7a04a);box-shadow:0 0 40px #e7a04a}
.look-home i:nth-child(1){left:0;right:0;bottom:0;height:28%;background:#6a2348}
.look-highway{background:#102428}
.look-highway i{height:10%;left:-20%;right:-20%;background:linear-gradient(90deg,transparent,#f0a04a,#1e9a95,transparent);animation:ledStreak 2.2s linear infinite}
.look-highway i:nth-child(1){top:28%}
.look-highway i:nth-child(2){top:48%;animation-delay:.5s}
.look-highway i:nth-child(3){top:68%;animation-delay:1s}
.look-disco{background:#2a0818}
.look-disco i,.look-disco b{width:18px;height:18px;border-radius:50%;animation:ledSpark 1.4s linear infinite}
.look-disco i:nth-child(1){background:#ffd15c;left:18%;top:30%}
.look-disco i:nth-child(2){background:#ff3b6a;left:40%;top:55%;animation-delay:.2s}
.look-disco i:nth-child(3){background:#ff4fd8;left:62%;top:24%;animation-delay:.5s}
.look-disco i:nth-child(4){background:#fff;left:74%;top:62%;animation-delay:.8s}
.look-disco b{background:#ffd15c;left:48%;top:40%;width:28px;height:28px}
.look-tiger{background:repeating-linear-gradient(115deg,#c1121f 0 28px,#f4f4f4 28px 40px);animation:ledStripe 1.1s linear infinite}
.look-flag{background:linear-gradient(90deg,#ff9933 0 33.3%,#fff 33.3% 66.6%,#138808 66.6%)}
.look-flag b{left:50%;top:50%;width:14%;aspect-ratio:1;border-radius:50%;border:3px solid #000080;transform:translate(-50%,-50%)}
.look-neon{background:#160828}
.look-neon i{bottom:16%;width:7%;background:linear-gradient(#7cf6ff,#c084fc);animation:ledEq 1s ease-in-out infinite;border-radius:6px 6px 0 0}
.look-neon i:nth-child(1){left:14%;height:30%}
.look-neon i:nth-child(2){left:28%;height:55%;animation-delay:.15s}
.look-neon i:nth-child(3){left:42%;height:40%;animation-delay:.3s}
.look-neon i:nth-child(4){left:56%;height:70%;animation-delay:.05s}
.look-neon i:nth-child(5){left:70%;height:36%;animation-delay:.4s}
.look-countdown{background:#10245c}
.look-countdown i{left:50%;top:50%;border-radius:50%;border:5px solid #f4c430;transform:translate(-50%,-50%);animation:ledRing 2.8s ease-out infinite}
.look-countdown i:nth-child(2){animation-delay:.5s}
.look-countdown i:nth-child(3){animation-delay:1s}
.look-countdown i:nth-child(1){width:18%;aspect-ratio:1}
.look-countdown i:nth-child(2){width:36%;aspect-ratio:1}
.look-countdown i:nth-child(3){width:54%;aspect-ratio:1}
.look-retro{background:#3a1a14}
.look-retro i,.look-retro b{left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}
.look-retro i:nth-child(1){width:70%;aspect-ratio:1;background:#e7a04a44}
.look-retro i:nth-child(2){width:42%;aspect-ratio:1;background:#9b1d4288}
.look-retro b{width:16%;aspect-ratio:1;background:#ffd7a8;animation:ledPulse 2.2s ease-in-out infinite}
.look-finale{background:radial-gradient(circle at 50% 40%,#f3e2b8,#6d5b8f 46%,#241c33 80%)}
.look-finale i{width:8px;height:8px;border-radius:50%;background:#fff6dd;animation:ledFloat 5s ease-in-out infinite}
.look-finale i:nth-child(1){left:20%;top:30%}
.look-finale i:nth-child(2){left:40%;top:60%;animation-delay:.4s}
.look-finale i:nth-child(3){left:63%;top:28%;animation-delay:.8s}
.look-finale i:nth-child(4){left:75%;top:58%;animation-delay:1.2s}
.look-finale b{left:50%;top:46%;width:20%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#fff,#f0d7a2 60%,transparent 72%);animation:ledPulse 4s ease-in-out infinite}
@keyframes ledPulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.8}}
@keyframes ledSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes ledFlicker{50%{opacity:.72;transform:translateX(-50%) scale(1.04)}}
@keyframes ledDrift{50%{transform:translateY(8%)}}
@keyframes ledSpark{50%{opacity:.2;transform:scale(.4)}}
@keyframes ledRing{to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}
@keyframes ledFloat{50%{transform:translateY(-10px)}}
@keyframes ledScan{from{top:-10%}to{top:100%}}
@keyframes ledWave{50%{transform:translateX(6%) scaleY(1.4)}}
@keyframes ledTwinkle{50%{opacity:.15}}
@keyframes ledString{50%{transform:scaleX(3);opacity:.45}}
@keyframes ledStreak{from{transform:translateX(-12%)}to{transform:translateX(12%)}}
@keyframes ledStripe{to{background-position:40px 0}}
@keyframes ledFlag{50%{background-position:100% 0}}
@keyframes ledEq{50%{transform:scaleY(.45)}}

#ledOutput{touch-action:pan-y;overscroll-behavior-x:none;-webkit-user-select:none;user-select:none}

.led-perform,.led-names-scene{--beat:720ms;--spot:#f0c668;--spot2:#fff1c9;--glow:#f0c668;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2.4vh 8.2vw 2vh;background:#07060c}
.led-perform.look-dance,.led-names-scene.look-dance{--spot:#ff4f9a;--spot2:#3ad8e4;--glow:#ffc2df}
.led-perform.look-tricolor,.led-names-scene.look-tricolor,.led-perform.look-flag,.led-names-scene.look-flag{--spot:#ff9933;--spot2:#3dba4a;--glow:#ffe0b0}
.led-perform.look-drums,.led-names-scene.look-drums{--spot:#ffb020;--spot2:#ff4d3a;--glow:#ffd27a}
.led-perform.look-story,.led-names-scene.look-story{--spot:#ffd56a;--spot2:#ff8fab;--glow:#ffe7a8}
.led-perform.look-spy,.led-names-scene.look-spy{--spot:#9ec0ff;--spot2:#d7e6ff;--glow:#d5e4ff}
.led-perform.look-stadium,.led-names-scene.look-stadium,.led-perform.look-countdown,.led-names-scene.look-countdown{--spot:#f4c430;--spot2:#8eb6ff;--glow:#ffe08a}
.led-perform.look-raga,.led-names-scene.look-raga{--spot:#e8c56b;--spot2:#fff1c4;--glow:#f6e2b0}
.led-perform.look-flute,.led-names-scene.look-flute{--spot:#7ae0c2;--spot2:#fff4d2;--glow:#d9fff2}
.led-perform.look-moon,.led-names-scene.look-moon{--spot:#d9d2ff;--spot2:#9b7bff;--glow:#efeaff}
.led-perform.look-strings,.led-names-scene.look-strings{--spot:#c5d4ff;--spot2:#ffffff;--glow:#e7eeff}
.led-perform.look-home,.led-names-scene.look-home,.led-perform.look-retro,.led-names-scene.look-retro{--spot:#ffd89a;--spot2:#e7a04a;--glow:#ffe4bc}
.led-perform.look-highway,.led-names-scene.look-highway{--spot:#f0a04a;--spot2:#2ec4bd;--glow:#ffd7a8}
.led-perform.look-disco,.led-names-scene.look-disco{--spot:#ff4fd8;--spot2:#ffd15c;--glow:#ffd0f2}
.led-perform.look-tiger,.led-names-scene.look-tiger{--spot:#ffcc33;--spot2:#ff3b3b;--glow:#ffe08a}
.led-perform.look-neon,.led-names-scene.look-neon{--spot:#7cf6ff;--spot2:#c084fc;--glow:#dffbff}
.led-perform.look-finale,.led-names-scene.look-finale{--spot:#f0d7a2;--spot2:#c9a8ff;--glow:#fff1d2}
.stage-world{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 0%,#241c33 0%,#100e16 46%,#07060c 100%)}
.look-dance .stage-world{background:radial-gradient(ellipse at 16% 0%,#6a1848 0%,transparent 42%),radial-gradient(ellipse at 86% 8%,#0c5c68 0%,transparent 40%),radial-gradient(ellipse at 50% 120%,#3a1024,#07060c 58%)}
.look-tricolor .stage-world,.look-flag .stage-world{background:radial-gradient(ellipse at 0% 40%,#ff993355,transparent 36%),radial-gradient(ellipse at 100% 40%,#13880855,transparent 36%),radial-gradient(ellipse at 50% 0%,#2a2418,#07060c 70%)}
.look-drums .stage-world{background:radial-gradient(ellipse at 50% -10%,#5a220c,#14080c 58%)}
.look-story .stage-world{background:radial-gradient(ellipse at 50% 18%,#6a4a22,#1a140e 46%,#0c0a08 100%)}
.look-spy .stage-world{background:radial-gradient(ellipse at 50% 0%,#16304f,#070b14 62%)}
.look-stadium .stage-world,.look-countdown .stage-world{background:radial-gradient(ellipse at 50% -8%,#24386e,#0a1024 64%)}
.look-raga .stage-world{background:radial-gradient(ellipse at 50% 8%,#4a3414,#120e18 52%,#07060c 100%)}
.look-flute .stage-world{background:radial-gradient(ellipse at 50% 0%,#145246,#071410 62%)}
.look-moon .stage-world{background:radial-gradient(ellipse at 72% 12%,#3a2868,#120c22 58%)}
.look-strings .stage-world{background:radial-gradient(ellipse at 50% 0%,#1c3058,#0a1020 66%)}
.look-home .stage-world,.look-retro .stage-world{background:radial-gradient(ellipse at 50% 18%,#5a3018,#160e0c 60%)}
.look-highway .stage-world{background:radial-gradient(ellipse at 20% 80%,#5a3010aa,transparent 40%),radial-gradient(ellipse at 80% 20%,#0e4e4aaa,transparent 36%),#0c1214}
.look-disco .stage-world{background:radial-gradient(ellipse at 20% 10%,#6a1048,#1a0814 50%),radial-gradient(ellipse at 80% 80%,#6a4010aa,transparent 42%)}
.look-tiger .stage-world{background:repeating-linear-gradient(108deg,#14080a 0 34px,#2a1014 34px 48px)}
.look-neon .stage-world{background:radial-gradient(ellipse at 18% 0%,#123a44,#120818 48%),radial-gradient(ellipse at 90% 90%,#3a1868aa,transparent 40%)}
.look-finale .stage-world{background:radial-gradient(ellipse at 50% 16%,#5a4630,#241c33 48%,#0c0a10 100%)}
.stage-film,.stage-photo{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;background-size:cover;background-position:center;filter:saturate(.85) brightness(.38) blur(1px);opacity:.85}
.spot{position:absolute;top:-6%;width:36vw;height:130%;z-index:1;mix-blend-mode:screen;pointer-events:none}
.spot span{display:block;width:100%;height:100%;background:linear-gradient(180deg,color-mix(in srgb,var(--spot) 78%,#fff),transparent 74%);clip-path:polygon(44% 0,56% 0,82% 100%,18% 100%);filter:blur(8px);opacity:.42;animation:spotHit var(--beat) ease-out infinite}
.spot-a{left:2%;animation:spotSweep 12s ease-in-out infinite alternate}
.spot-b{left:32%;animation:spotSweep 16s ease-in-out infinite alternate-reverse}
.spot-b span{background:linear-gradient(180deg,color-mix(in srgb,var(--spot2) 75%,#fff),transparent 72%);animation-delay:calc(var(--beat) * -.5)}
.spot-c{left:60%;animation:spotSweep 14s ease-in-out infinite alternate;animation-delay:-4s}
.stage-haze{position:absolute;inset:-10% 0;z-index:1;background:radial-gradient(ellipse at 50% 42%,#ffffff18,transparent 58%);animation:hazeDrift 10s ease-in-out infinite alternate;pointer-events:none}
.stage-bloom{position:absolute;left:50%;top:44%;width:42vw;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--glow) 50%,transparent),transparent 68%);mix-blend-mode:screen;z-index:1;animation:bloom var(--beat) ease-out infinite;pointer-events:none}
.stage-bloom:after{content:"";position:absolute;inset:22%;border-radius:50%;border:1px solid color-mix(in srgb,var(--glow) 75%,transparent);animation:ringOut calc(var(--beat) * 2) cubic-bezier(.15,.6,.3,1) infinite}
.motes{position:absolute;inset:0;z-index:2;pointer-events:none}
.motes span{position:absolute;bottom:-4%;border-radius:50%;background:#fff8e8;box-shadow:0 0 10px var(--glow);animation:moteRise linear infinite}
.curtain{position:absolute;top:0;bottom:0;width:6.4vw;z-index:4;background:linear-gradient(90deg,#000c,transparent 16%,transparent 84%,#000a),repeating-linear-gradient(90deg,#2a0e18 0 9px,#6a2440 10px 15px,#14080e 16px 24px)}
.curtain:after{content:"";position:absolute;top:0;bottom:0;width:14px;right:0;background:linear-gradient(#7a3050,#f0c668 7%,#7a3050 14%,#3a1422 14%)}
.curtain-l{left:0;box-shadow:18px 0 40px #0008}
.curtain-r{right:0;transform:scaleX(-1);box-shadow:18px 0 40px #0008}
.footlights{position:absolute;left:6.4vw;right:6.4vw;bottom:0;height:16vh;z-index:2;background:radial-gradient(ellipse at 50% 130%,#f0c668cc,transparent 62%);animation:footHit var(--beat) ease-out infinite;pointer-events:none}
.footlights:before{content:"";position:absolute;left:2%;right:2%;bottom:1.4vh;height:8px;background:radial-gradient(circle,#fff6d8 0 2.5px,#f0c668 3.5px,transparent 5px) center/6vw 8px repeat-x;filter:drop-shadow(0 0 6px #f0c668)}
.stage-world:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 36%,#000a 100%)}
.playbill{position:relative;z-index:5;display:flex;align-items:center;gap:.7vw;color:#f3d48a;letter-spacing:.38em;text-transform:uppercase;font-weight:700;font-size:clamp(11px,1.05vw,20px);text-shadow:0 2px 16px #000}
.playbill img{height:clamp(32px,5.2vh,64px);filter:drop-shadow(0 8px 18px #000)}
.playbill-title{position:relative;z-index:5;text-align:center;margin:.5vh 0 1.2vh;text-shadow:0 3px 22px #000}
.playbill-title small{display:block;font-size:clamp(9px,.68vw,13px);letter-spacing:.46em;text-transform:uppercase;color:var(--glow);font-weight:700}
.playbill-title h1{margin:.35vh 0 0;font:italic 600 clamp(22px,2.05vw,42px)/1.05 "Playfair Display",Georgia,serif;color:#fff8ee}
.playbill-title p{margin:.15vh 0 0;font:italic 500 clamp(16px,1.3vw,26px)/1.1 "Playfair Display",Georgia,serif;color:#f6e7c4}
.playbill-names{--gap:1.5vw;position:relative;z-index:5;flex:1;width:min(100%,1680px);display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:1.5vh var(--gap)}
.playbill-names:before{content:"";position:absolute;z-index:-1;left:-6vw;right:-6vw;top:-8vh;bottom:-6vh;background:radial-gradient(ellipse at 50% 46%,#07060cd4,#07060c66 58%,transparent 78%)}
.playbill-name{flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));min-width:0;text-align:center;text-shadow:0 2px 8px #000,0 12px 28px #000e}
.playbill-name strong{display:block;font:600 max(17px,var(--name-size))/1.02 "Playfair Display",Georgia,serif;letter-spacing:-.02em;text-wrap:balance}
.playbill-name em{display:block;margin-top:.15em;font-style:normal;font-size:max(9px,calc(var(--name-size) * .27));letter-spacing:.22em;text-transform:uppercase;color:var(--glow);font-weight:700}
.playbill-name em:before{content:"";display:block;width:22px;height:1px;margin:.32em auto .38em;background:linear-gradient(90deg,transparent,var(--glow),transparent)}
.led-loop-scene{padding:0;background:#000;justify-content:space-between}
.led-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.led-loop-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#000b 0,#0000 22%,#0000 76%,#000c 100%)}
.loop-brand{position:absolute;z-index:3;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.4vh;margin:0;color:#f3d48a;letter-spacing:.46em;text-transform:uppercase;font-weight:700;font-size:clamp(18px,2.2vw,42px);text-shadow:0 2px 18px #000,0 0 3px #000}
.loop-brand:before{content:"";position:absolute;z-index:-1;left:50%;top:48%;width:min(86vw,980px);height:58vh;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#000c 0%,#0008 38%,transparent 72%);pointer-events:none}
.loop-brand img{height:clamp(120px,22vh,280px);filter:drop-shadow(0 14px 28px #000)}
.loop-brand-lit{letter-spacing:0}
.loop-brand-lit:before{top:44%;width:min(64vw,720px);height:64vh;background:radial-gradient(ellipse at 50% 36%,#fffaf2f2 0%,#ffe7b8b8 14%,#f3d48a33 36%,transparent 66%);filter:blur(8px);animation:brandGlow 5.6s ease-in-out infinite alternate}
.loop-brand-lit:after{content:"";position:absolute;z-index:-1;left:50%;top:68%;width:min(46vw,560px);height:16vh;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#1c1208 0%,#1c120866 46%,transparent 74%);pointer-events:none}
.loop-brand-lit img{filter:drop-shadow(0 0 14px #fff6e4) drop-shadow(0 0 36px #f3d48acc) drop-shadow(0 16px 24px #0006)}
.loop-brand-lit span{display:block;text-align:center;letter-spacing:.38em;padding-left:.38em;color:#fff8ea;text-shadow:0 0 18px #fff1cc,0 2px 12px #000c,0 0 2px #000}
@keyframes brandGlow{from{opacity:.76;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}
.loop-title{position:absolute;z-index:3;left:0;right:0;bottom:4vh;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.4vh 1.1vw;margin:0;text-shadow:0 3px 18px #000,0 0 3px #000}
.loop-title small{width:100%;text-align:center;font-size:clamp(9px,.7vw,14px);letter-spacing:.46em;text-transform:uppercase;color:#f3d48a;font-weight:700}
.loop-title strong{font:italic 600 clamp(20px,2vw,40px)/1.05 "Playfair Display",Georgia,serif;color:#fff8ee}
.loop-title span{font:italic 500 clamp(15px,1.3vw,26px)/1.1 "Playfair Display",Georgia,serif;color:#f6e7c4}
.led-loop-preload{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.led-opening:before{display:none}
.led-opening .led-loop{z-index:0}
.led-opening .opening-shade{background:radial-gradient(ellipse at 50% 42%,#000a,#0004 46%,#0008)}
.led-opening .led-mark{width:min(38vw,520px);height:auto}
.playbill img,.loop-brand img,.led-mark,.brand-mark{shape-rendering:geometricPrecision}
@keyframes spotSweep{to{transform:rotate(8deg)}}
@keyframes spotHit{0%{opacity:.9;filter:blur(4px)}100%{opacity:.28;filter:blur(16px)}}
@keyframes hazeDrift{to{transform:translateY(-4%) scale(1.06);opacity:.65}}
@keyframes bloom{0%{opacity:.8;transform:translate(-50%,-50%) scale(.92)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}}
@keyframes ringOut{0%{transform:scale(.35);opacity:.85}100%{transform:scale(2.6);opacity:0}}
@keyframes moteRise{0%{transform:translateY(0);opacity:0}14%{opacity:.9}100%{transform:translateY(-108vh);opacity:0}}
@keyframes footHit{0%{opacity:1}100%{opacity:.38}}
.led-opening-film{display:block;animation:none;background:#070814}
.opening-sky{position:absolute;inset:0;width:100%;height:100%;display:block}
.opening-quarters{position:absolute;inset:0;z-index:2;pointer-events:none}
.season-quarter{position:absolute;width:50%;height:50%;margin:0;overflow:hidden;opacity:0}
.season-quarter img{width:100%;height:100%;object-fit:cover;display:block}
.season-quarter.summer{left:0;top:0;transform-origin:0 0}
.season-quarter.monsoon{left:50%;top:0;transform-origin:100% 0}
.season-quarter.winter{left:0;top:50%;transform-origin:0 100%}
.season-quarter.autumn{left:50%;top:50%;transform-origin:100% 100%}
.opening-globe{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.opening-lockup{position:absolute;inset:0;z-index:4;pointer-events:none}
.opening-crest-wrap{position:absolute;left:50%;top:42%;width:min(36vw,520px);transform:translate(-50%,-46%);display:flex;flex-direction:column;align-items:center}
.opening-halo{width:min(18vw,230px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#fff8 0%,#fff4 46%,transparent 72%);opacity:0}
.opening-crest{width:78%;height:auto;filter:drop-shadow(0 10px 16px #000a)}
.opening-wordmark{width:100%;margin-top:.4vh;padding:1vh 0 1.2vh;text-align:center;color:#fff6e4;text-shadow:0 2px 14px #000,0 0 18px #000;background:linear-gradient(180deg,transparent,#07060ccc 18%,#07060ccc 82%,transparent);opacity:0}
.opening-wordmark b{display:block;font:600 clamp(26px,3vw,54px)/1 "Playfair Display",Georgia,serif;letter-spacing:.16em;text-transform:uppercase}
.opening-rule{display:block;height:1px;width:46%;margin:.7vh auto;background:linear-gradient(90deg,transparent,#f3d48a,transparent);transform:scaleX(0);transform-origin:center}
.opening-wordmark span{display:block;font:700 clamp(12px,1.15vw,20px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:#f3d48a}
.opening-titles{position:absolute;left:50%;bottom:8vh;width:min(92vw,980px);transform:translateX(-50%);text-align:center}
.opening-musicale{margin:0;font:italic 600 clamp(36px,4.6vw,84px)/1 "Playfair Display",Georgia,serif;color:#fff8ee;text-shadow:0 10px 28px #000;opacity:0}
.opening-annual{margin:1.1vh 0 0;font:700 clamp(13px,1.35vw,24px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:.42em;text-transform:uppercase;color:#f3d48a;text-shadow:0 6px 18px #000;opacity:0}
.led-credits{display:block;overflow:hidden;background:#07060c}
.credits-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#5a3e18 0%,#1a1424 38%,#07060c 70%);pointer-events:none}
.led-credits:before,.led-credits:after{content:"";position:absolute;left:0;right:0;height:16vh;z-index:3;pointer-events:none}
.led-credits:before{top:0;background:linear-gradient(#07060c,#07060c00)}
.led-credits:after{bottom:0;background:linear-gradient(#07060c00,#07060c)}
.credits-roll{position:absolute;left:0;right:0;top:0;z-index:1;text-align:center;color:#fff8ee;will-change:transform}
.credits-open,.credits-finale{padding:8vh 6vw 10vh}
.credits-open img,.credits-finale img{height:clamp(92px,16vh,180px);filter:drop-shadow(0 0 18px #fff3) drop-shadow(0 12px 24px #000)}
.credits-open p,.credits-finale p{margin:2.2vh 0 0;font:700 clamp(13px,1.3vw,22px)/1.3 "DM Sans",system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#f3d48a}
.credits-open h1,.credits-finale h2{margin:.6vh 0 0;font:600 clamp(42px,6vw,104px)/1 "Playfair Display",Georgia,serif;letter-spacing:.04em;text-shadow:0 8px 28px #000}
.credits-open strong,.credits-finale strong{display:block;margin:1.6vh 0 0;font:700 clamp(14px,1.45vw,26px)/1.3 "DM Sans",system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#f3d48a}
.credits-open span,.credits-finale span{display:block;margin:2.4vh auto 0;max-width:18em;font:500 clamp(20px,2vw,34px)/1.35 "DM Sans",system-ui,sans-serif;color:#fff6e4}
.credits-kicker{margin:7vh auto 3vh;font:700 clamp(14px,1.5vw,26px)/1.3 "DM Sans",system-ui,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:#f3d48a}
.credits-kicker:before,.credits-group h2:before{content:"";display:block;width:72px;height:1px;margin:0 auto 2vh;background:linear-gradient(90deg,transparent,#f3d48a,transparent)}
.credits-role{margin:0 auto 4.5vh}
.credits-role small{display:block;font:700 clamp(13px,1.2vw,20px)/1.3 "DM Sans",system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:#f3d48a}
.credits-role b{display:block;margin-top:.7vh;font:600 clamp(32px,3.6vw,64px)/1.15 "Playfair Display",Georgia,serif}
.credits-group{margin:0 auto 6vh;padding:0 4vw}
.credits-group h2{margin:5vh 0 1vh;font:600 clamp(28px,3.2vw,56px)/1.15 "Playfair Display",Georgia,serif}
.credits-group p{margin:0 auto 2.2vh;max-width:40em;font:500 clamp(16px,1.5vw,26px)/1.4 "DM Sans",system-ui,sans-serif;color:#f6e7c4}
.credits-names{display:grid;grid-template-columns:1fr 1fr;gap:.55vh 4vw;width:min(92vw,1280px);margin:0 auto}
.credits-names span{font:600 clamp(22px,2.15vw,40px)/1.35 "DM Sans",system-ui,sans-serif;text-shadow:0 2px 14px #000}
.credits-names span:last-child:nth-child(odd){grid-column:1 / -1}
.credits-directors>div{width:min(92vw,1280px);margin:0 auto;display:grid;gap:1.1vh}
.credits-directors>div>p{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:2.8vw;align-items:baseline;margin:0;padding:.7vh 0;border-bottom:1px solid #f3d48a24;text-align:left}
.credits-directors>div span{font:600 clamp(17px,1.55vw,28px)/1.3 "DM Sans",system-ui,sans-serif;color:#fff8ee}
.credits-directors>div b{font:700 clamp(17px,1.55vw,28px)/1.3 "DM Sans",system-ui,sans-serif;color:#f3d48a;text-align:right}
.credits-finale b{display:block;margin-top:3vh;font:600 clamp(26px,3vw,52px)/1.2 "Playfair Display",Georgia,serif;letter-spacing:0;text-transform:none;color:#fff8ee}
.credits-finale{padding-bottom:18vh}

/* Sponsor moments keep the supplied artwork intact; no text or logo is cropped. */
.sponsor-video-scene{background:#090c07}
.sponsor-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sponsor-film-frame{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #fff2,inset 0 0 100px #0008}
.bloopers-scene{background:radial-gradient(circle at 50% 36%,#322b46 0%,#14111c 54%,#09080d 100%)}
.bloopers-stage{width:min(84vw,calc((100vh - 18vh) * 16 / 9));display:flex;flex-direction:column;align-items:center;gap:2vh}
.bloopers-frame{width:100%;aspect-ratio:16/9;padding:clamp(7px,.62vw,13px);border-radius:clamp(14px,1.05vw,22px);background:linear-gradient(155deg,#fff8df,#f0d78a 24%,#b8892f 48%,#f6e3a8 74%,#8d6420);box-shadow:0 0 0 1px #f3d48a99,0 28px 70px #000c,inset 0 1px 0 #fff8}
.bloopers-film{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff;border-radius:clamp(8px,.5vw,14px)}
.bloopers-brand{display:flex;align-items:center;gap:1vw;color:#fff8ee}
.bloopers-crest{display:grid;place-items:center;width:clamp(52px,8vh,84px);height:clamp(52px,8vh,84px);border-radius:50%;background:radial-gradient(circle at 50% 38%,#fffaf2,#f4e4bc);box-shadow:0 0 0 2px #f3d48a,0 12px 28px #000a}
.bloopers-crest img{height:74%;width:auto}
.bloopers-brand b{display:block;font:600 clamp(26px,2.5vw,46px)/1 "Playfair Display",Georgia,serif;letter-spacing:.02em}
.bloopers-brand small{display:block;margin-top:.45em;color:#f3d48a;font:800 clamp(10px,.85vw,16px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:.42em;text-transform:uppercase}
.led-screen:has(.bloopers-scene):after{display:none}
.sponsor-image-scene{background:#f4e4bd}
.sponsor-image-scene:before{content:"";position:absolute;inset:-5%;background:url("sponsors/snug-landscape.jpg") center/cover;filter:blur(32px) saturate(.8);opacity:.42;transform:scale(1.08)}
.sponsor-image-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#fff7dfaa,transparent 64%),linear-gradient(90deg,#24391555,transparent 20% 80%,#24391555)}
.sponsor-image-scene>img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 38px #2e311855)}
.partners-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4vh;padding:1.6vh 1.6vw;background:radial-gradient(circle at 50% 40%,#fffaf0,#f1e3c3 62%,#dcc79b)}
.partners-head{position:relative;margin:0;color:#7a5a1e;font:800 clamp(11px,.95vw,18px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase}
.partners-row{position:relative;display:grid;grid-template-columns:repeat(3,var(--card-w));gap:1.3vw;--card-w:min(calc((100vw - 3.2vw - 2.6vw) / 3),calc((100vh - 7vh) * .67))}
.partner-card{margin:0;width:var(--card-w);aspect-ratio:67/100;padding:clamp(4px,.32vw,7px);border-radius:clamp(10px,.8vw,16px);background:#fff;box-shadow:0 18px 40px #3d2f1238,0 0 0 1px #b8892f55}
.partner-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:clamp(7px,.55vw,12px)}
.sponsor-image-scene>p{position:absolute;z-index:2;right:2.2vw;bottom:2.2vh;margin:0;padding:.55em 1em;border-radius:99px;background:#203b18e8;color:#fff8e8;font:800 clamp(12px,1.15vw,20px)/1.2 "DM Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 9px 28px #0004}

/* Teacher cards deliberately replace the PowerPoint look with the show's playbill language. */
.teacher-scene{grid-template-columns:48% 52%;background:linear-gradient(135deg,#08070d 0 47.8%,#b8892f 47.9% 48.2%,#16101e 48.3%);isolation:isolate}
.teacher-rings{position:absolute;left:-18vw;top:-30vh;width:78vw;aspect-ratio:1;border-radius:50%;border:1px solid #f3d48a33;box-shadow:0 0 0 7vw #f3d48a08,0 0 0 14vw #f3d48a05;z-index:-1}
.teacher-copy{padding:7vh 4vw 7vh 7vw;align-self:center}
.teacher-copy small{display:block;color:#f3d48a;font-size:clamp(14px,1.35vw,25px);font-weight:800;letter-spacing:.28em;text-transform:uppercase}
.teacher-copy h1{margin:2.5vh 0 1.5vh;font:600 clamp(55px,6vw,112px)/.95 "Playfair Display",Georgia,serif;color:#fff8ee;letter-spacing:-.035em}
.teacher-copy p{margin:0;color:#f7d884;font-size:clamp(25px,2.5vw,47px);font-weight:700}
.teacher-copy b{display:block;margin-top:5vh;color:#ffffff8f;font-size:clamp(12px,1.15vw,20px);letter-spacing:.3em;text-transform:uppercase}
.teacher-scene figure{align-self:stretch;width:100%;height:100%;margin:0;overflow:hidden;position:relative;background:#120e18}
.teacher-scene figure:after{content:"";position:absolute;inset:0;box-shadow:inset 45px 0 70px #08070d99,inset 0 -70px 80px #08070d66}
.teacher-scene figure>img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.04)}
.teacher-no-photo{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#5b3d1f,#160f1e 66%)!important}
.teacher-no-photo:before{content:"";position:absolute;inset:9%;border:1px solid #f3d48a55;border-radius:50%}
.teacher-no-photo>img{position:relative;width:min(18vw,280px)!important;height:auto!important;margin:auto;object-fit:contain!important;filter:drop-shadow(0 0 34px #f3d48a55)!important}
.teacher-no-photo>span{position:relative;margin-top:2.5vh;color:#f3d48a;font:700 clamp(15px,1.5vw,27px)/1 "DM Sans",system-ui,sans-serif;letter-spacing:.3em;text-transform:uppercase}