/* V24: four edge-mounted stage spots. All layers are click-through. */
.console{position:relative;isolation:isolate;--club-red:0;--club-blue:0;--club-green:0;--club-yellow:0;--club-flash:0}
.club-console-light{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none!important;border-radius:inherit;opacity:0;mix-blend-mode:screen}
.has-club-lights>.club-console-light{opacity:1}
.club-console-light>span{position:absolute;pointer-events:none;inset:0}
.club-spot{opacity:1;mix-blend-mode:screen}
.club-spot-red{background:radial-gradient(ellipse 20% 15% at 40% 0%,rgba(255,68,57,calc(var(--club-red) * .96)) 0 5%,rgba(247,58,46,calc(var(--club-red) * .48)) 20%,transparent 68%),linear-gradient(158deg,transparent 0 30%,rgba(248,70,53,calc(var(--club-red) * .38)) 37%,rgba(248,70,53,calc(var(--club-red) * .10)) 53%,transparent 66%)}
.club-spot-blue{background:radial-gradient(ellipse 22% 16% at 55% 100%,rgba(57,149,255,calc(var(--club-blue) * .96)) 0 5%,rgba(45,124,255,calc(var(--club-blue) * .46)) 20%,transparent 69%),linear-gradient(342deg,transparent 0 31%,rgba(54,146,255,calc(var(--club-blue) * .36)) 38%,rgba(54,146,255,calc(var(--club-blue) * .09)) 54%,transparent 67%)}
.club-spot-green{background:radial-gradient(ellipse 18% 16% at 100% 12%,rgba(69,242,153,calc(var(--club-green) * .95)) 0 5%,rgba(40,211,126,calc(var(--club-green) * .45)) 20%,transparent 68%),linear-gradient(126deg,transparent 0 28%,rgba(63,232,143,calc(var(--club-green) * .34)) 35%,rgba(63,232,143,calc(var(--club-green) * .09)) 51%,transparent 64%)}
.club-spot-yellow{background:radial-gradient(ellipse 18% 16% at 0% 90%,rgba(255,210,61,calc(var(--club-yellow) * .96)) 0 5%,rgba(241,180,37,calc(var(--club-yellow) * .46)) 20%,transparent 68%),linear-gradient(34deg,transparent 0 28%,rgba(255,201,49,calc(var(--club-yellow) * .35)) 35%,rgba(255,201,49,calc(var(--club-yellow) * .09)) 51%,transparent 64%)}
.club-flash{background:#fff9e9;opacity:calc(var(--club-flash) * .16)}
#club-lighting{position:relative;z-index:4}
.club-lights{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px 28px;margin:0 32px 30px;padding:24px 0 4px;border-top:1px solid var(--line);font-size:13px}
.club-lights-copy h3{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.15;margin:4px 0 9px}
.club-lights-kicker{margin:0;color:var(--accent);font-size:11px}
.club-lights-status{margin:0;min-height:20px;font-size:12px}
.club-tempo{font-size:13px;color:var(--paper);font-variant-numeric:tabular-nums;text-align:right}
.club-tempo small{display:block;font-size:11px;color:var(--muted)}
.club-rhythm-note{grid-column:1/-1;font-size:11px;margin:0;color:var(--muted);max-width:80ch}
.club-light-controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr auto;align-items:start;gap:24px}
.club-channel{min-width:0;display:grid;gap:12px;border-top:1px solid var(--line);padding-top:16px}
.club-control,.club-strobe-gate button{border:1px solid #e0e3d94b;background:#09191d;border-radius:3px;padding:10px 14px;min-height:44px;font-size:12px;transition:border-color .2s,background .2s}
.club-channel>.club-control{text-align:left;display:flex;justify-content:space-between;align-items:center}
.club-control:hover,.club-control[aria-pressed=true]{border-color:var(--accent);background:#243331}
.club-control span{color:var(--accent);margin-left:8px}
.club-control-off{align-self:start;margin-top:16px;border-color:var(--accent)}
.club-speed{display:grid;gap:4px;font-size:11px;color:var(--muted)}
.club-speed label{display:flex;justify-content:space-between;gap:12px}
.club-speed output{color:var(--paper);font-variant-numeric:tabular-nums}
.club-speed input[type=range]{appearance:none;-webkit-appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:ew-resize;accent-color:var(--accent)}
.club-speed input::-webkit-slider-runnable-track{height:5px;border-radius:2px;background:linear-gradient(90deg,#7c847f,#d9c39f);border:1px solid #0008}
.club-speed input::-moz-range-track{height:5px;border-radius:2px;background:linear-gradient(90deg,#7c847f,#d9c39f);border:1px solid #0008}
.club-speed input::-webkit-slider-thumb{-webkit-appearance:none;width:19px;height:30px;margin-top:-13px;border:1px solid #525851;border-radius:2px;background:linear-gradient(#deded0 0%,#a3aa9b 45%,#414c43 46%,#414c43 52%,#e7e6d7 53%,#8f9689 100%);box-shadow:0 3px 5px #0007}
.club-speed input::-moz-range-thumb{width:19px;height:30px;border:1px solid #525851;border-radius:2px;background:linear-gradient(#deded0 0%,#a3aa9b 45%,#414c43 46%,#414c43 52%,#e7e6d7 53%,#8f9689 100%)}
.club-speed input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
.club-speed-marks{display:flex;justify-content:space-between;color:#bac3bc;font-size:10px}
.club-strobe-gate[hidden]{display:none}
.club-strobe-gate{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border-left:2px solid var(--accent);background:#071519}
.club-strobe-gate p{flex:1 1 270px;margin:0;font-size:12px;line-height:1.5}
.club-strobe-gate button:first-of-type{border-color:var(--accent);color:var(--accent)}
@media(max-width:700px){.club-lights{grid-template-columns:1fr;margin:0 17px 25px;gap:16px}.club-tempo{text-align:left}.club-light-controls{grid-template-columns:1fr 1fr;gap:18px}.club-control-off{grid-column:1/-1;margin-top:0}.club-channel>.club-control{font-size:11px;padding:10px 8px}.club-lights-copy h3{font-size:25px}}
@media(max-width:380px){.club-light-controls{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.club-console-light{display:none!important}}
.paused .club-console-light{display:none!important}