/* Icon-only Friends of Throne Watch links positioned beside the footer signature artwork. */
.friends-strip{
  margin:0;
  padding:0;
  border:0;
}
.friends-strip--footer{
  position:absolute !important;
  right:178px;
  top:50%;
  z-index:3 !important;
  width:118px;
  height:58px;
  display:grid;
  grid-template-rows:16px 38px;
  justify-items:center;
  align-items:center;
  gap:2px;
  transform:translateY(-50%);
  pointer-events:none;
}
.friends-label{
  color:#d8c9ea;
  font-size:7.4px;
  font-weight:850;
  line-height:1;
  letter-spacing:.115em;
  text-align:center;
  text-transform:uppercase;
  white-space:nowrap;
}
.friends-icons{
  height:38px;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  pointer-events:auto;
}
.friend-link{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid transparent;
  border-radius:50%;
  background:rgba(11,8,17,.2);
  text-decoration:none;
  isolation:isolate;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.friend-link::before,.friend-link::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
}
.friend-icon{
  width:24px;
  height:24px;
  display:block;
  opacity:.72;
  transition:transform .22s ease,filter .22s ease,opacity .22s ease;
}
.friend-link:hover,.friend-link:focus-visible{
  transform:translateY(-2px);
  outline:none;
}
.friend-link--chess:hover,.friend-link--chess:focus-visible{
  border-color:rgba(242,220,166,.72);
  background:rgba(41,29,55,.44);
  box-shadow:0 0 0 1px rgba(168,113,255,.26),0 0 16px rgba(242,220,166,.32),0 0 28px rgba(168,113,255,.18);
}
.friend-link--chess:hover .friend-icon,.friend-link--chess:focus-visible .friend-icon{
  opacity:1;
  transform:translateY(-2px) rotate(-4deg) scale(1.08);
  filter:drop-shadow(0 0 5px rgba(255,240,190,.8)) drop-shadow(0 0 11px rgba(168,113,255,.5));
}
.friend-link--antitribu:hover,.friend-link--antitribu:focus-visible{
  border-color:rgba(255,74,96,.68);
  background:rgba(70,7,24,.34);
  box-shadow:0 0 14px rgba(239,32,64,.42),0 0 28px rgba(188,7,42,.22);
}
.friend-link--antitribu:hover::before,.friend-link--antitribu:focus-visible::before{
  border:1px solid rgba(255,69,94,.66);
  animation:friend-red-pulse 1.15s ease-out infinite;
}
.friend-link--antitribu:hover::after,.friend-link--antitribu:focus-visible::after{
  inset:10px 18px;
  border-radius:999px;
  background:linear-gradient(180deg,transparent,rgba(255,213,218,.8),transparent);
  animation:friend-heal-shimmer 1.1s ease-in-out infinite;
}
.friend-link--antitribu:hover .friend-icon,.friend-link--antitribu:focus-visible .friend-icon{
  opacity:1;
  animation:friend-plus-heartbeat .82s ease-in-out infinite;
  filter:drop-shadow(0 0 6px rgba(255,78,99,.9)) drop-shadow(0 0 13px rgba(190,8,42,.7));
}
@keyframes friend-red-pulse{
  0%{opacity:.72;transform:scale(.72)}
  100%{opacity:0;transform:scale(1.48)}
}
@keyframes friend-heal-shimmer{
  0%,100%{opacity:0;transform:translateY(8px)}
  50%{opacity:.9;transform:translateY(-8px)}
}
@keyframes friend-plus-heartbeat{
  0%,100%{transform:scale(1)}
  42%{transform:scale(1.12)}
  62%{transform:scale(1.04)}
}
@media(prefers-reduced-motion:reduce){
  .friend-link,.friend-icon{transition:none!important}
  .friend-link--antitribu:hover::before,.friend-link--antitribu:focus-visible::before,
  .friend-link--antitribu:hover::after,.friend-link--antitribu:focus-visible::after,
  .friend-link--antitribu:hover .friend-icon,.friend-link--antitribu:focus-visible .friend-icon{animation:none!important}
}

@media(max-width:760px){
  .friends-strip--footer{
    right:88px;
    width:78px;
    height:46px;
    grid-template-rows:12px 32px;
    gap:2px;
  }
  .friends-label{font-size:5px;letter-spacing:.055em}
  .friends-icons{height:32px;min-height:32px;gap:3px}
  .friend-link{width:28px;height:28px}
  .friend-icon{width:20px;height:20px}
}