:root{--gold:#ffbd45;--pink:#ff3df2;--purple:#9a5cff;--cyan:#31dfff;--text:#fff7e8;--muted:#dbcce5;--panel:rgba(15,8,22,.94)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at top,rgba(128,0,60,.35),transparent 38%),radial-gradient(circle at bottom right,rgba(100,30,160,.3),transparent 35%),#030303}.scanlines{pointer-events:none;position:fixed;inset:0;z-index:10;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025),rgba(255,255,255,.025) 1px,transparent 1px,transparent 5px)}.page-glow{pointer-events:none;position:fixed;inset:-20%;background:radial-gradient(circle at 20% 20%,rgba(255,189,69,.12),transparent 30%),radial-gradient(circle at 80% 30%,rgba(255,61,242,.13),transparent 28%);filter:blur(12px)}.wrap{position:relative;z-index:1;width:min(920px,calc(100% - 28px));margin:auto}header{text-align:center;padding:8px 0}.logo{width:min(280px,78vw);filter:drop-shadow(0 0 18px rgba(255,0,0,.4))}main{padding:0 0 45px}.intro,.quiz-panel,.results,.leaderboard{background:linear-gradient(180deg,rgba(29,11,37,.97),var(--panel));border:1px solid rgba(255,189,69,.7);border-radius:24px;box-shadow:0 0 28px rgba(255,189,69,.2),inset 0 0 30px rgba(154,92,255,.08);padding:clamp(24px,5vw,46px);text-align:center}.eyebrow,.prompt{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-weight:800}.intro h1{margin:8px 0 18px;font-size:clamp(2.5rem,8vw,5.3rem);line-height:.95;text-transform:uppercase;text-shadow:0 0 12px var(--pink),0 0 30px var(--purple)}.intro h1 span{color:var(--gold);text-shadow:0 0 15px rgba(255,189,69,.8)}.tagline{max-width:650px;margin:0 auto 28px;color:var(--muted);line-height:1.55;font-size:1.08rem}button,.link-button{border:1px solid var(--gold);border-radius:999px;background:rgba(0,0,0,.4);color:var(--gold);font:800 1rem Arial;padding:13px 24px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 0 14px rgba(255,189,69,.35);transition:.16s}button:hover,.link-button:hover{transform:translateY(-2px);background:rgba(255,189,69,.12)}button:disabled{cursor:default;opacity:.75}.quiz-topline{display:flex;justify-content:space-between;color:var(--cyan);font-weight:800}.progress-track{height:9px;border-radius:9px;background:#08050a;margin:13px 0 34px;overflow:hidden}.progress-track div{height:100%;background:linear-gradient(90deg,var(--pink),var(--gold));transition:width .25s}.prompt{font-size:.78rem;color:var(--muted)}#song-title{font-size:clamp(2rem,6vw,4rem);margin:12px 0 28px;text-shadow:0 0 15px var(--pink)}.choices{display:grid;grid-template-columns:1fr 1fr;gap:15px}.choice{border-radius:14px;text-align:left;text-transform:none;letter-spacing:0;color:#fff;padding:16px 18px;display:flex;align-items:center;gap:13px;box-shadow:none;border-color:rgba(255,255,255,.22)}.choice span{flex:0 0 35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--purple);font-weight:900}.choice.correct{border-color:#43ff8c;background:rgba(67,255,140,.15);color:#fff}.choice.correct span{background:#149248}.choice.wrong{border-color:#ff4747;background:rgba(255,50,50,.16)}.choice.wrong span{background:#b51d1d}.feedback{height:25px;margin:20px 0 0;font-weight:800}.feedback.right{color:#43ff8c}.feedback.nope{color:#ff7777}.results h2{font-size:clamp(3rem,9vw,6rem);margin:8px;color:var(--gold);text-shadow:0 0 18px rgba(255,189,69,.7)}.name-row{margin:28px auto;max-width:580px}.name-row label{display:block;margin-bottom:9px}.name-row div{display:flex;gap:9px}.name-row input{flex:1;min-width:0;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#08050a;color:#fff;padding:13px 18px;font-size:1rem}.secondary{border-color:var(--purple);color:#dccbff;box-shadow:0 0 12px rgba(154,92,255,.3)}.link-button{display:inline-block;text-decoration:none;margin-left:8px}.leaderboard{margin-top:26px;padding:28px}.leaderboard h2{margin:0;color:var(--gold);font-size:2rem}.leaderboard-note,#leaderboard-status{color:var(--muted)}#leaderboard-list{list-style:none;padding:0;margin:20px auto 0;max-width:680px}#leaderboard-list li{display:grid;grid-template-columns:40px 1fr 60px 65px 95px;gap:8px;text-align:left;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}#leaderboard-list .rank{color:var(--gold);font-weight:900}#leaderboard-list li span:nth-of-type(2){font-weight:900;color:var(--cyan)}#leaderboard-list small{color:var(--muted);text-align:right}footer{text-align:center;color:rgba(255,255,255,.58);font-size:.76rem;padding:20px 0 30px}[hidden]{display:none!important}@media(max-width:620px){.choices{grid-template-columns:1fr}.quiz-panel,.intro,.results{padding:24px 18px}.name-row div{flex-direction:column}.link-button{margin:10px 0 0}#leaderboard-list li{grid-template-columns:30px 1fr 48px 50px}#leaderboard-list small{display:none}}