/* Play2Gether V48 – Teamlisten-Hover auf allen sechs Community-Servern. */
/* Nur die normale Teamliste und die Teamprofile: keine Aenderung am Entwicklerverzeichnis. */
#originalMembers #memberRows > tr.member-row:has(.role.Community.Manager) {--rank:#ed4054;--rank-tint:#ed405418}
@media (hover:hover) and (pointer:fine) {
  #originalMembers #memberRows > tr.member-row {
    position:relative;
    z-index:0;
    transform-origin:center center;
    transform:translateZ(0) scale(1);
    transition:transform .32s cubic-bezier(.2,.8,.2,1),
      box-shadow .32s ease,filter .32s ease,background-color .32s ease;
  }
  #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible) {
    position:relative;
    z-index:3;
    transform:translate3d(0,-2px,0) scale(1.03);
    box-shadow:0 0 0 1px color-mix(in srgb,var(--rank,#7d9ab2) 80%,transparent),
      0 0 19px color-mix(in srgb,var(--rank,#7d9ab2) 51%,transparent),
      0 0 38px color-mix(in srgb,var(--rank,#7d9ab2) 23%,transparent);
    filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--rank,#7d9ab2) 22%,transparent));
  }
  #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible) > td {
    background-color:color-mix(in srgb,var(--rank,#7d9ab2) 9%,transparent);
    border-bottom-color:color-mix(in srgb,var(--rank,#7d9ab2) 44%,transparent);
  }
  #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible) > td:first-child {border-radius:8px 0 0 8px}
  #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible) > td:last-child {border-radius:0 8px 8px 0}
  #originalProfiles #profiles .profile-tile {
    transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,border-color .32s ease;
  }
  #originalProfiles #profiles .profile-tile:is(:hover,:focus-visible) {
    transform:translateY(-4px) scale(1.036);
    position:relative;
    z-index:2;
    border-color:var(--rank,#7d9ab2);
    box-shadow:0 13px 29px #0008,0 0 0 1px color-mix(in srgb,var(--rank,#7d9ab2) 68%,transparent),
      0 0 24px color-mix(in srgb,var(--rank,#7d9ab2) 53%,transparent),
      0 0 40px color-mix(in srgb,var(--rank,#7d9ab2) 22%,transparent);
  }
}
/* Mobil gibt es kein dauerhaftes Hover, Tastaturfokus bleibt klar sichtbar. */
#originalMembers #memberRows > tr.member-row:focus-visible,
#originalProfiles #profiles .profile-tile:focus-visible {outline:2px solid var(--rank,#7d9ab2);outline-offset:2px}

/* Animationen aus: kein Scale und keine kuenstliche Neon-Bewegung. */
body[data-p2g-motion="off"] #originalMembers #memberRows > tr.member-row,
body[data-p2g-motion="off"] #originalProfiles #profiles .profile-tile {transition:none!important}
body[data-p2g-motion="off"] #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible),
body[data-p2g-motion="off"] #originalProfiles #profiles .profile-tile:is(:hover,:focus-visible) {transform:none!important;filter:none!important}
/* Reduzierte Animationen: ruhiger Hover ohne Vergröesserung. */
body[data-p2g-motion="low"] #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible),
body[data-p2g-motion="low"] #originalProfiles #profiles .profile-tile:is(:hover,:focus-visible) {transform:none!important;filter:none!important}
@media (prefers-reduced-motion:reduce) {
  #originalMembers #memberRows > tr.member-row,
  #originalProfiles #profiles .profile-tile {transition:none!important}
  #originalMembers #memberRows > tr.member-row:is(:hover,:focus-visible),
  #originalProfiles #profiles .profile-tile:is(:hover,:focus-visible) {transform:none!important;filter:none!important}
}
