/* Something Cool sound prompt — SP14b, 11 November 2026. Accent line above the title removed. */
.sc-sound{
  position:absolute;
  inset:0;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:clamp(16px,4vw,28px);
  background:rgba(10,10,10,.58);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
  box-sizing:border-box;
}
.sc-sound[hidden]{display:none!important}
.sc-sound-card{
  width:min(420px,100%);
  text-align:center;
  color:#fff;
}
.sc-sound-title{
  margin:0 0 20px;
  font-family:var(--sans,Inter,"Helvetica Neue",Helvetica,Arial,sans-serif);
  font-weight:500;
  font-size:clamp(22px,3.4vw,32px);
  letter-spacing:-.035em;
  line-height:1.15;
  color:#fff;
}
.sc-sound-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.sc-sound-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  min-width:148px;
  padding:0 20px;
  border-radius:3px;
  font-family:var(--sans,Inter,"Helvetica Neue",Helvetica,Arial,sans-serif);
  font-size:13px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.sc-sound-btn:focus{outline:none}
.sc-sound-btn:focus-visible{
  outline:2px solid #b2ef4c;
  outline-offset:3px;
}
.sc-sound-play{
  background:#b2ef4c;
  border:1px solid #b2ef4c;
  color:#0a0a0a;
}
.sc-sound-play:hover,
.sc-sound-play:focus-visible{background:#a6e33a;border-color:#a6e33a}
.sc-sound-muted{
  background:transparent;
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
}
.sc-sound-muted:hover,
.sc-sound-muted:focus-visible{background:rgba(255,255,255,.1)}
@media (max-width:800px){
  .sc-sound-actions{flex-direction:column;align-items:stretch}
  .sc-sound-btn{width:100%;min-width:0}
}