/* NERDY SPOTLIGHT ARENA — Premium Neon Spotlight redesign
   Visual-only overrides. Existing IDs, forms, Supabase wiring and dashboard behavior remain untouched. */
:root{
  --bg:#08070d;
  --panel:#100d18;
  --panel2:#171222;
  --line:#30213f;
  --text:#fbf9ff;
  --muted:#b1a9c0;
  --gold:#e8cc83;
  --gold2:#fff0bd;
  --purple:#a45bff;
  --green:#73e7b0;
  --red:#ff858f;
  --radius:20px;
  --neon:#a45bff;
  --neon-soft:#c08cff;
}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{
 background:radial-gradient(ellipse at 72% -15%,#57258a33 0,transparent 38%),
            radial-gradient(ellipse at -10% 42%,#4b247122 0,transparent 35%),var(--bg);
 color:var(--text)
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.12;background-image:linear-gradient(#b17aff0b 1px,transparent 1px),linear-gradient(90deg,#b17aff0b 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.ambient-one{background:#8b35ff;opacity:.18}.ambient-two{background:#d5a94b;opacity:.09}
.topbar{border-bottom:1px solid #a45bff2b;background:#08070de8;box-shadow:0 10px 40px #0003}
.brand{letter-spacing:.15em}.brand-mark{border-color:#a45bff9c;color:var(--gold);background:linear-gradient(145deg,#a45bff1b,#e8cc8308);box-shadow:0 0 22px #a45bff1b,inset 0 0 16px #a45bff12;border-radius:13px}
.topbar nav a{transition:color .2s ease,text-shadow .2s ease}.topbar nav a:hover,.text-link:hover{color:var(--neon-soft);text-shadow:0 0 18px #a45bff66}
.button{border-radius:13px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.button:hover{transform:translateY(-2px)}
.button-gold{color:#fff;background:linear-gradient(115deg,#873bdf,#ad64ff 58%,#c28aff);box-shadow:0 8px 26px #8e40e44a,inset 0 1px #ffffff40}
.button-gold:hover{box-shadow:0 10px 32px #a45bff70;filter:brightness(1.08)}
.button-outline{border-color:#70449a;background:#a45bff0a;box-shadow:inset 0 1px #ffffff05}
.button-outline:hover{border-color:var(--gold);color:var(--gold);box-shadow:0 0 22px #a45bff1f}
.eyebrow,.modal-eyebrow{color:var(--gold);text-shadow:0 0 22px #e8cc8322}
.pulse,.live-dot{background:var(--neon-soft);box-shadow:0 0 0 4px #a45bff20,0 0 14px #a45bffbd}
.hero{position:relative;padding-top:94px;padding-bottom:94px;min-height:630px}
.hero h1{letter-spacing:-.075em;text-wrap:balance;text-shadow:0 8px 45px #0006}
h1 span,h2 span,.dash-heading h1 span{color:var(--neon-soft);text-shadow:0 0 35px #a45bff3d}
.hero-copy>p{color:#c0b8cf}
.hero-art{border-color:#a45bff45;border-radius:32px;background:radial-gradient(ellipse at 50% 42%,#8d42c74d 0,#3c205b6b 32%,#100c19 74%);box-shadow:inset 0 0 80px #000b,0 25px 90px #6b2ba51c,0 0 0 1px #ffffff04}
.hero-art:before{background:linear-gradient(140deg,#ffffff0b,transparent 48%),repeating-linear-gradient(0deg,transparent 0 39px,#b77cff0b 40px)}
.art-ring{border-color:#e8cc8366;box-shadow:0 0 26px #a45bff12}.ring-b{border-color:#b67aff80}.mic-emoji{filter:drop-shadow(0 0 25px #a45bff6b) drop-shadow(0 22px 24px #0009)}
.art-tag{border-color:#a45bff45;background:#100b19d9;box-shadow:0 5px 25px #0004}.tag-bottom{color:var(--gold)}
.soundbars i{background:linear-gradient(to top,var(--gold),var(--neon-soft));box-shadow:0 0 12px #a45bff40}
.quick-strip{background:linear-gradient(90deg,#a45bff0b,#e8cc8307,#a45bff0b);border-color:#a45bff26}.strip-inner span{color:#d5cce3}
.section-heading h2,.how-section h2,.queue-intro h2,.booking-copy h2{letter-spacing:-.065em}
.library-count{padding:10px 13px;border:1px solid #a45bff2f;border-radius:999px;background:#a45bff0a}
.count-dot{background:var(--neon-soft);box-shadow:0 0 12px #a45bff}
.searchbox{border-color:#3d2b50;background:linear-gradient(120deg,#130f1d,#0e0b15);box-shadow:0 8px 28px #0003,inset 0 1px #ffffff05}
.searchbox:focus-within{border-color:#a45bff;box-shadow:0 0 0 3px #a45bff1c,0 10px 32px #0004}
.searchbox span{color:var(--neon-soft)}
.searchbox input,.library-tools select{color:var(--text)}
.library-tools select{border-color:#3d2b50;background-color:#130f1d}
.genre-chip{border-color:#49315f;background:linear-gradient(135deg,#1a1226,#100d17);color:#ded5ea}
.genre-chip:hover{border-color:#a45bff;color:var(--neon-soft);box-shadow:0 0 20px #a45bff1a}
.genre-chip.active{color:#17101e;background:linear-gradient(120deg,var(--gold),var(--gold2));border-color:transparent;box-shadow:0 6px 22px #e8cc8322}
.song-grid{gap:16px}.song-card{border-color:#30213f;background:linear-gradient(135deg,#171121eF,#0e0b15);box-shadow:0 8px 24px #0002;position:relative;overflow:hidden}
.song-card:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,#a45bff,transparent);opacity:0;transition:opacity .2s}
.song-card:hover{border-color:#8c52c0;box-shadow:0 12px 32px #0004,0 0 22px #a45bff12}.song-card:hover:before{opacity:1}
.album-art{background:linear-gradient(145deg,#7339a4,#251934);box-shadow:inset 0 0 0 1px #ffffff12}.song-meta h3{color:#fbf8ff}.song-meta p{color:#bcb2cb}.song-meta small{color:var(--gold)}
.q-button{border:1px solid #a45bff9c;background:linear-gradient(145deg,#a45bff24,#a45bff0b);color:#d6b6ff;box-shadow:inset 0 1px #ffffff0b,0 0 16px #a45bff0b}
.q-button:hover{background:linear-gradient(120deg,#8c3de2,#b66cff);color:white;border-color:#d3a9ff;box-shadow:0 0 24px #a45bff55}
.loading-card{border-color:#543773;background:#a45bff08}
.queue-section{background:radial-gradient(ellipse at 78% 50%,#57258a2b,transparent 48%),linear-gradient(120deg,#120d1b,#0b0911 68%,#171023);border-color:#a45bff22}
.queue-board{border-color:#5a3975;background:linear-gradient(145deg,#100c17,#09070d);box-shadow:0 28px 85px #0006,0 0 40px #a45bff0b}
.queue-board-head{background:#a45bff0c;border-bottom-color:#a45bff22}.queue-board-head>div{color:var(--gold)}
.queue-row{border-bottom-color:#ffffff0d}.queue-number{color:#887a9b}.queue-row.now .queue-number{color:var(--gold);text-shadow:0 0 18px #e8cc8344}.queue-status{background:#a45bff20;color:#d0aaff}.queue-row.now .queue-status{background:#e8cc8318;color:var(--gold)}
.queue-board-foot{border-top-color:#a45bff22}.queue-key{color:#d4c9e2}.key-now{background:var(--gold);box-shadow:0 0 12px #e8cc8366}.key-next{background:var(--neon-soft);box-shadow:0 0 12px #a45bff66}
.steps article{border-color:#352345;background:linear-gradient(145deg,#171121,#0e0b15);box-shadow:0 12px 32px #0002;transition:transform .2s,border-color .2s,box-shadow .2s}.steps article:hover{transform:translateY(-4px);border-color:#8050a8;box-shadow:0 18px 40px #0004,0 0 24px #a45bff0b}
.step-num{color:#8d5fbb}.step-icon{color:var(--neon-soft);background:#a45bff16;border-color:#a45bff3d;box-shadow:inset 0 0 20px #a45bff0b}
.booking-band{background:radial-gradient(ellipse at 80% 40%,#a45bff2c,transparent 48%),linear-gradient(125deg,#130e1b,#0a0810 70%);border-top:1px solid #a45bff20}
.booking-perks{color:#e5d8f3}.booking-cta-card{border-color:#a45bff55;background:linear-gradient(145deg,#1b1328,#100c17);box-shadow:0 25px 70px #0006,0 0 32px #a45bff0d}.booking-cta-icon{color:#1b1027;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 6px 24px #e8cc831d}
.footer{border-top:1px solid #a45bff24;background:#08070d}.footer-inner>p{color:var(--gold)}
.modal{background:#05040bd9;backdrop-filter:blur(14px)}.modal-card{border:1px solid #70469a;background:linear-gradient(145deg,#191123,#0d0a14);box-shadow:0 30px 100px #000b,0 0 40px #a45bff12}.modal-close{color:#d5b6f7}.modal-close:hover{background:#a45bff1b}
.modal-card label{color:#e3d9ed}.modal-card input,.modal-card select,.modal-card textarea{background:#0c0912;border-color:#453052;color:#fff}.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus{outline:2px solid #a45bff55;border-color:#a45bff}.selected-song{border-color:#a45bff44;background:#a45bff0d}
.dashboard{background:radial-gradient(ellipse at 80% 0,#57258a2b,transparent 40%),#08070d}.dashboard-top{border-bottom-color:#a45bff2b;background:#09070eeb;backdrop-filter:blur(18px)}
.admin-status{color:#c7b4e0}.admin-status i{background:var(--neon-soft);box-shadow:0 0 12px #a45bff}.dash-heading h1 span{color:var(--neon-soft)}
.dash-tabs{border-bottom-color:#392548}.dash-tab{color:#b3a4c5}.dash-tab.active{color:var(--gold);border-bottom-color:var(--neon-soft)}.dash-tab span{background:#a45bff22;color:#e2caff}
.dash-panel{border-color:#392548;background:linear-gradient(145deg,#14101c,#0d0a13);box-shadow:0 18px 45px #0003}.panel-heading h2{color:#fff}
th{color:#b39bcf;border-bottom-color:#3b284d}td{color:#e3dbea;border-bottom-color:#ffffff0b}tbody tr:hover{background:#a45bff08}
.status-select,.table-action{background:#171020;border-color:#4c355f;color:#e4d6f2}.table-action{color:var(--gold);border-color:#e8cc8348}.table-action:hover{background:#e8cc8314}.table-action.danger{color:var(--red);border-color:#ff858544}
.status-pill{background:#a45bff20;color:#d7b9ff}.status-pill.completed,.status-pill.approved{background:#75dfad17;color:var(--green)}
.toast{background:#191123;border-color:#70469a;box-shadow:0 12px 40px #0007}
:focus-visible{outline:2px solid var(--neon-soft);outline-offset:3px}
@media(max-width:680px){
 .topbar nav{background:#0c0913;border-bottom-color:#3d2851;box-shadow:0 20px 30px #0005}
 .hero{padding-top:58px;padding-bottom:58px;min-height:0}.hero-art{border-radius:25px}
 .section{padding-top:76px;padding-bottom:76px}.queue-section{padding:68px 0}
 .song-card{box-shadow:0 8px 22px #0003}.dash-panel{border-radius:14px}
}
@media(prefers-reduced-motion:reduce){.soundbars i,.pulse,.live-dot{animation:none!important}}