/* 1960smusic.net — Daily Guessing Game. Loaded in addition to /styles.css + /tools/tools.css. */

.da-audio-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

.da-intro{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:28px;text-align:center;margin:0 0 22px;
}
.da-intro p{color:var(--muted);margin:0 0 16px;}
.da-intro .btn{font-size:1.15rem;padding:14px 30px;}

.da-scorebar{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  background:var(--walnut-deep);color:var(--dial-ivory);border-radius:10px;padding:12px 18px;
}
.da-scorebar strong{color:var(--amber);}

#da-game .q .btn{margin:0 0 18px;}
#da-game .options{margin-top:6px;}
#da-game .option{display:flex;flex-direction:column;gap:2px;}
.da-title{font-weight:700;}
.da-artist{font-family:sans-serif;font-size:.85rem;color:var(--muted);}
#da-game .option.correct .da-artist,
#da-game .option.wrong .da-artist{color:inherit;opacity:.85;}

.da-leaderboard{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  padding:22px;margin:26px 0 22px;
}
.da-leaderboard h2{margin:0 0 14px;font-size:1.2rem;}
.da-lb-list{list-style:none;margin:0;padding:0;counter-reset:lb;}
.da-lb-list li{
  counter-increment:lb;display:flex;align-items:center;gap:12px;
  padding:8px 0;border-bottom:1px solid var(--line);font-family:sans-serif;
}
.da-lb-list li:last-child{border-bottom:none;}
.da-lb-list li::before{
  content:counter(lb);font-weight:700;color:var(--brass);width:1.4em;flex:none;
}
.da-lb-name{flex:1;font-weight:600;}
.da-lb-score{font-weight:700;color:var(--amber);}
.da-lb-level{color:var(--muted);font-size:.85rem;}

.da-lb-form{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:12px 0;}
.da-lb-form input{
  font-family:inherit;font-size:1rem;padding:10px 12px;border:1px solid var(--line);
  border-radius:8px;background:var(--bg);color:var(--ink);
}