/* Account logos stay square and still. Only brightness changes on interaction. */
.channels-grid { display:flex; justify-content:center; align-items:flex-start; gap:26px; margin:28px auto 34px; max-width:780px; }
.channel-entry { width:220px; text-align:center; }
.channel-link .channel-icon, .channel-link .channel-icon:hover, .channel-link .channel-icon:active {
  width:88px; height:88px; object-fit:cover;
  transform:none; animation:none;
  transition:filter .15s linear;
  filter:brightness(1);
  border-color:#1238a7;
  box-shadow:0 0 18px rgba(0,92,255,.6);
}
.channel-link .channel-icon.extras, .channel-link .channel-icon.extras:hover { filter:brightness(.55); border-color:#202020; box-shadow:0 0 18px rgba(90,90,90,.35); }
.channel-link .channel-icon.legacy, .channel-link .channel-icon.legacy:hover { border-color:#1137a1; box-shadow:0 0 22px rgba(20,60,255,.65); }
.channel-link:hover .channel-icon, .channel-link:focus-visible .channel-icon { filter:brightness(1.2); }
.channel-link:hover .channel-icon.extras, .channel-link:focus-visible .channel-icon.extras { filter:brightness(.88); }
.channel-link .channel-icon.is-dimmed { filter:brightness(.25) !important; }
@media(max-width:720px) {
  .channels-grid { flex-direction:column; align-items:center; gap:22px; max-width:260px; }
  .channel-entry { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .channel-link .channel-icon { transition:none; } }