/* Кнопка «Войти через Steam» в палитре сайта + видимость для гостей/вошедших */

.steamBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 16px;
  border-radius:14px;
  border:1px solid rgba(229,160,45,.55);
  background:linear-gradient(180deg, rgba(18,34,28,.95), rgba(4,10,9,.95));
  color:#F4EDDD;
  font:inherit;
  font-weight:800;
  font-size:14px;
  letter-spacing:.01em;
  line-height:1.15;
  cursor:pointer;
  position:relative;
  overflow:hidden;
  text-align:left;
  white-space:nowrap;
  box-shadow:0 6px 18px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .15s ease, box-shadow .2s ease, border-color .2s ease, filter .2s ease;
}
.steamBtn::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.16) 50%, transparent 70%);
  transform:translateX(-120%);
  transition:transform .6s ease;
  pointer-events:none;
}
.steamBtn:hover{
  transform:translateY(-1px);
  border-color:#E5A02D;
  box-shadow:0 10px 26px rgba(229,160,45,.28), inset 0 1px 0 rgba(255,255,255,.08);
}
.steamBtn:hover::after{ transform:translateX(120%); }
.steamBtn:active{ transform:translateY(0) scale(.98); }
.steamBtn:focus-visible{ outline:2px solid #C9D43A; outline-offset:2px; }

.steamBtn svg{
  width:20px;
  height:20px;
  flex:none;
  color:#E5A02D;
  transition:transform .35s ease;
}
.steamBtn:hover svg{ transform:rotate(-14deg) scale(1.06); }

.steamBtn .steamBtnText{ display:grid; gap:2px; }
.steamBtn .steamBtnText small{
  font-size:11.5px;
  font-weight:600;
  opacity:.78;
  letter-spacing:0;
}

/* заливка янтарём — главный вариант */
.steamBtn.primary{
  background:linear-gradient(135deg, #F0B94A 0%, #E5A02D 55%, #C6841A 100%);
  border-color:#F0B94A;
  color:#07100E;
  box-shadow:0 8px 22px rgba(229,160,45,.32), inset 0 1px 0 rgba(255,255,255,.35);
}
.steamBtn.primary svg{ color:#07100E; }
.steamBtn.primary:hover{ filter:brightness(1.06); box-shadow:0 12px 30px rgba(229,160,45,.42), inset 0 1px 0 rgba(255,255,255,.4); }

.steamBtn.sm{ padding:8px 14px; font-size:13px; border-radius:12px; gap:8px; }
.steamBtn.sm svg{ width:18px; height:18px; }
.steamBtn.lg{ padding:14px 20px; font-size:15px; width:100%; }

.steamBtn.is-loading{ pointer-events:none; opacity:.85; }
.steamBtn.is-loading svg{ animation:steamSpin 1s linear infinite; }
@keyframes steamSpin{ to{ transform:rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
  .steamBtn, .steamBtn svg, .steamBtn::after{ transition:none; }
  .steamBtn.is-loading svg{ animation:none; }
}

/* светлая тема */
[data-theme="light"] .steamBtn:not(.primary){
  background:linear-gradient(180deg, #fbf6ea, #eadfc6);
  color:#231A07;
  border-color:rgba(168,106,14,.65);
  box-shadow:0 6px 16px rgba(80,60,20,.16), inset 0 1px 0 rgba(255,255,255,.7);
}
[data-theme="light"] .steamBtn:not(.primary) svg{ color:#A86A0E; }

/* блок входа в профиле */
.authSteamRow{ display:grid; gap:10px; }

/* показ только гостям / только вошедшим */
html[data-authed="true"] [data-guest-only]{ display:none !important; }
html:not([data-authed="true"]) [data-auth-only]{ display:none !important; }

/* короткая подпись в шапке, полная — на широких экранах */
.steamBtn .sbLong{ display:none; }
@media (min-width:1500px){
  .steamBtn .sbShort{ display:none; }
  .steamBtn .sbLong{ display:inline; }
}