.plc-account-link{
  display:inline-grid;
  grid-template-columns:auto minmax(0, auto);
  align-items:center;
  gap:8px;
  min-height:40px;
  max-width:min(260px, 34vw);
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:white;
  text-decoration:none;
  background:rgba(255,255,255,.07);
  box-shadow:0 10px 28px rgba(0,0,0,.2);
  backdrop-filter:blur(14px);
  transition:
    border-color .2s ease,
    background .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

.plc-account-link:hover{
  border-color:rgba(99,227,255,.38);
  background:rgba(99,227,255,.12);
  box-shadow:0 12px 32px rgba(0,0,0,.26), 0 0 18px rgba(99,227,255,.12);
  transform:translateY(-1px);
}

.plc-account-label{
  color:rgba(255,255,255,.62);
  font-size:13px;
  line-height:1;
  white-space:nowrap;
}

.plc-account-name{
  min-width:0;
  color:#ffe07d;
  font-weight:700;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.plc-account-link.is-signed-out .plc-account-name{
  color:rgba(255,255,255,.78);
}

.plc-account-link--floating{
  position:fixed;
  top:18px;
  right:max(16px, calc((100vw - 1160px) / 2));
  z-index:30;
}

.pool-header .plc-account-link,
.site-header .plc-account-link,
.score-header .plc-account-link{
  flex:0 0 auto;
  margin-left:auto;
}

@media(max-width:960px){
  .pool-header .plc-account-link,
  .site-header .plc-account-link,
  .score-header .plc-account-link{
    align-self:flex-end;
  }
}

@media(max-width:640px){
  .plc-account-link{
    max-width:42vw;
    min-height:34px;
    padding:6px 9px;
    gap:6px;
  }

  .plc-account-label{
    display:none;
  }

  .plc-account-name{
    font-size:13px;
  }

  .plc-account-link--floating{
    top:12px;
    right:10px;
  }
}

@media(prefers-reduced-motion:reduce){
  .plc-account-link{
    transition:none;
  }
}