.cw-chat-dock{position:fixed;right:18px;bottom:18px;z-index:860;display:flex;gap:10px;align-items:center;flex-wrap:nowrap}.cw-chat-dock .cw-chat-launch,.cw-chat-dock .cw-support-launch{position:static!important;display:inline-flex!important;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 18px;min-height:46px;background:linear-gradient(135deg,#5868ff,#9b5cff);color:#fff;font-weight:950;box-shadow:0 14px 38px rgba(79,66,220,.42);cursor:pointer}.cw-chat-dock .cw-support-launch{background:linear-gradient(135deg,#7854ff,#c45cff)}
.cw-support-widget{position:fixed;right:24px;bottom:78px;width:352px;height:min(650px,calc(100vh - 108px));z-index:855;border:1px solid rgba(157,139,255,.32);border-radius:28px;background:linear-gradient(160deg,rgba(22,34,73,.98),rgba(10,16,36,.99));box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 34px rgba(116,85,255,.18);display:none;flex-direction:column;overflow:hidden;backdrop-filter:blur(18px)}body.cw-support-open .cw-support-widget{display:flex}.cw-support-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.cw-support-title{font-weight:1000;font-size:18px}.cw-support-sub{font-size:11px;color:#c7b5ff;font-weight:850}.cw-support-close{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:34px;height:34px;cursor:pointer}.cw-support-messages{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.cw-support-msg{display:flex}.cw-support-msg.is-user{justify-content:flex-end}.cw-support-msg.is-admin{justify-content:flex-start}.cw-support-bubble{max-width:86%;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);font-size:13px;line-height:1.42;overflow-wrap:anywhere}.is-user .cw-support-bubble{background:linear-gradient(135deg,rgba(88,104,255,.72),rgba(155,92,255,.72))}.cw-support-meta{font-size:10px;color:#bac6ec;margin-bottom:4px;font-weight:800}.cw-support-compose{padding:12px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto;gap:8px}.cw-support-input{resize:none;min-width:0;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.07);color:#fff;padding:11px 12px;outline:none;font:inherit}.cw-support-send{border:0;border-radius:14px;padding:0 15px;background:linear-gradient(135deg,#6a5cff,#b75cff);color:#fff;font-weight:950;cursor:pointer}.cw-support-note{grid-column:1/-1;color:#91a0ca;font-size:10px}
/* Public chat is also anchored above the buttons when opened. */
.cw-chat-widget{top:auto!important;bottom:78px!important;height:min(650px,calc(100vh - 108px))!important}.cw-chat-launch{display:inline-flex!important}body.cw-chat-open .cw-chat-widget{display:flex!important}body:not(.cw-chat-open) .cw-chat-widget{display:none!important}
html[data-theme="light"] .cw-support-widget{background:linear-gradient(160deg,rgba(255,255,255,.99),rgba(239,234,255,.99));color:#211944;border-color:rgba(117,87,232,.28)}html[data-theme="light"] .cw-support-bubble{background:rgba(103,76,198,.08);border-color:rgba(103,76,198,.14);color:#2d2451}html[data-theme="light"] .is-user .cw-support-bubble{background:linear-gradient(135deg,#7568ed,#a66de8);color:#fff}html[data-theme="light"] .cw-support-input{background:#fff;color:#211944;border-color:rgba(103,76,198,.2)}
@media(max-width:1180px){.cw-chat-dock{right:10px;bottom:10px;gap:7px}.cw-chat-dock .cw-chat-launch,.cw-chat-dock .cw-support-launch{padding:11px 13px;font-size:12px;min-height:42px}.cw-support-widget,.cw-chat-widget{right:10px!important;bottom:62px!important;width:min(382px,calc(100vw - 20px))!important;height:min(560px,calc(100vh - 82px))!important}.cw-theme-switcher{bottom:64px!important}}
@media(max-width:520px){.cw-chat-dock{left:8px;right:8px;justify-content:flex-end}.cw-chat-dock .cw-chat-launch,.cw-chat-dock .cw-support-launch{padding:10px 12px;font-size:11px}.cw-support-compose{grid-template-columns:1fr}.cw-support-send{min-height:42px}.cw-support-note{grid-column:1}}


/* V98 — финальное уменьшение переключателя темы на главной странице (подключается последним) */
@media(max-width:1180px){
  .cw-theme-switcher{left:50%!important;right:auto!important;top:auto!important;bottom:56px!important;width:auto!important;grid-template-columns:repeat(2,44px)!important;gap:4px!important;padding:4px!important;border-radius:14px!important;transform:translateX(-50%)!important}
  .cw-theme-switcher .cw-theme-button{width:44px!important;min-height:38px!important;padding:3px 2px!important;border-radius:10px!important;gap:1px!important}
  .cw-theme-switcher .cw-theme-button svg{width:13px!important;height:13px!important;stroke-width:3.8!important}
  .cw-theme-switcher .cw-theme-button span{font-size:5px!important;line-height:1!important;letter-spacing:0!important}
}
@media(max-width:560px){
  .cw-theme-switcher{bottom:54px!important;grid-template-columns:repeat(2,40px)!important;gap:3px!important;padding:3px!important;border-radius:12px!important}
  .cw-theme-switcher .cw-theme-button{width:40px!important;min-height:34px!important;border-radius:9px!important;padding:2px 1px!important}
  .cw-theme-switcher .cw-theme-button svg{width:11px!important;height:11px!important}
  .cw-theme-switcher .cw-theme-button span{font-size:4px!important}
}


/* V99 — мобильная адаптация блока контактов на главной */
@media(max-width:760px){
  .social-dock-shell{position:static!important;width:100%!important;margin-top:16px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
  .social-dock-shell .social-grid.social-dock{position:static!important;width:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding-right:0!important;overflow:visible!important}
  .social-dock-shell .social-dock-toggle{
    min-height:78px!important;
    grid-template-columns:48px minmax(0,1fr) auto!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:20px!important;
    align-items:center!important;
  }
  .social-dock-shell .social-dock-toggle-icon{width:48px!important;height:48px!important;font-size:22px!important}
  .social-dock-shell .social-grid.social-dock .soc{
    min-height:auto!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
    border-radius:20px!important;
    align-items:start!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{width:48px!important;height:48px!important;background-size:22px 22px!important}
  .social-dock-shell .social-grid.social-dock .soc-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
  .social-dock-shell .social-grid.social-dock .soc-type,
  .social-dock-shell .social-grid.social-dock .soc h3,
  .social-dock-shell .social-grid.social-dock .soc p,
  .social-dock-shell .social-grid.social-dock .soc-description{
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:break-word!important;
  }
  .social-dock-shell .social-grid.social-dock .soc h3{font-size:15px!important;line-height:1.1!important;margin-top:4px!important}
  .social-dock-shell .social-grid.social-dock .soc p{font-size:12px!important;line-height:1.25!important;margin-top:2px!important}
  .social-dock-shell .social-grid.social-dock .soc-description{font-size:11px!important;line-height:1.3!important;margin-top:4px!important}
  .social-dock-shell .social-grid.social-dock .soc-side{
    grid-column:1 / -1!important;
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    text-align:left!important;
    margin-top:2px!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-meta{font-size:12px!important;line-height:1.1!important}
  .social-dock-shell .social-grid.social-dock .soc-open{padding:8px 12px!important;font-size:10px!important}
}
@media(max-width:420px){
  .social-dock-shell .social-grid.social-dock .soc,
  .social-dock-shell .social-dock-toggle{padding:10px!important}
  .social-dock-shell .social-grid.social-dock .soc h3{font-size:14px!important}
  .social-dock-shell .social-grid.social-dock .soc p{font-size:11px!important}
}


/* V100 — финальная мобильная компоновка контактов и аккаунта на главной */
@media(max-width:760px){
  /* Скрытие гостевого блока после входа — ID-правило перебивало .hidden */
  #accountLoggedOut.hidden,
  #accountLoggedIn.hidden{display:none!important}

  /* Аккаунт: аватар в правом верхнем углу, данные слева */
  #accountLoggedIn.account-right{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 72px!important;
    gap:8px 12px!important;
    align-items:start!important;
    padding-top:0!important;
  }
  #accountLoggedIn #btnHistory{grid-column:1!important;grid-row:1!important;width:100%!important}
  #accountLoggedIn .acc-admin-panel-btn{grid-column:1!important;grid-row:2!important;width:100%!important}
  #accountLoggedIn .acc-avatar{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    justify-self:end!important;
    align-self:start!important;
    width:64px!important;
    height:64px!important;
    margin:0!important;
  }
  #accountLoggedIn .acc-admin{grid-column:1 / -1!important;grid-row:3!important}
  #accountLoggedIn .acc-vip{grid-column:1 / -1!important;grid-row:4!important}
  #accountLoggedIn .acc-name{grid-column:1 / -1!important;grid-row:5!important}
  #accountLoggedIn .acc-balance{grid-column:1 / -1!important;grid-row:6!important}
  #accountLoggedIn #btnOpenTopup{grid-column:1!important;grid-row:7!important;width:100%!important}
  #accountLoggedIn #btnLogout{grid-column:2!important;grid-row:7!important;width:100%!important}

  /* Контакты: одна аккуратная карточка = иконка + текст + действие */
  .social-dock-shell .social-grid.social-dock{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .social-dock-shell .social-grid.social-dock li{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .social-dock-shell .social-grid.social-dock .soc{
    width:100%!important;
    min-width:0!important;
    min-height:98px!important;
    display:grid!important;
    grid-template-columns:52px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{
    grid-column:1!important;
    grid-row:1 / span 3!important;
    width:52px!important;
    height:52px!important;
    align-self:center!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-copy{
    grid-column:2!important;
    grid-row:1 / span 3!important;
    display:grid!important;
    gap:3px!important;
    min-width:0!important;
    align-self:center!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-type{
    width:max-content!important;
    max-width:100%!important;
    padding:4px 8px!important;
    font-size:9px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .social-dock-shell .social-grid.social-dock .soc h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }
  .social-dock-shell .social-grid.social-dock .soc p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    color:#9fb0d6!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-description{display:none!important}
  .social-dock-shell .social-grid.social-dock .soc-side{
    grid-column:3!important;
    grid-row:1 / span 3!important;
    width:auto!important;
    min-width:68px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:7px!important;
    margin:0!important;
    text-align:right!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-meta{font-size:11px!important}
  .social-dock-shell .social-grid.social-dock .soc-open{
    padding:7px 10px!important;
    font-size:9px!important;
  }
}
@media(max-width:430px){
  #accountLoggedIn.account-right{grid-template-columns:minmax(0,1fr) 64px!important}
  #accountLoggedIn .acc-avatar{width:58px!important;height:58px!important}
  #accountLoggedIn #btnLogout{grid-column:1 / -1!important;grid-row:8!important}
  #accountLoggedIn #btnOpenTopup{grid-column:1 / -1!important;grid-row:7!important}
  .social-dock-shell .social-grid.social-dock .soc{
    grid-template-columns:46px minmax(0,1fr) auto!important;
    column-gap:10px!important;
    padding:11px 12px!important;
    min-height:92px!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{width:46px!important;height:46px!important}
  .social-dock-shell .social-grid.social-dock .soc-side{min-width:62px!important}
  .social-dock-shell .social-grid.social-dock .soc h3{font-size:14px!important}
  .social-dock-shell .social-grid.social-dock .soc p{font-size:10px!important}
}


/* V101 — ещё более компактная мобильная плита аккаунта + аккуратные контакты */
@media(max-width:760px){
  #accountLoggedOut.hidden,
  #accountLoggedIn.hidden{display:none!important}

  .account-bar{
    padding:14px 14px 12px!important;
    border-radius:24px!important;
    gap:10px!important;
  }
  .account-left{
    margin-bottom:4px!important;
  }

  /* Авторизованный блок: 2 элемента в ряд + аватар справа сверху */
  #accountLoggedIn.account-right{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 68px!important;
    grid-template-rows:auto auto auto auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    position:relative!important;
    padding-top:0!important;
  }
  #accountLoggedIn #btnHistory{grid-column:1!important;grid-row:1!important;width:100%!important;min-height:44px!important}
  #accountLoggedIn .acc-admin-panel-btn{grid-column:2!important;grid-row:1!important;width:100%!important;min-height:44px!important}
  #accountLoggedIn .acc-avatar{
    grid-column:3!important;
    grid-row:1 / span 3!important;
    justify-self:end!important;
    align-self:start!important;
    width:58px!important;
    height:58px!important;
    margin:0!important;
  }
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
    margin:0!important;
    min-width:0!important;
    font-size:12px!important;
  }
  #accountLoggedIn .acc-admin{grid-column:1!important;grid-row:2!important}
  #accountLoggedIn .acc-vip{grid-column:2!important;grid-row:2!important}
  #accountLoggedIn .acc-name{grid-column:1!important;grid-row:3!important;font-size:13px!important;font-weight:1000!important}
  #accountLoggedIn .acc-balance{grid-column:2!important;grid-row:3!important;font-size:13px!important}
  #accountLoggedIn #btnOpenTopup{grid-column:1!important;grid-row:4!important;width:100%!important;min-height:46px!important}
  #accountLoggedIn #btnLogout{grid-column:2!important;grid-row:4!important;width:100%!important;min-height:46px!important}

  /* Гостевой блок компактнее */
  #accountLoggedOut.account-right{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px 10px!important;
  }
  #accountLoggedOut .acc-profile-btn{width:100%!important;min-height:44px!important}
  #accountLoggedOut #btnLogin{grid-column:1 / -1!important}
  #accountLoggedOut #btnHistory{grid-column:1!important}
  #accountLoggedOut .acc-admin-panel-btn{grid-column:2!important}

  /* Контакты: одна строка с ясной структурой, без налезаний */
  .social-dock-shell{margin-top:14px!important}
  .social-dock-shell .social-grid.social-dock{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .social-dock-shell .social-grid.social-dock li{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .social-dock-shell .social-grid.social-dock .soc{
    width:100%!important;
    min-width:0!important;
    min-height:84px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:3px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:46px!important;
    height:46px!important;
    align-self:center!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-copy{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    gap:4px!important;
    align-content:center!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-type,
  .social-dock-shell .social-grid.social-dock .soc-description{display:none!important}
  .social-dock-shell .social-grid.social-dock .soc h3{
    margin:0!important;
    font-size:14px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    word-break:normal!important;
  }
  .social-dock-shell .social-grid.social-dock .soc p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.2!important;
    color:#aebde3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-side{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    width:auto!important;
    min-width:62px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:6px!important;
    text-align:right!important;
    margin:0!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-meta{font-size:11px!important;line-height:1!important}
  .social-dock-shell .social-grid.social-dock .soc-open{padding:7px 10px!important;font-size:9px!important}
}
@media(max-width:430px){
  #accountLoggedIn.account-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px!important;gap:7px 8px!important}
  #accountLoggedIn .acc-avatar{width:52px!important;height:52px!important}
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{font-size:11px!important}
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{font-size:12px!important}
  .social-dock-shell .social-grid.social-dock .soc{
    grid-template-columns:42px minmax(0,1fr) auto!important;
    padding:11px 12px!important;
    min-height:80px!important;
    column-gap:10px!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{width:42px!important;height:42px!important;background-size:20px 20px!important}
  .social-dock-shell .social-grid.social-dock .soc h3{font-size:13px!important}
  .social-dock-shell .social-grid.social-dock .soc p{font-size:10px!important}
  .social-dock-shell .social-grid.social-dock .soc-side{min-width:56px!important}
  .social-dock-shell .social-grid.social-dock .soc-open{padding:6px 9px!important;font-size:8px!important}
}


/* V102 — мобильная сетка аккаунта по 2 элемента + аккуратные контакты */
@media(max-width:760px){
  /* hidden должен выигрывать у любых display:grid */
  #accountLoggedOut.account-right.hidden,
  #accountLoggedIn.account-right.hidden{display:none!important}

  .account-bar{
    padding:14px 14px 12px!important;
    border-radius:24px!important;
    gap:10px!important;
  }
  .account-left{margin-bottom:4px!important}

  /* Гость: одна длинная кнопка ВОЙТИ */
  #accountLoggedOut.account-right{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    align-items:start!important;
  }
  #accountLoggedOut #btnSteamLogin,
  #accountLoggedOut .acc-login-btn{
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Авторизованный блок */
  #accountLoggedIn.account-right{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) 60px!important;
    grid-template-rows:auto auto auto auto auto!important;
    gap:8px 10px!important;
    align-items:center!important;
    position:relative!important;
    padding-top:0!important;
  }
  /* 1 ряд: длинная кнопка Выйти */
  #accountLoggedIn #btnLogout{
    grid-column:1 / -1!important;
    grid-row:1!important;
    width:100%!important;
    min-height:48px!important;
    order:0!important;
  }
  /* 2 ряд: история + админка */
  #accountLoggedIn #btnHistory{grid-column:1!important;grid-row:2!important;width:100%!important;min-height:44px!important}
  #accountLoggedIn .acc-admin-panel-btn{grid-column:2 / span 2!important;grid-row:2!important;width:100%!important;min-height:44px!important}
  /* 3 ряд: админ + vip */
  #accountLoggedIn .acc-admin{grid-column:1!important;grid-row:3!important}
  #accountLoggedIn .acc-vip{grid-column:2 / span 2!important;grid-row:3!important}
  /* 4 ряд: ник + баланс текст */
  #accountLoggedIn .acc-name{grid-column:1!important;grid-row:4!important}
  #accountLoggedIn .acc-balance{grid-column:2 / span 2!important;grid-row:4!important}
  /* 5 ряд: баланс-кнопка + аватар */
  #accountLoggedIn #btnOpenTopup{
    grid-column:1 / span 2!important;
    grid-row:5!important;
    width:100%!important;
    min-height:46px!important;
  }
  #accountLoggedIn .acc-avatar{
    grid-column:3!important;
    grid-row:5!important;
    justify-self:end!important;
    align-self:center!important;
    width:56px!important;
    height:56px!important;
    margin:0!important;
  }
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
    margin:0!important;
    min-width:0!important;
    font-size:12px!important;
    text-align:left!important;
  }
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{font-size:13px!important;font-weight:1000!important}

  /* Контакты: только название + ссылка + кнопка */
  .social-dock-shell .social-grid.social-dock{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .social-dock-shell .social-grid.social-dock li{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .social-dock-shell .social-grid.social-dock .soc{
    width:100%!important;
    min-width:0!important;
    min-height:82px!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:4px!important;
    align-items:center!important;
    padding:12px 14px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-icon{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:44px!important;
    height:44px!important;
    align-self:center!important;
    background-size:20px 20px!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-copy{
    grid-column:2!important;
    grid-row:1 / span 2!important;
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-type,
  .social-dock-shell .social-grid.social-dock .soc-description,
  .social-dock-shell .social-grid.social-dock .soc-meta{display:none!important}
  .social-dock-shell .social-grid.social-dock .soc h3{
    margin:0!important;
    font-size:15px!important;
    line-height:1.1!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .social-dock-shell .social-grid.social-dock .soc p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.2!important;
    color:#aebde3!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-side{
    grid-column:3!important;
    grid-row:1 / span 2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:72px!important;
    margin:0!important;
  }
  .social-dock-shell .social-grid.social-dock .soc-open{
    padding:8px 12px!important;
    font-size:10px!important;
    line-height:1!important;
  }
}
@media(max-width:430px){
  #accountLoggedIn.account-right{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 54px!important;gap:7px 8px!important}
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{font-size:11px!important}
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{font-size:12px!important}
  #accountLoggedIn .acc-avatar{width:50px!important;height:50px!important}
  .social-dock-shell .social-grid.social-dock .soc{grid-template-columns:40px minmax(0,1fr) auto!important;padding:11px 12px!important;column-gap:10px!important}
  .social-dock-shell .social-grid.social-dock .soc-icon{width:40px!important;height:40px!important;background-size:18px 18px!important}
  .social-dock-shell .social-grid.social-dock .soc h3{font-size:14px!important}
  .social-dock-shell .social-grid.social-dock .soc p{font-size:10px!important}
  .social-dock-shell .social-grid.social-dock .soc-side{min-width:66px!important}
  .social-dock-shell .social-grid.social-dock .soc-open{padding:7px 10px!important;font-size:9px!important}
}


/* V117 — мобильная сетка 2×N для аккаунта и выбора страниц */
@media(max-width:760px){
  /* Гость: Войти + Баланс, две равные кнопки */
  #accountLoggedOut.account-right{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
  }
  #accountLoggedOut #btnSteamLogin,
  #accountLoggedOut #btnGuestBalance{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:10px 12px!important;
    text-align:center!important;
  }

  /* Авторизован: Выйти + Баланс, затем История + Админка */
  #accountLoggedIn.account-right{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap:10px!important;
    width:100%!important;
    align-items:center!important;
  }
  #accountLoggedIn #btnLogout{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-height:48px!important;
  }
  #accountLoggedIn #btnOpenTopup{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-height:48px!important;
  }
  #accountLoggedIn #btnHistory{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-height:46px!important;
  }
  #accountLoggedIn .acc-admin-panel-btn{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-height:46px!important;
  }

  /* Информация ниже кнопок */
  #accountLoggedIn .acc-admin{grid-column:1!important;grid-row:3!important}
  #accountLoggedIn .acc-vip{grid-column:2!important;grid-row:3!important}
  #accountLoggedIn .acc-name{grid-column:1!important;grid-row:4!important}
  #accountLoggedIn .acc-balance{grid-column:2!important;grid-row:4!important}
  #accountLoggedIn .acc-avatar{
    grid-column:1 / -1!important;
    grid-row:5!important;
    justify-self:start!important;
    width:58px!important;
    height:58px!important;
    margin-top:2px!important;
  }
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:left!important;
  }

  /* Выбор страниц: две равные плитки в каждой строке */
  .cats-bar{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    overflow:visible!important;
  }
  .cats-bar > .cat-link{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    align-items:stretch!important;
  }
  .cats-bar > .cat-link.info-link{
    grid-column:auto!important;
    width:100%!important;
    margin:0!important;
  }
  .cat-pill{
    min-width:0!important;
    min-height:54px!important;
    height:100%!important;
    padding:10px 8px!important;
    font-size:12px!important;
    line-height:1.15!important;
  }
  .cat-count{
    min-width:42px!important;
    min-height:54px!important;
    height:100%!important;
    padding:6px 8px!important;
    font-size:12px!important;
  }

  /* Переключатель вида товаров также остаётся 2 равные кнопки */
  .store-view-switch{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .store-view-btn{width:100%!important;min-width:0!important}
}

@media(max-width:430px){
  /* Не сворачивать обратно в одну колонку */
  #accountLoggedOut.account-right,
  #accountLoggedIn.account-right,
  .cats-bar{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #accountLoggedIn #btnLogout{grid-column:1!important;grid-row:1!important}
  #accountLoggedIn #btnOpenTopup{grid-column:2!important;grid-row:1!important}
  #accountLoggedIn #btnHistory{grid-column:1!important;grid-row:2!important}
  #accountLoggedIn .acc-admin-panel-btn{grid-column:2!important;grid-row:2!important}
  #accountLoggedIn .acc-admin{grid-column:1!important;grid-row:3!important}
  #accountLoggedIn .acc-vip{grid-column:2!important;grid-row:3!important}
  #accountLoggedIn .acc-name{grid-column:1!important;grid-row:4!important}
  #accountLoggedIn .acc-balance{grid-column:2!important;grid-row:4!important}
  #accountLoggedIn .acc-avatar{grid-column:1 / -1!important;grid-row:5!important}
  .cat-pill{font-size:11px!important;padding:9px 6px!important}
  .cat-count{min-width:38px!important;padding:5px 6px!important}
}


/* V121 — финальное центрирование мобильной главной */
@media(max-width:760px){
  #accountLoggedIn #btnHistory,
  #accountLoggedIn .acc-admin-panel-btn,
  #accountLoggedIn #btnOpenTopup,
  #accountLoggedIn #btnLogout,
  #accountLoggedOut #btnSteamLogin,
  #accountLoggedOut #btnGuestBalance{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  #accountLoggedIn .acc-admin,
  #accountLoggedIn .acc-vip,
  #accountLoggedIn .acc-name,
  #accountLoggedIn .acc-balance{
    text-align:center!important;
    justify-self:center!important;
    align-self:center!important;
    width:100%!important;
  }
  #accountLoggedIn .acc-avatar{
    justify-self:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .server{
    text-align:center!important;
    justify-items:center!important;
  }
  .server .left,
  .server .right{
    width:100%!important;
    text-align:center!important;
  }
  .server .title-row,
  .server .meta,
  .server .right{
    justify-content:center!important;
    align-items:center!important;
  }
  .server .title,
  .server small{
    width:100%!important;
    text-align:center!important;
  }
  .server .online,
  .server .btn,
  .server .copy-btn{
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}