/* Synqh V5 — compact Filter cards and dedicated voice introduction. */
#page-discover #discoverGrid {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 245px), 276px));
  gap: 18px;
  justify-content: start;
}
#page-discover #discoverGrid .summoner-card {
  box-sizing: border-box;
  width: 100%;
  max-width: 276px;
  justify-self: start;
}
#page-discover .summoner-actions { display: block; width: 100%; }
#page-discover .summoner-actions .summoner-open {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 43px;
  border-radius: 10px;
  color: #ead8b3;
  background: linear-gradient(180deg,#302a20,#1b1915);
  border: 1px solid #706043;
}
#page-discover .summoner-voice {
  min-height: 62px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin: 13px 0 13px;
  padding: 10px 12px;
  border: 1px solid #554936;
  border-radius: 10px;
  background: linear-gradient(135deg,#222019,#151511);
  color: #ead8b8;
  text-align: left;
  transition: background .2s,border-color .2s;
}
#page-discover .summoner-voice:hover { border-color:#a9956c; background:#28241b; }
#page-discover .summoner-voice .voice-play-icon {
  display:grid;place-items:center;flex:0 0 36px;height:36px;
  border-radius:50%;border:1px solid #82704e;
  color:#ead7af;background:#3b3324;font-size:13px;
}
#page-discover .summoner-voice .voice-note-info { display:grid;flex:1;min-width:0;gap:6px; }
#page-discover .summoner-voice .voice-note-title { font-size:11px;font-weight:650;line-height:1.1; }
#page-discover .summoner-voice .voice-note-waveform { display:flex;align-items:center;height:19px;gap:3px;overflow:hidden; }
#page-discover .summoner-voice .voice-note-waveform i { display:block;flex:1;max-width:4px;border-radius:6px;background:#a59270;opacity:.72; }
#page-discover .summoner-voice[aria-pressed="true"] .voice-note-waveform i { background:#d8c18f;opacity:1;animation:voiceBars .6s ease-in-out infinite alternate; }
#page-discover .summoner-voice[aria-pressed="true"] .voice-note-waveform i:nth-child(3n) {animation-delay:-.3s}
#page-discover .summoner-voice[aria-pressed="true"] .voice-note-waveform i:nth-child(2n) {animation-delay:-.15s}
#page-discover .summoner-voice .voice-note-duration { font-size:10px;white-space:nowrap;opacity:.8; }
@keyframes voiceBars {to {transform:scaleY(.5)}}
@media (max-width:600px) {
  #page-discover #discoverGrid {grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),276px));justify-content:center;}
  #page-discover #discoverGrid .summoner-card{max-width:276px;justify-self:center;}
}
@media (prefers-reduced-motion:reduce){#page-discover .summoner-voice .voice-note-waveform i{animation:none!important}}