/* Compatibility layer for migrated GameCMS/restandart */
.kaeff-glow-name{font-weight:700;text-shadow:0 0 4px currentColor,0 0 10px currentColor;filter:brightness(1.15)}
.dialogs .dialog{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:10px 12px}
.dialogs .dialog>div:first-child{display:flex;align-items:center;gap:14px;flex:1;min-width:0}
.dialogs .dialog img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:0 0 52px}
.dialogs .dialog .info,.dialogs .dialog>div:first-child>div{min-width:0}
.dialogs .dialog p{margin:2px 0;white-space:normal}
.im_message{display:flex;gap:12px;padding:10px 0}
.im_message>img{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px}
.pm-dialog-header img{object-fit:cover}
#messages.pm-messages,.pm-messages{min-height:120px}
.forum-topics .Item .Title,.forum-topics .Item .Name,.forum-topics a.kaeff-glow-name{overflow-wrap:anywhere}
.mce-tinymce,.tox-tinymce{width:100%!important;max-width:100%!important}
.pay_area img{max-width:100%;height:auto;object-fit:contain}
#site_stats{margin-top:14px}

/* V10: forum layout restored to the old site arrangement. */
@media (min-width: 992px){
  #MainContentSite > .row > .forum-sidebar{float:left;}
  #MainContentSite > .row > .forum-topics{float:left;}
}
@media (max-width: 991.98px){
  #MainContentSite > .row > .forum-sidebar,
  #MainContentSite > .row > .forum-topics{width:100%;}
}

/* V11: chat -> TOP-3 public -> TOP-3 mix -> donation -> forum */
.kaeff-home-topstats{display:block;width:100%;margin:14px 0 16px}
.kaeff-home-topstats .card_top{width:100%;margin:0 0 16px}
.kaeff-home-topstats .card_top:last-child{margin-bottom:0}
.kaeff-home-topstats .card_top .title{display:flex;align-items:center;justify-content:center;min-height:40px;margin:0 0 14px;padding:7px 14px;border:1px dashed rgba(222,170,31,.38);border-radius:12px;color:#dcae2d;background:#0d0e0f;font-size:17px;font-weight:700}
.kaeff-home-topstats .card_top .items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.kaeff-home-topstats .card_top .item{position:relative;display:flex;align-items:center;min-width:0;min-height:94px;padding:14px 42px 14px 12px;border-radius:14px;background:#0b0c0d;border-bottom:3px solid #c89a1d;box-shadow:0 0 0 1px rgba(255,255,255,.015) inset;overflow:hidden}
.kaeff-home-topstats .card_top .image{position:relative;flex:0 0 58px;width:58px;height:58px;margin-right:14px}
.kaeff-home-topstats .card_top .image img{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#202226}
.kaeff-home-topstats .card_top .image>span{position:absolute;left:-4px;top:-5px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#c99c2c;color:#fff;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.kaeff-home-topstats .card_top .data{min-width:0;flex:1}
.kaeff-home-topstats .card_top .name{margin-bottom:6px;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kaeff-home-topstats .card_top .name a{text-decoration:none!important}
.kaeff-home-topstats .card_top .info{display:flex;align-items:flex-end;gap:14px;min-width:0}
.kaeff-home-topstats .card_top .info>div{min-width:0}
.kaeff-home-topstats .card_top .placeholder{margin-bottom:2px;color:#70747d;font-size:10px;line-height:1}
.kaeff-home-topstats .card_top .value{color:#f1f2f4;font-size:14px;font-weight:800;white-space:nowrap}
.kaeff-home-topstats .card_top .kills .value{color:#5ae37d}
.kaeff-home-topstats .card_top .deaths .value{color:#ff5656}
.kaeff-home-topstats .card_top .skills .value{padding:4px 7px;border-radius:5px;background:#3cbf77;color:#fff;font-size:10px}
.kaeff-home-topstats .card_top .kd .value{color:#e8b83a}
.kaeff-home-topstats .kaeff-top-stars{position:absolute;right:14px;top:26px;color:#f4b82e;font-size:24px;line-height:.75;text-shadow:0 0 12px rgba(244,184,46,.18)}
.kaeff-home-topstats .kaeff-top-stars span{display:block;margin-left:8px;font-size:13px}
.kaeff-home-topstats .kaeff-top-empty{grid-column:1/-1;padding:26px;border-radius:14px;background:#0b0c0d;border-bottom:3px solid #6f5821;color:#777b84;text-align:center}
.kaeff-widget-loader{display:flex;align-items:center;justify-content:center;min-height:90px}
.kaeff-home-donation{display:block;width:100%;clear:both;margin:16px 0}
.kaeff-home-donation>#dw_donations{display:block;width:100%}
.kaeff-home-donation>#dw_donations>.block{width:100%;margin-left:0;margin-right:0}
@media (max-width:1100px){.kaeff-home-topstats .card_top .items{grid-template-columns:1fr}.kaeff-home-topstats .card_top .item{min-height:86px}}
@media (max-width:575.98px){.kaeff-home-topstats .card_top .info{gap:8px;flex-wrap:wrap}.kaeff-home-topstats .card_top .item{padding-right:12px}.kaeff-home-topstats .kaeff-top-stars{display:none}}


/* V11.8: public header/auth/sidebar/footer fixes. */
#authorization .bx,
#registration .bx,
.block .btn .bx{font-size:21px;line-height:1;vertical-align:-3px}
#authorization .modal-body .btn-outline-primary,
#registration .modal-body .btn-outline-primary{margin-top:10px;min-width:42px}

/* V11.9: keep the profile outline attached to the avatar only in "Сейчас онлайн". */
.kaeff-online-users .profile{position:relative!important;overflow:visible!important}
.kaeff-online-users .profile>.outline{position:absolute!important;left:-5px!important;top:-5px!important;transform:none!important;width:58px!important;height:58px!important;margin:0!important;z-index:6!important;pointer-events:none!important}
.kaeff-online-users .profile>.outline img{display:block!important;width:58px!important;height:58px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;margin:0!important}
.kaeff-online-users .profile>a:first-of-type{position:relative!important;z-index:4!important;display:inline-block!important}
.kaeff-online-users .profile>a:first-of-type>img{position:relative!important;z-index:4!important;display:block!important;object-fit:cover!important}

.kaeff-copyright{text-align:center!important;width:100%}
.globalFooter .kaeff-copyright{display:block!important;margin-left:auto!important;margin-right:auto!important}

/* V11.10: deterministic one-click auth trigger and stable button state. */
.kaeff-auth-trigger{position:relative;z-index:2;cursor:pointer!important;pointer-events:auto!important}
.auth-in.btn-outline-primary:focus,
.auth-in.btn-outline-primary:active,
.auth-in.btn-outline-primary.active,
.auth-in.btn-outline-primary:not(:disabled):not(.disabled):active{background:transparent!important;box-shadow:none!important;outline:0!important;filter:none!important}

/* V11.10: Steam auth is rendered without icon-font dependencies. */
.kaeff-steam-oauth{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:76px!important}
.kaeff-steam-oauth-wide{width:100%!important}
.kaeff-steam-icon{display:block;width:21px;height:21px;overflow:visible}
.kaeff-steam-icon circle{fill:none;stroke:currentColor;stroke-width:1.9}
.kaeff-steam-icon path{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#authorization .kaeff-steam-oauth,#registration .kaeff-steam-oauth{margin-top:10px!important}

/* V11.11: keep Steam OAuth outline stable and centered in auth/registration modals. */
#authorization .kaeff-steam-oauth,
#registration .kaeff-steam-oauth{
  display:flex!important;
  width:max-content!important;
  min-width:104px!important;
  max-width:100%!important;
  margin:12px auto 0!important;
  padding-left:14px!important;
  padding-right:14px!important;
  background:transparent!important;
  color:#7567ff!important;
  border-color:#7567ff!important;
  box-shadow:none!important;
  filter:none!important;
  text-decoration:none!important;
}
#authorization .kaeff-steam-oauth:hover,
#authorization .kaeff-steam-oauth:focus,
#authorization .kaeff-steam-oauth:active,
#authorization .kaeff-steam-oauth.active,
#authorization .kaeff-steam-oauth:visited,
#authorization .kaeff-steam-oauth:not(:disabled):not(.disabled):active,
#registration .kaeff-steam-oauth:hover,
#registration .kaeff-steam-oauth:focus,
#registration .kaeff-steam-oauth:active,
#registration .kaeff-steam-oauth.active,
#registration .kaeff-steam-oauth:visited,
#registration .kaeff-steam-oauth:not(:disabled):not(.disabled):active{
  background:rgba(117,103,255,.08)!important;
  color:#8175ff!important;
  border-color:#8175ff!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}

/* V11.11: deterministic service grid menu; one click and always above page blocks. */
.header,
.header>.container,
.header .container.d-flex{
  overflow:visible!important;
}
.header{position:relative!important;z-index:2000000!important;}
.Services.kaeff-services{position:relative!important;z-index:2000100!important;overflow:visible!important;}
.Services.kaeff-services>.dropdown{position:relative!important;overflow:visible!important;}
.kaeff-services-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:48px!important;
  height:48px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:inherit!important;
  cursor:pointer!important;
  box-shadow:none!important;
  outline:0!important;
  position:relative!important;
  z-index:2000200!important;
}
.kaeff-services-trigger:hover,
.kaeff-services-trigger:focus,
.kaeff-services-trigger:active,
.kaeff-services-trigger[aria-expanded="true"]{
  background:rgba(255,255,255,.035)!important;
  color:inherit!important;
  box-shadow:none!important;
  outline:0!important;
}
.kaeff-services-trigger .bi{pointer-events:none!important;font-size:25px!important;line-height:1!important;}
.kaeff-services-menu{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 8px)!important;
  right:0!important;
  left:auto!important;
  transform:none!important;
  z-index:2000300!important;
}
.kaeff-services-menu.show{display:block!important;}
.HeaderProfile,
.HeaderProfile .dropdown,
.HeaderProfile .dropdown-menu{z-index:2000200!important;}

/* V11.12: stable online users layout, restrained nick glow and live avatars. */
.kaeff-online-users .kaeff-online-card,
#online_users .kaeff-online-card{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  min-height:68px!important;
  padding:8px 0!important;
  position:relative!important;
  overflow:visible!important;
}
.kaeff-online-card .kaeff-online-avatar-wrap{
  position:relative!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  overflow:visible!important;
}
.kaeff-online-card .kaeff-online-avatar-wrap>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:58px!important;
  height:58px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  pointer-events:none!important;
}
.kaeff-online-card .kaeff-online-avatar-wrap>.outline img{
  display:block!important;
  width:58px!important;
  height:58px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
}
.kaeff-online-card .kaeff-online-avatar-link{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:46px!important;
  height:46px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:10px!important;
}
.kaeff-online-card .kaeff-online-avatar-link>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  border-radius:10xp!important;
}
.kaeff-online-card>.kaeff-online-panel{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  min-width:0!important;
  flex:1 1 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.kaeff-online-card .kaeff-online-name{
  display:inline-block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:700!important;
  line-height:1.25!important;
  text-shadow:0 0 2px currentColor!important;
  filter:none!important;
  animation:none!important;
}
.kaeff-online-card>.right{
  position:static!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
}

/* Preserve original animated avatar files in AJAX-rendered widgets/lists. */
.kaeff-live-avatar,
img[src*="/files/avatars/"],
img[src*="../files/avatars/"]{
  image-rendering:auto!important;
  backface-visibility:visible!important;
  transform:translateZ(0);
}
.kaeff-stat-user{display:inline-flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}
.kaeff-stat-user>.kaeff-live-avatar{width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:10px!important;object-fit:cover!important}

/* V11.12: auth buttons never stay filled after click/focus. */
.kaeff-auth-trigger,
.kaeff-auth-trigger:hover,
.kaeff-auth-trigger:focus,
.kaeff-auth-trigger:active,
.kaeff-auth-trigger.active,
.kaeff-auth-trigger:not(:disabled):not(.disabled):active{
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.auth-in.kaeff-auth-trigger,
.auth-in.kaeff-auth-trigger:hover,
.auth-in.kaeff-auth-trigger:focus,
.auth-in.kaeff-auth-trigger:active,
.auth-in.kaeff-auth-trigger.active,
.auth-in.kaeff-auth-trigger:not(:disabled):not(.disabled):active{
  background:transparent!important;
}
.kaeff-steam-oauth,
.kaeff-steam-oauth:hover,
.kaeff-steam-oauth:focus,
.kaeff-steam-oauth:active,
.kaeff-steam-oauth.active,
.kaeff-steam-oauth:visited,
.kaeff-steam-oauth:not(:disabled):not(.disabled):active{
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
.kaeff-steam-oauth:hover{background:rgba(117,103,255,.045)!important}

/* V11.12: service grid is complete, one-click and always above page content/modals except active modal. */
.header{overflow:visible!important;isolation:isolate!important;z-index:2147481000!important}
.Services.kaeff-services{z-index:2147481100!important}
.kaeff-services-trigger{z-index:2147481200!important}
.kaeff-services-menu{
  z-index:2147481300!important;
  max-height:calc(100vh - 105px)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
}
.kaeff-services-menu.show{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.modal{z-index:2147482000!important}
.modal-backdrop{z-index:2147481900!important}

/* V11.13: compact, correctly aligned users in "Сейчас онлайн". */
.kaeff-online-users .kaeff-online-card,
#online_users .kaeff-online-card{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:4px 0!important;margin:0!important;position:relative!important;overflow:visible!important}
.kaeff-online-card .kaeff-online-avatar-wrap{position:relative!important;flex:0 0 58px!important;width:58px!important;height:58px!important;min-width:58px!important;margin:0!important;overflow:visible!important}
.kaeff-online-card .kaeff-online-avatar-link{position:absolute!important;left:50%!important;top:50%!important;display:block!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%)!important;overflow:hidden!important;border-radius:50%!important;z-index:2!important}
.kaeff-online-card .kaeff-online-avatar-link>img,.kaeff-online-card .kaeff-online-avatar-link>.kaeff-live-avatar{display:block!important;position:static!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;min-height:48px!important;max-height:48px!important;margin:0!important;padding:0!important;transform:none!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important}
.kaeff-online-card .kaeff-online-avatar-wrap>.outline{position:absolute!important;left:50%!important;top:50%!important;width:58px!important;height:58px!important;margin:0!important;transform:translate(-50%,-50%)!important;z-index:3!important;pointer-events:none!important}
.kaeff-online-card .kaeff-online-avatar-wrap>.outline img{display:block!important;width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important;min-height:58px!important;max-height:58px!important;margin:0!important;object-fit:contain!important;transform:none!important}
.kaeff-online-card>.kaeff-online-panel{position:static!important;display:flex!important;align-items:center!important;align-self:stretch!important;flex:1 1 auto!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.kaeff-online-card .kaeff-online-name{display:flex!important;align-items:center!important;min-height:48px!important;margin:0!important;padding:0!important;line-height:1.15!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-shadow:0 0 1px currentColor!important;filter:none!important;animation:none!important}
.kaeff-online-card>.right{display:none!important}

/* V11.13: exact 3x3 services grid. */
.kaeff-services-menu{width:252px!important;min-width:252px!important;max-width:252px!important;padding:10px!important;margin:0!important;overflow:visible!important;max-height:none!important;border-radius:12px!important;box-sizing:border-box!important}
.kaeff-services-menu.show{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:68px!important;gap:2px!important}
.kaeff-services-menu>li{display:block!important;width:auto!important;min-width:0!important;height:68px!important;margin:0!important;padding:0!important;float:none!important}
.kaeff-services-menu>li>a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;gap:3px!important;margin:0!important;padding:5px 2px!important;text-align:center!important;white-space:normal!important;border-radius:8px!important;box-sizing:border-box!important}
.kaeff-services-menu>li>a .Icon{display:flex!important;align-items:center!important;justify-content:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important}
.kaeff-services-menu>li>a .Name{display:block!important;width:100%!important;margin:0!important;padding:0!important;font-size:11px!important;line-height:1.1!important;text-align:center!important}

/* V11.13: animated avatars use the original image resource. */
.kaeff-live-avatar,img[data-kaeff-animated-avatar="1"],img[src*="/files/avatars/"],img[src*="../files/avatars/"]{animation-play-state:running!important;content-visibility:visible!important;backface-visibility:visible!important;transform:none!important;filter:none!important;image-rendering:auto!important}
.kaeff-home-topstats .card_top .image>img.kaeff-live-avatar{display:block!important;width:58px!important;height:58px!important;min-width:58px!important;min-height:58px!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important}
#dw_donations #dw_users a>img.kaeff-live-avatar{display:block!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important}

/* V11.17: targeted frame alignment only. Keep V11.16 site/sidebar geometry unchanged. */

/* TOP-3: the profile frame is centered on the avatar, and rank bubbles are removed. */
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack{
  position:relative!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  margin-right:14px!important;
  overflow:visible!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  max-width:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  z-index:2!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline>img,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline>img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>span:not(.kaeff-avatar-outline):not(.outline){
  display:none!important;
}

/* Donation widget: avatar + animated frame stay in one fixed stack instead of two columns. */
#dw_donations #dw_users a.kaeff-donor-item{
  display:flex!important;
  align-items:center!important;
}
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack{
  position:relative!important;
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0 10px 0 0!important;
  padding:0!important;
  float:none!important;
  overflow:visible!important;
}
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  z-index:2!important;
}
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack>.kaeff-avatar-outline,
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  pointer-events:none!important;
  overflow:visible!important;
}
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack>.kaeff-avatar-outline>img,
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack>.outline>img{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  transform:none!important;
  object-fit:contain!important;
  object-position:center!important;
}
#dw_donations #dw_users a.kaeff-donor-item>div{
  min-width:0!important;
  flex:1 1 auto!important;
  float:none!important;
}

/* Hide only the page-wide horizontal scrollbar. Do not change the site's width or block geometry. */
html,body{
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}

/* V11.18 — targeted UI refinement. No global width/grid changes. */

/* Header: keep it at the top while scrolling, but below tooltips/modals. */
.header{
  position:sticky!important;
  top:0!important;
  z-index:10000!important;
  overflow:visible!important;
  isolation:auto!important;
}
.header>.container,
.header .container.d-flex,
.header .social,
.header .social .items,
.header .social .item{overflow:visible!important}
.header + #MainContentSite{margin-top:0!important;padding-top:12px!important}
#MainContentSite>.topPanel{margin-top:0!important}
.kaeff-services-menu{z-index:11000!important}
.tooltip,.tooltip.show,.bs-tooltip-auto,.bs-tooltip-top,.bs-tooltip-bottom,.bs-tooltip-left,.bs-tooltip-right{z-index:12000!important;pointer-events:none!important}
.tooltip-inner{position:relative!important;z-index:12001!important}
.modal{z-index:13000!important}
.modal-backdrop{z-index:12900!important}

/* Do not allow a page-wide horizontal scrollbar; preserve the existing site geometry. */
html,body{overflow-x:hidden!important;overscroll-behavior-x:none!important}
body>.wapper,.wapper>.content{overflow-x:clip!important}

/* Chat online list: old LivingHigh-style compact rows with role and mention #. */
#ochat #users_online_list .kaeff-online-card{
  display:flex!important;align-items:center!important;gap:8px!important;
  min-height:48px!important;padding:3px 0!important;margin:0!important;overflow:visible!important
}
#ochat #users_online_list .kaeff-online-avatar-wrap{
  flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important
}
#ochat #users_online_list .kaeff-online-avatar-link{
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  min-height:36px!important;max-height:36px!important
}
#ochat #users_online_list .kaeff-online-avatar-link>img{
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;
  min-height:36px!important;max-height:36px!important
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline{
  width:44px!important;height:44px!important;z-index:1!important
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline img{width:44px!important;height:44px!important}
#ochat #users_online_list .kaeff-online-avatar-link{z-index:2!important}
#ochat #users_online_list .kaeff-online-panel{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;align-self:auto!important;min-width:0!important;height:44px!important
}
#ochat #users_online_list .kaeff-online-name{
  display:block!important;min-height:0!important;margin:0!important;padding:0!important;
  font-size:14px!important;line-height:17px!important;font-weight:700!important;text-shadow:0 0 1px currentColor!important
}
#ochat #users_online_list .kaeff-online-role{
  display:block!important;max-width:100%!important;margin:1px 0 0!important;color:#737780!important;
  font-size:12px!important;line-height:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
#ochat #users_online_list .kaeff-online-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;
  flex:0 0 auto!important;margin-left:auto!important;padding-left:4px!important
}
#ochat #users_online_list .kaeff-online-actions a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:18px!important;height:30px!important;margin:0!important;padding:0!important;color:#fff!important;font-size:15px!important;text-decoration:none!important
}
/* Profile/sidebar online widget remains the clean avatar + nick variant. */
#online_users .kaeff-online-role,#online_users .kaeff-online-actions{display:none!important}

/* TOP-3: animated frame sits BEHIND the avatar, never over the face. */
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack{position:relative!important;overflow:visible!important}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline{
  left:50%!important;top:50%!important;width:68px!important;height:68px!important;
  transform:translate(-50%,-50%)!important;z-index:1!important;overflow:visible!important
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline>img,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline>img{
  width:68px!important;height:68px!important;object-fit:contain!important
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-live-avatar{z-index:2!important}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>span:not(.kaeff-avatar-outline):not(.outline){display:none!important}

/* Donation widget: dark list, valid avatar/frame stack, animated frame behind avatar. */
#dw_donations .card,
#dw_donations .card-header,
#dw_donations .card-block,
#dw_donations .scroll-body,
#dw_donations #dw_users_tab,
#dw_donations #dw_users{background:#0b0c0d!important;color:#c8cbd1!important;border-color:#1a1d21!important}
#dw_donations .card{box-shadow:none!important}
#dw_donations #dw_users a.kaeff-donor-item{
  display:flex!important;align-items:center!important;min-height:54px!important;background:#0b0c0d!important;
  border-bottom:1px solid #17191d!important;padding:5px 10px!important
}
#dw_donations #dw_users .kaeff-donor-avatar.kaeff-avatar-stack{
  position:relative!important;display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
  min-width:48px!important;margin:0 10px 0 0!important;padding:0!important;overflow:visible!important
}
#dw_donations #dw_users .kaeff-donor-avatar>.kaeff-live-avatar{
  position:absolute!important;left:50%!important;top:50%!important;width:40px!important;height:40px!important;
  transform:translate(-50%,-50%)!important;z-index:2!important;object-fit:cover!important;border-radius:50%!important
}
#dw_donations #dw_users .kaeff-donor-avatar>.kaeff-avatar-outline,
#dw_donations #dw_users .kaeff-donor-avatar>.outline{
  position:absolute!important;left:50%!important;top:50%!important;width:48px!important;height:48px!important;
  transform:translate(-50%,-50%)!important;z-index:1!important;margin:0!important;padding:0!important;pointer-events:none!important
}
#dw_donations #dw_users .kaeff-donor-avatar>.kaeff-avatar-outline>img,
#dw_donations #dw_users .kaeff-donor-avatar>.outline>img{
  display:block!important;width:48px!important;height:48px!important;margin:0!important;object-fit:contain!important
}
#dw_donations #dw_users .kaeff-donor-data{min-width:0!important;flex:1 1 auto!important}

/* Birthdays: same animated profile frame system as online users. */
#birthday_boys .kaeff-birthday-user{
  display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  column-gap:8px!important;align-items:center!important;min-height:58px!important;padding:5px 0!important;text-decoration:none!important
}
#birthday_boys .kaeff-birthday-avatar{
  position:relative!important;grid-column:1!important;grid-row:1/3!important;width:52px!important;height:52px!important;overflow:visible!important
}
#birthday_boys .kaeff-birthday-avatar>.kaeff-live-avatar{
  position:absolute!important;left:50%!important;top:50%!important;width:42px!important;height:42px!important;
  transform:translate(-50%,-50%)!important;z-index:2!important;object-fit:cover!important;border-radius:50%!important
}
#birthday_boys .kaeff-birthday-avatar>.outline{
  position:absolute!important;left:50%!important;top:50%!important;width:52px!important;height:52px!important;
  transform:translate(-50%,-50%)!important;z-index:1!important;margin:0!important;pointer-events:none!important
}
#birthday_boys .kaeff-birthday-avatar>.outline img{display:block!important;width:52px!important;height:52px!important;object-fit:contain!important;margin:0!important}
#birthday_boys .kaeff-birthday-name{grid-column:2!important;grid-row:1!important;align-self:end!important;font-weight:600!important;line-height:17px!important}
#birthday_boys .kaeff-birthday-date{grid-column:2!important;grid-row:2!important;align-self:start!important;color:#8b9098!important;font-size:12px!important;line-height:16px!important}

/* Project events: valid stack prevents the outline from becoming a separate column. */
#events .event>a.kaeff-event-user{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important}
#events .kaeff-event-avatar{
  position:relative!important;display:block!important;flex:0 0 48px!important;width:48px!important;height:48px!important;
  margin:0!important;padding:0!important;overflow:visible!important
}
#events .kaeff-event-avatar>.kaeff-live-avatar{
  position:absolute!important;left:50%!important;top:50%!important;width:38px!important;height:38px!important;
  transform:translate(-50%,-50%)!important;z-index:2!important;object-fit:cover!important;border-radius:50%!important
}
#events .kaeff-event-avatar>.outline{
  position:absolute!important;left:50%!important;top:50%!important;width:48px!important;height:48px!important;
  transform:translate(-50%,-50%)!important;z-index:1!important;margin:0!important;padding:0!important;pointer-events:none!important
}
#events .kaeff-event-avatar>.outline>img{display:block!important;width:48px!important;height:48px!important;margin:0!important;object-fit:contain!important}
#events .kaeff-event-login{min-width:0!important}

/* V11.19 — chat spacing, visible mention button, square TOP-3 frame, birthday/event alignment. */

/* Chat online users: fixed avatar/frame box + breathing room around text. */
#ochat #users_online_list .kaeff-online-card,
#ochat .kaeff-online-users .kaeff-online-card,
.Chat #users_online_list .kaeff-online-card,
.chat #users_online_list .kaeff-online-card{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:56px!important;
  padding:5px 4px!important;
  margin:0!important;
  overflow:visible!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap,
#ochat .kaeff-online-users .kaeff-online-avatar-wrap,
.Chat #users_online_list .kaeff-online-avatar-wrap,
.chat #users_online_list .kaeff-online-avatar-wrap{
  position:relative!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  margin:0!important;
}
#ochat #users_online_list .kaeff-online-avatar-link,
#ochat .kaeff-online-users .kaeff-online-avatar-link,
.Chat #users_online_list .kaeff-online-avatar-link,
.chat #users_online_list .kaeff-online-avatar-link{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  transform:translate(-50%,-50%)!important;
  overflow:hidden!important;
  border-radius:50%!important;
  z-index:2!important;
}
#ochat #users_online_list .kaeff-online-avatar-link>img,
#ochat .kaeff-online-users .kaeff-online-avatar-link>img,
.Chat #users_online_list .kaeff-online-avatar-link>img,
.chat #users_online_list .kaeff-online-avatar-link>img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  min-height:40px!important;
  max-height:40px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline,
#ochat .kaeff-online-users .kaeff-online-avatar-wrap>.outline,
.Chat #users_online_list .kaeff-online-avatar-wrap>.outline,
.chat #users_online_list .kaeff-online-avatar-wrap>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50px!important;
  height:50px!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline img,
#ochat .kaeff-online-users .kaeff-online-avatar-wrap>.outline img,
.Chat #users_online_list .kaeff-online-avatar-wrap>.outline img,
.chat #users_online_list .kaeff-online-avatar-wrap>.outline img{
  display:block!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  object-fit:contain!important;
}
#ochat #users_online_list .kaeff-online-panel,
#ochat .kaeff-online-users .kaeff-online-panel,
.Chat #users_online_list .kaeff-online-panel,
.chat #users_online_list .kaeff-online-panel{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  align-self:auto!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
#ochat #users_online_list .kaeff-online-name,
#ochat .kaeff-online-users .kaeff-online-name,
.Chat #users_online_list .kaeff-online-name,
.chat #users_online_list .kaeff-online-name{
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:700!important;
}
#ochat #users_online_list .kaeff-online-role,
#ochat .kaeff-online-users .kaeff-online-role,
.Chat #users_online_list .kaeff-online-role,
.chat #users_online_list .kaeff-online-role{
  display:block!important;
  max-width:100%!important;
  margin:2px 0 0!important;
  color:#6f747c!important;
  font-size:12px!important;
  line-height:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ochat #users_online_list .kaeff-online-actions,
#ochat .kaeff-online-users .kaeff-online-actions,
.Chat #users_online_list .kaeff-online-actions,
.chat #users_online_list .kaeff-online-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  padding:0 1px 0 3px!important;
}
.kaeff-chat-mention{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:22px!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font:800 18px/1 Arial,sans-serif!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.kaeff-chat-mention:hover,.kaeff-chat-mention:focus{color:#7b6cff!important;text-decoration:none!important}

/* TOP-3: use a true square frame box with a smaller centered avatar. */
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack{
  position:relative!important;
  flex:0 0 64px!important;
  width:64px!important;
  height:64px!important;
  min-width:64px!important;
  margin-right:14px!important;
  overflow:visible!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  transform:translate(-50%,-50%)!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  z-index:2!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:64px!important;
  height:64px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  overflow:visible!important;
  z-index:1!important;
  pointer-events:none!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline>img,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline>img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}

/* Birthday rows: apply to the class itself (the live page does not always have #birthday_boys). */
.kaeff-birthday-user{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  align-items:center!important;
  min-height:58px!important;
  padding:5px 0!important;
  text-decoration:none!important;
}
.kaeff-birthday-avatar{
  position:relative!important;
  grid-column:1!important;
  grid-row:1/3!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  overflow:visible!important;
}
.kaeff-birthday-avatar>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:42px!important;
  height:42px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.kaeff-birthday-avatar>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.kaeff-birthday-avatar>.outline img{
  display:block!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
  object-fit:contain!important;
}
.kaeff-birthday-name{grid-column:2!important;grid-row:1!important;align-self:end!important;line-height:17px!important;font-weight:600!important}
.kaeff-birthday-date{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:12px!important;line-height:16px!important;color:#8b9098!important}

/* Project events: stable columns, fixed avatar/frame size and aligned nick/date/button. */
.kaeff-project-event{
  display:grid!important;
  grid-template-columns:minmax(260px,1.65fr) minmax(190px,.9fr) minmax(150px,.65fr) 145px 18px!important;
  gap:12px!important;
  align-items:center!important;
  min-height:70px!important;
  padding:8px 0!important;
}
.kaeff-project-event>.kaeff-event-content{min-width:0!important}
.kaeff-project-event>.kaeff-event-content .Link{display:block!important;min-width:0!important;overflow-wrap:anywhere!important}
.kaeff-project-event>.kaeff-event-user{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  text-decoration:none!important;
}
.kaeff-project-event .kaeff-event-avatar{
  position:relative!important;
  display:block!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.kaeff-project-event .kaeff-event-avatar>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.kaeff-project-event .kaeff-event-avatar>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
.kaeff-project-event .kaeff-event-avatar>.outline>img{
  display:block!important;
  width:50px!important;
  height:50px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
}
.kaeff-project-event .kaeff-event-login{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:600!important;
}
.kaeff-project-event .kaeff-event-date{white-space:normal!important;line-height:1.35!important}
.kaeff-project-event .kaeff-event-go{justify-self:stretch!important;text-align:center!important}
.kaeff-project-event .kaeff-event-remove{justify-self:end!important}
@media (max-width:1100px){
  .kaeff-project-event{grid-template-columns:minmax(220px,1.3fr) minmax(170px,.8fr) 140px 120px 18px!important;gap:8px!important}
}
@media (max-width:820px){
  .kaeff-project-event{grid-template-columns:1fr minmax(150px,.8fr)!important;grid-auto-rows:auto!important}
  .kaeff-project-event>.kaeff-event-content{grid-column:1/3!important}
  .kaeff-project-event>.kaeff-event-user{grid-column:1!important}
  .kaeff-project-event>.kaeff-event-date{grid-column:2!important}
  .kaeff-project-event>.kaeff-event-go{grid-column:1!important;width:120px!important}
  .kaeff-project-event>.kaeff-event-remove{grid-column:2!important;grid-row:3!important}
}

/* V11.20 — donor-identical TOP3 avatar stack, native event layout, stable chat users. */

/* TOP-3: exactly the same 48/40 frame/avatar geometry as the working donation widget. */
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack{
  position:relative!important;
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0 10px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline>img,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:0!important;
}

/* Latest project events: let the original restandart .event layout control all columns. */
.event.kaeff-event-fixed>.kaeff-event-user{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
  text-decoration:none!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar{
  position:relative!important;
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.event.kaeff-event-fixed .kaeff-event-login{
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-weight:600!important;
}

/* Chat: slightly wider user rail, donor-identical frame geometry, enough room for role + #. */
#ochat .content>.online,
#ochat #users_online_list{
  width:240px!important;
  min-width:240px!important;
  max-width:240px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#ochat #users_online_list .kaeff-online-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  column-gap:10px!important;
  align-items:center!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:3px 2px!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap{
  position:relative!important;
  display:block!important;
  grid-column:1!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#ochat #users_online_list .kaeff-online-avatar-link{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  overflow:hidden!important;
  border-radius:50%!important;
}
#ochat #users_online_list .kaeff-online-avatar-link>img{
  display:block!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
#ochat #users_online_list .kaeff-online-avatar-wrap>.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  object-fit:contain!important;
}
#ochat #users_online_list .kaeff-online-panel{
  display:flex!important;
  grid-column:2!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
}
#ochat #users_online_list .kaeff-online-name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:17px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ochat #users_online_list .kaeff-online-role{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:1px 0 0!important;
  color:#737780!important;
  font-size:12px!important;
  line-height:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#ochat #users_online_list .kaeff-online-actions{
  display:flex!important;
  grid-column:3!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:3px!important;
  min-width:24px!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
  overflow:visible!important;
}
#ochat #users_online_list .kaeff-online-actions>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:28px!important;
  margin:0!important;
  padding:0!important;
  visibility:visible!important;
  opacity:1!important;
  text-decoration:none!important;
}
#ochat #users_online_list .kaeff-chat-mention{
  color:#fff!important;
  font:800 18px/1 Arial,sans-serif!important;
}
#ochat #users_online_list .kaeff-chat-mention:hover,
#ochat #users_online_list .kaeff-chat-mention:focus{color:#7b6cff!important}

@media (max-width:900px){
  #ochat .content>.online,#ochat #users_online_list{width:210px!important;min-width:210px!important;max-width:210px!important}
}


/* V11.21 — precise avatar/frame alignment, birthday list restoration, TOP-3 colors. */

/* TOP-3: same visual stack as donation_widget, but absolutely no box/background behind it. */
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack{
  position:relative!important;
  display:block!important;
  flex:0 0 48px!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0 12px 0 0!important;
  padding:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:1!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.outline>img,
.kaeff-home-topstats .card_top .image.kaeff-avatar-stack>.kaeff-avatar-outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.kaeff-home-topstats .card_top .name a{
  font-weight:700!important;
}

/* Birthdays: do not let generic #online_users rules hide/collapse subsequent users. */
#birthday_boys #online_users{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
#birthday_boys .kaeff-birthday-user{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:12px!important;
  width:100%!important;
  min-height:54px!important;
  margin:0!important;
  padding:4px 0!important;
  align-items:center!important;
  overflow:visible!important;
}
#birthday_boys .kaeff-birthday-avatar{
  position:relative!important;
  display:block!important;
  grid-column:1!important;
  grid-row:1/3!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#birthday_boys .kaeff-birthday-avatar>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
#birthday_boys .kaeff-birthday-avatar>#outline.outline,
#birthday_boys .kaeff-birthday-avatar>.outline{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#birthday_boys .kaeff-birthday-avatar>#outline.outline>img,
#birthday_boys .kaeff-birthday-avatar>.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
#birthday_boys .kaeff-birthday-name{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0!important;
  line-height:17px!important;
}
#birthday_boys .kaeff-birthday-date{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  margin:1px 0 0!important;
  line-height:16px!important;
}

/* Latest project events: keep original GameCMS event columns, only fix user cell internals. */
.event.kaeff-event-fixed>a.kaeff-event-user{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
  min-width:0!important;
  width:100%!important;
  text-decoration:none!important;
  overflow:visible!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar{
  position:relative!important;
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:50%!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>#outline.outline,
.event.kaeff-event-fixed .kaeff-event-avatar>.outline{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:none!important;
}
.event.kaeff-event-fixed .kaeff-event-avatar>#outline.outline>img,
.event.kaeff-event-fixed .kaeff-event-avatar>.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
.event.kaeff-event-fixed .kaeff-event-login{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-weight:600!important;
  line-height:18px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* V11.22 — restore full project-event row and make TOP-3 names match /stats. */
#events .event.kaeff-event-native{
  display:grid!important;
  grid-template-columns:minmax(260px,1.65fr) minmax(190px,.85fr) minmax(150px,.65fr) 145px 20px!important;
  column-gap:18px!important;
  align-items:center!important;
  width:100%!important;
  min-height:70px!important;
  box-sizing:border-box!important;
  padding:9px 12px!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native>*{
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
#events .event.kaeff-event-native>.kaeff-event-content{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native>.kaeff-event-content>.Link{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:18px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
#events .event.kaeff-event-native>.kaeff-event-person{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  column-gap:12px!important;
  align-items:center!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack{
  position:relative!important;
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  margin:0!important;
  padding:0!important;
  transform:translate(-50%,-50%)!important;
  z-index:2!important;
  border-radius:50%!important;
  object-fit:cover!important;
  object-position:center!important;
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.outline,
#events .event.kaeff-event-native .kaeff-event-avatar-stack>#outline.outline{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  z-index:1!important;
  overflow:visible!important;
  pointer-events:none!important;
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.outline>img,
#events .event.kaeff-event-native .kaeff-event-avatar-stack>#outline.outline>img{
  display:block!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  max-width:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
}
#events .event.kaeff-event-native .kaeff-event-person-name{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:18px!important;
  font-weight:600!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#events .event.kaeff-event-native>.kaeff-event-date{
  display:block!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  line-height:18px!important;
  white-space:normal!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native>.kaeff-event-go{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:145px!important;
  max-width:145px!important;
  margin:0!important;
  justify-self:end!important;
}
#events .event.kaeff-event-native>.kaeff-event-remove{
  position:static!important;
  display:block!important;
  width:18px!important;
  margin:0!important;
  justify-self:end!important;
}

/* TOP-3 nickname: same class and colour source as the /stats table. */
.kaeff-home-topstats .card_top .name>a.kaeff-glow-name{
  font-weight:700!important;
  text-shadow:0 0 4px currentColor,0 0 10px currentColor!important;
  filter:brightness(1.15)!important;
}

@media (max-width:1100px){
  #events .event.kaeff-event-native{
    grid-template-columns:minmax(220px,1.4fr) minmax(170px,.8fr) minmax(120px,.6fr) 120px 18px!important;
    column-gap:10px!important;
  }
  #events .event.kaeff-event-native>.kaeff-event-go{width:120px!important;max-width:120px!important}
}

/* V11.23 — final alignment: project events stay on one clean row. */
#events .event.kaeff-event-native{
  grid-template-columns:minmax(330px,1.55fr) minmax(205px,.85fr) minmax(165px,.65fr) 145px 18px!important;
  column-gap:16px!important;
  align-items:center!important;
  min-height:70px!important;
}
#events .event.kaeff-event-native>.kaeff-event-content{
  min-width:0!important;
  overflow:hidden!important;
}
#events .event.kaeff-event-native>.kaeff-event-content>.Link{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:20px!important;
}
#events .event.kaeff-event-native>.kaeff-event-person{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  column-gap:14px!important;
  align-items:center!important;
  min-width:0!important;
  overflow:visible!important;
}
#events .event.kaeff-event-native .kaeff-event-person-name{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:20px!important;
}
#events .event.kaeff-event-native>.kaeff-event-date{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:20px!important;
}
#events .event.kaeff-event-native>.kaeff-event-go{
  white-space:nowrap!important;
}

/* TOP-3 name must show the exact GameCMS group/profile colour, not theme white. */
.kaeff-home-topstats .card_top .name>a.kaeff-glow-name{
  color:inherit;
  font-weight:700!important;
  text-shadow:0 0 3px currentColor,0 0 7px currentColor!important;
  filter:none!important;
}



/* V11.24 — exact event-row alignment + restored TOP-3 interaction. */
#events .event.kaeff-event-native{
  display:grid!important;
  grid-template-columns:minmax(300px,1.55fr) minmax(205px,.82fr) 205px 145px 18px!important;
  column-gap:18px!important;
  align-items:center!important;
  width:100%!important;
  min-height:70px!important;
  padding:7px 12px!important;
  box-sizing:border-box!important;
}
#events .event.kaeff-event-native>.kaeff-event-content,
#events .event.kaeff-event-native>.kaeff-event-person,
#events .event.kaeff-event-native>.kaeff-event-date,
#events .event.kaeff-event-native>.kaeff-event-go,
#events .event.kaeff-event-native>.kaeff-event-remove{
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
#events .event.kaeff-event-native>.kaeff-event-content{
  display:flex!important;align-items:center!important;height:52px!important;min-width:0!important;overflow:hidden!important
}
#events .event.kaeff-event-native>.kaeff-event-content>.Link{
  display:block!important;width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:20px!important
}
#events .event.kaeff-event-native>.kaeff-event-person{
  display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;column-gap:14px!important;align-items:center!important;height:52px!important;min-width:0!important;overflow:visible!important;text-decoration:none!important
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack{
  position:relative!important;display:block!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;margin:0!important;padding:0!important;overflow:visible!important
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.kaeff-live-avatar{
  position:absolute!important;left:50%!important;top:50%!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;transform:translate(-50%,-50%)!important;z-index:2!important;object-fit:cover!important;border-radius:50%!important
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.outline,
#events .event.kaeff-event-native .kaeff-event-avatar-stack>#outline.outline{
  position:absolute!important;inset:0!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;transform:none!important;z-index:1!important;pointer-events:none!important
}
#events .event.kaeff-event-native .kaeff-event-avatar-stack>.outline>img,
#events .event.kaeff-event-native .kaeff-event-avatar-stack>#outline.outline>img{
  display:block!important;width:48px!important;height:48px!important;object-fit:contain!important;margin:0!important;padding:0!important
}
#events .event.kaeff-event-native .kaeff-event-person-name{
  display:block!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:20px!important;font-weight:600!important
}
#events .event.kaeff-event-native>.kaeff-event-date{
  display:flex!important;align-items:center!important;height:52px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:20px!important
}
#events .event.kaeff-event-native>.kaeff-event-go{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;width:145px!important;max-width:145px!important;height:30px!important;justify-self:end!important;white-space:nowrap!important
}
#events .event.kaeff-event-native>.kaeff-event-remove{
  position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:30px!important;justify-self:end!important
}

/* TOP-3: profile-group color is the source of truth; theme white must never win. */
.kaeff-home-topstats .card_top .name>a.kaeff-glow-name{
  font-weight:700!important;
  text-decoration:none!important;
  text-shadow:0 0 4px currentColor,0 0 9px currentColor!important;
  transition:filter .2s ease,text-shadow .2s ease!important
}
.kaeff-home-topstats .card_top .item{
  transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,border-color .22s ease!important
}
.kaeff-home-topstats .card_top .item:hover{
  transform:translateY(-2px)!important;
  background:#0f1011!important;
  box-shadow:0 0 0 1px rgba(226,174,39,.26) inset,0 8px 22px rgba(0,0,0,.28),0 0 18px rgba(226,174,39,.08)!important
}
.kaeff-home-topstats .card_top .item:hover .name>a.kaeff-glow-name{
  filter:brightness(1.16)!important;
  text-shadow:0 0 5px currentColor,0 0 12px currentColor!important
}
.kaeff-home-topstats .kaeff-top-stars{
  position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;display:block!important;width:30px!important;height:42px!important;color:#f4b82e!important;pointer-events:auto!important;overflow:visible!important
}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-big,
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-small{
  position:absolute!important;display:block!important;transform-origin:50% 50%!important;will-change:transform,filter,opacity!important
}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-big{right:0!important;top:0!important;font-size:27px!important;line-height:1!important}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-small{right:12px!important;bottom:0!important;font-size:14px!important;line-height:1!important}
.kaeff-home-topstats .card_top .item:hover .kaeff-star-big{animation:kaeff-star-spin-big 1.35s linear infinite!important}
.kaeff-home-topstats .card_top .item:hover .kaeff-star-small{animation:kaeff-star-spin-small .9s linear infinite reverse!important}
@keyframes kaeff-star-spin-big{
  0%{transform:rotate(0deg) scale(1);filter:drop-shadow(0 0 0 rgba(244,184,46,0))}
  50%{transform:rotate(180deg) scale(1.16);filter:drop-shadow(0 0 7px rgba(244,184,46,.65))}
  100%{transform:rotate(360deg) scale(1);filter:drop-shadow(0 0 0 rgba(244,184,46,0))}
}
@keyframes kaeff-star-spin-small{
  0%{transform:rotate(0deg) scale(.9);opacity:.72}
  50%{transform:rotate(180deg) scale(1.25);opacity:1}
  100%{transform:rotate(360deg) scale(.9);opacity:.72}
}
/* =========================================================
   ПОСЛЕДНИЕ СОБЫТИЯ — МОБИЛЬНАЯ ВЕРСИЯ
   ПК НЕ ТРОГАЕМ
   ========================================================= */

@media (max-width: 767px) {

    #events .event.kaeff-event-native {
        display: grid !important;

        /* Текст | игрок | крестик */
        grid-template-columns: minmax(0, 1fr) 105px 20px !important;

        column-gap: 6px !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 70px !important;

        padding: 8px 8px 8px 10px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }


    /* Все элементы не должны вылезать */
    #events .event.kaeff-event-native > * {
        min-width: 0 !important;
        max-width: 100% !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        box-sizing: border-box !important;
    }


    /* ==============================
       ТЕКСТ СОБЫТИЯ
       ============================== */

    #events .event.kaeff-event-native > .kaeff-event-content {

        grid-column: 1 !important;
        grid-row: 1 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 50px !important;

        padding: 0 !important;
        margin: 0 !important;

        overflow: hidden !important;
    }


    #events .event.kaeff-event-native
    > .kaeff-event-content > .Link {

        display: -webkit-box !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: normal !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;

        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;

        line-height: 18px !important;
        overflow-wrap: anywhere !important;
    }


    /* ==============================
       ИГРОК + АВАТАР
       ============================== */

    #events .event.kaeff-event-native > .kaeff-event-person {

        grid-column: 2 !important;
        grid-row: 1 !important;

        display: grid !important;

        grid-template-columns: 42px minmax(0, 1fr) !important;

        column-gap: 5px !important;

        align-items: center !important;

        width: 105px !important;
        min-width: 0 !important;
        max-width: 105px !important;

        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        text-decoration: none !important;
    }


    /* Контейнер аватара */
    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack {

        position: relative !important;

        display: block !important;

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        max-width: 42px !important;

        min-height: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: visible !important;
    }


    /* Аватар */
    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack > .kaeff-live-avatar {

        position: absolute !important;

        left: 50% !important;
        top: 50% !important;

        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;

        max-width: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;

        transform: translate(-50%, -50%) !important;

        object-fit: cover !important;

        border-radius: 50% !important;

        z-index: 2 !important;
    }


    /* Рамка аватара */
    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack > .outline,
    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack > #outline.outline {

        position: absolute !important;

        left: 0 !important;
        top: 0 !important;

        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;

        max-width: 42px !important;
        max-height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;

        z-index: 1 !important;

        overflow: visible !important;
        pointer-events: none !important;
    }


    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack > .outline > img,
    #events .event.kaeff-event-native
    .kaeff-event-avatar-stack > #outline.outline > img {

        display: block !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        object-fit: contain !important;
    }


    /* Ник игрока */
    #events .event.kaeff-event-native
    .kaeff-event-person-name {

        display: block !important;

        width: 100% !important;
        min-width: 0 !important;
        max-width: 58px !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;

        overflow: hidden !important;
        text-overflow: ellipsis !important;

        font-size: 11px !important;
        line-height: 15px !important;
        font-weight: 600 !important;
    }


    /* ==============================
       КРЕСТИК
       ============================== */

    #events .event.kaeff-event-native > .kaeff-event-remove {

        grid-column: 3 !important;
        grid-row: 1 !important;

        position: relative !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 20px !important;
        height: 22px !important;

        min-width: 20px !important;
        max-width: 20px !important;

        margin: 0 !important;
        padding: 0 !important;

        align-self: start !important;
        justify-self: end !important;

        z-index: 10 !important;

        color: rgba(255,255,255,.65) !important;

        cursor: pointer !important;
    }


    #events .event.kaeff-event-native > .kaeff-event-remove:hover {
        color: #ffffff !important;
    }


    /* ==============================
       НА ТЕЛЕФОНЕ ЭТО НЕ НУЖНО
       ============================== */

    #events .event.kaeff-event-native > .kaeff-event-date,
    #events .event.kaeff-event-native > .kaeff-event-go {
        display: none !important;
    }

}
}

/* V11.25 — FINAL: events on one horizontal rail + exact profile colours + star hover. */
@media (min-width: 992px) {
  #events .event.kaeff-event-native {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 220px 175px 145px 18px !important;
    column-gap: 18px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 68px !important;
    padding: 8px 12px !important;
    box-sizing: border-box !important;
  }
  #events .event.kaeff-event-native > * {
    align-self: center !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-content {
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    overflow: hidden !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-content > .Link {
    display: block !important;
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 20px !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-person {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    height: 50px !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }
  #events .event.kaeff-event-native .kaeff-event-avatar-stack {
    position: relative !important;
    display: block !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  #events .event.kaeff-event-native .kaeff-event-avatar-stack > .kaeff-live-avatar {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
  }
  #events .event.kaeff-event-native .kaeff-event-avatar-stack > .outline,
  #events .event.kaeff-event-native .kaeff-event-avatar-stack > #outline.outline {
    position: absolute !important;
    inset: 0 !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    z-index: 1 !important;
    overflow: visible !important;
    pointer-events: none !important;
  }
  #events .event.kaeff-event-native .kaeff-event-avatar-stack > .outline > img,
  #events .event.kaeff-event-native .kaeff-event-avatar-stack > #outline.outline > img {
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  #events .event.kaeff-event-native .kaeff-event-person-name {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 20px !important;
    font-weight: 600 !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-date {
    display: flex !important;
    align-items: center !important;
    height: 50px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 20px !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-go {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 145px !important;
    max-width: 145px !important;
    height: 30px !important;
    margin: 0 !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-remove {
    position: static !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 30px !important;
    margin: 0 !important;
    justify-self: end !important;
  }
}

/* TOP-3: exact profile/group colour wins over every theme selector. */
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name {
  color: var(--kaeff-profile-color) !important;
  -webkit-text-fill-color: var(--kaeff-profile-color) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: 0 0 3px var(--kaeff-profile-color), 0 0 7px var(--kaeff-profile-color) !important;
  filter: none !important;
}

/* Restore the old interactive TOP-3 feel. */
.kaeff-home-topstats .card_top .item {
  transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.kaeff-home-topstats .card_top .item:hover,
.kaeff-home-topstats .card_top .item.kaeff-force-hover {
  transform: translateY(-2px) !important;
  background: #101112 !important;
  box-shadow: 0 0 0 1px rgba(226,174,39,.30) inset, 0 8px 22px rgba(0,0,0,.30), 0 0 18px rgba(226,174,39,.12) !important;
}
.kaeff-home-topstats .kaeff-top-stars {
  position: absolute !important;
  right: 14px !important;
  top: 50% !important;
  width: 34px !important;
  height: 44px !important;
  transform: translateY(-50%) !important;
  color: #f4b82e !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: default !important;
  z-index: 5 !important;
}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-big,
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-small {
  position: absolute !important;
  display: block !important;
  transform-origin: 50% 50% !important;
  will-change: transform, filter, opacity !important;
  text-shadow: 0 0 8px rgba(244,184,46,.35) !important;
}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-big {
  right: 0 !important;
  top: 0 !important;
  font-size: 28px !important;
  line-height: 1 !important;
}
.kaeff-home-topstats .kaeff-top-stars .kaeff-star-small {
  right: 14px !important;
  bottom: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.kaeff-home-topstats .card_top .item:hover .kaeff-star-big,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .kaeff-star-big,
.kaeff-home-topstats .kaeff-top-stars:hover .kaeff-star-big {
  animation: kaeffStarSpinBig 1.15s linear infinite !important;
}
.kaeff-home-topstats .card_top .item:hover .kaeff-star-small,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .kaeff-star-small,
.kaeff-home-topstats .kaeff-top-stars:hover .kaeff-star-small {
  animation: kaeffStarSpinSmall .78s linear infinite reverse !important;
}
@keyframes kaeffStarSpinBig {
  0% { transform: rotate(0deg) scale(1); filter: drop-shadow(0 0 0 rgba(244,184,46,0)); }
  50% { transform: rotate(180deg) scale(1.18); filter: drop-shadow(0 0 8px rgba(244,184,46,.72)); }
  100% { transform: rotate(360deg) scale(1); filter: drop-shadow(0 0 0 rgba(244,184,46,0)); }
}
@keyframes kaeffStarSpinSmall {
  0% { transform: rotate(0deg) scale(.92); opacity: .72; }
  50% { transform: rotate(180deg) scale(1.26); opacity: 1; }
  100% { transform: rotate(360deg) scale(.92); opacity: .72; }
}

/* V11.26 — event text wraps naturally; TOP-3 gets compact glow stars beside nickname. */
@media (min-width: 992px) {
  #events .event.kaeff-event-native > .kaeff-event-content {
    height: auto !important;
    min-height: 44px !important;
    overflow: visible !important;
  }
  #events .event.kaeff-event-native > .kaeff-event-content > .Link {
    display: -webkit-box !important;
    width: 100% !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    line-height: 20px !important;
    max-height: 40px !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

.kaeff-home-topstats .card_top .name {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.kaeff-home-topstats .kaeff-name-sparkles {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1px !important;
  flex: 0 0 auto !important;
  color: #f4b82e !important;
  line-height: 1 !important;
  pointer-events: none !important;
  filter: drop-shadow(0 0 4px rgba(244,184,46,.45)) !important;
}
.kaeff-home-topstats .kaeff-name-sparkles span:first-child {
  font-size: 11px !important;
  animation: kaeffNickSparkleA 1.65s ease-in-out infinite !important;
}
.kaeff-home-topstats .kaeff-name-sparkles span:last-child {
  font-size: 7px !important;
  animation: kaeffNickSparkleB 1.65s ease-in-out .35s infinite !important;
}
.kaeff-home-topstats .card_top .item:hover .kaeff-name-sparkles span:first-child,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .kaeff-name-sparkles span:first-child {
  animation-duration: .85s !important;
}
.kaeff-home-topstats .card_top .item:hover .kaeff-name-sparkles span:last-child,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .kaeff-name-sparkles span:last-child {
  animation-duration: .7s !important;
}
@keyframes kaeffNickSparkleA {
  0%,100% { transform: scale(.82) rotate(0deg); opacity:.55; filter: drop-shadow(0 0 1px rgba(244,184,46,.25)); }
  50% { transform: scale(1.2) rotate(180deg); opacity:1; filter: drop-shadow(0 0 7px rgba(244,184,46,.9)); }
}
@keyframes kaeffNickSparkleB {
  0%,100% { transform: scale(.72) rotate(0deg); opacity:.4; }
  50% { transform: scale(1.25) rotate(-180deg); opacity:1; }
}


/* V11.27 — one nickname treatment everywhere in chat + electric TOP-3 glow. */
#ochat .kaeff-chat-name,
#ochat .kaeff-chat-message-name,
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name {
  color: currentColor;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow:
    0 0 3px currentColor,
    0 0 7px currentColor,
    0 0 12px color-mix(in srgb, currentColor 55%, transparent) !important;
  filter: brightness(1.08);
  animation: kaeffNickLightning 2.8s steps(1,end) infinite !important;
  will-change: text-shadow, filter;
}

/* Preserve the exact GameCMS group/profile colour; never let the theme whiten it. */
#ochat .kaeff-online-name.kaeff-chat-name,
#ochat .kaeff-chat-message-name.kaeff-chat-name {
  color: inherit;
}
#ochat .kaeff-online-name[style],
#ochat .kaeff-chat-message-name[style] {
  text-decoration: none !important;
}

/* TOP-3 already receives --kaeff-profile-color from the profile/group lookup. */
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name {
  color: var(--kaeff-profile-color) !important;
  -webkit-text-fill-color: var(--kaeff-profile-color) !important;
}

/* Electric flicker, deliberately short and irregular rather than a constant blur. */
@keyframes kaeffNickLightning {
  0%, 16%, 20%, 52%, 56%, 82%, 100% {
    text-shadow: 0 0 3px currentColor, 0 0 7px currentColor, 0 0 11px currentColor;
    filter: brightness(1.08);
  }
  17% {
    text-shadow: 1px 0 2px #fff, -1px 0 4px currentColor, 0 0 12px currentColor, 0 0 18px currentColor;
    filter: brightness(1.45);
  }
  18% {
    text-shadow: -1px 0 2px #fff, 1px 0 5px currentColor, 0 0 15px currentColor;
    filter: brightness(1.18);
  }
  53% {
    text-shadow: 0 0 2px #fff, 0 0 8px currentColor, 0 0 17px currentColor;
    filter: brightness(1.5);
  }
  54% {
    text-shadow: 1px 0 3px currentColor, -1px 0 3px currentColor, 0 0 10px currentColor;
    filter: brightness(1.18);
  }
  83% {
    text-shadow: 0 0 2px #fff, 0 0 9px currentColor, 0 0 16px currentColor;
    filter: brightness(1.4);
  }
}

/* Keep the user-list nickname and message nickname aligned/legible. */
#ochat .kaeff-online-panel .kaeff-online-name,
#ochat .message .info .name > .kaeff-chat-message-name {
  display: inline-block !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  vertical-align: middle !important;
}


/* V11.28 — chat keeps exact GameCMS group colours; TOP1 has stronger blinking nickname stars. */
#ochat .kaeff-native-group-name {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  font-weight: 700 !important;
  animation: none !important;
  filter: none !important;
  text-shadow: 0 0 3px var(--kaeff-chat-color), 0 0 7px color-mix(in srgb, var(--kaeff-chat-color) 70%, transparent) !important;
}
#ochat .kaeff-native-group-name:hover,
#ochat .kaeff-native-group-name:focus {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  filter: brightness(1.12) !important;
}

.kaeff-home-topstats .kaeff-top-rank-1 .name {
  overflow: visible !important;
}
.kaeff-home-topstats .kaeff-top1-nick-stars {
  display: inline-flex !important;
  align-items: center !important;
  gap: 1px !important;
  margin-left: 3px !important;
  color: #f4b82e !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  pointer-events: none !important;
  filter: drop-shadow(0 0 4px rgba(244,184,46,.55)) !important;
}
.kaeff-home-topstats .kaeff-top1-nick-stars span {
  display: inline-block !important;
  transform-origin: center !important;
  will-change: transform, opacity, filter !important;
}
.kaeff-home-topstats .kaeff-top1-nick-stars span:nth-child(1) {
  font-size: 10px !important;
  animation: kaeffTop1NickStarA 1.15s ease-in-out infinite !important;
}
.kaeff-home-topstats .kaeff-top1-nick-stars span:nth-child(2) {
  font-size: 7px !important;
  animation: kaeffTop1NickStarB 1.15s ease-in-out .22s infinite !important;
}
.kaeff-home-topstats .kaeff-top1-nick-stars span:nth-child(3) {
  font-size: 6px !important;
  animation: kaeffTop1NickStarC 1.15s ease-in-out .48s infinite !important;
}
.kaeff-home-topstats .kaeff-top-rank-1:hover .kaeff-top1-nick-stars span:nth-child(1),
.kaeff-home-topstats .kaeff-top-rank-1.kaeff-force-hover .kaeff-top1-nick-stars span:nth-child(1) { animation-duration: .62s !important; }
.kaeff-home-topstats .kaeff-top-rank-1:hover .kaeff-top1-nick-stars span:nth-child(2),
.kaeff-home-topstats .kaeff-top-rank-1.kaeff-force-hover .kaeff-top1-nick-stars span:nth-child(2) { animation-duration: .54s !important; }
.kaeff-home-topstats .kaeff-top-rank-1:hover .kaeff-top1-nick-stars span:nth-child(3),
.kaeff-home-topstats .kaeff-top-rank-1.kaeff-force-hover .kaeff-top1-nick-stars span:nth-child(3) { animation-duration: .46s !important; }
@keyframes kaeffTop1NickStarA {
  0%,100% { opacity:.28; transform:scale(.68) rotate(0deg); filter:drop-shadow(0 0 0 rgba(244,184,46,0)); }
  45% { opacity:1; transform:scale(1.28) rotate(160deg); filter:drop-shadow(0 0 7px rgba(244,184,46,.95)); }
  60% { opacity:.72; transform:scale(.92) rotate(220deg); }
}
@keyframes kaeffTop1NickStarB {
  0%,100% { opacity:.18; transform:scale(.58) rotate(0deg); }
  50% { opacity:1; transform:scale(1.38) rotate(-180deg); filter:drop-shadow(0 0 6px rgba(255,219,91,.9)); }
}
@keyframes kaeffTop1NickStarC {
  0%,100% { opacity:.12; transform:scale(.52); }
  42% { opacity:1; transform:scale(1.34); filter:drop-shadow(0 0 5px rgba(255,238,164,.95)); }
}


/* V11.29 — chat uses actual profile/group colour, TOP-3 has visible animated lightning around nickname. */
#ochat [data-kaeff-profile-color-id].kaeff-native-group-name {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  text-shadow: 0 0 2px var(--kaeff-chat-color), 0 0 5px color-mix(in srgb, var(--kaeff-chat-color) 60%, transparent) !important;
  filter: none !important;
}

.kaeff-home-topstats .card_top .name > a.kaeff-profile-name {
  position: relative !important;
  display: inline-block !important;
  overflow: visible !important;
  isolation: isolate !important;
  animation: kaeffTopNickElectric 2.25s steps(1,end) infinite !important;
}
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name::before,
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name::after {
  position: absolute !important;
  z-index: 3 !important;
  color: #f7c33d !important;
  -webkit-text-fill-color: #f7c33d !important;
  pointer-events: none !important;
  line-height: 1 !important;
  opacity: .35;
  filter: drop-shadow(0 0 5px rgba(247,195,61,.85));
}
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name::before {
  content: '⚡' !important;
  left: -11px !important;
  top: -7px !important;
  font-size: 9px !important;
  animation: kaeffTopNickBoltA 1.35s steps(1,end) infinite !important;
}
.kaeff-home-topstats .card_top .name > a.kaeff-profile-name::after {
  content: '✦' !important;
  right: -9px !important;
  bottom: -5px !important;
  font-size: 8px !important;
  animation: kaeffTopNickBoltB 1.65s steps(1,end) .25s infinite !important;
}
.kaeff-home-topstats .card_top .item:hover .name > a.kaeff-profile-name::before,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .name > a.kaeff-profile-name::before { animation-duration: .58s !important; }
.kaeff-home-topstats .card_top .item:hover .name > a.kaeff-profile-name::after,
.kaeff-home-topstats .card_top .item.kaeff-force-hover .name > a.kaeff-profile-name::after { animation-duration: .46s !important; }

@keyframes kaeffTopNickElectric {
  0%,15%,19%,51%,55%,82%,100% { text-shadow: 0 0 2px currentColor, 0 0 5px currentColor !important; filter:brightness(1); }
  16%,52%,83% { text-shadow: -1px 0 1px #fff, 1px 0 2px currentColor, 0 0 9px currentColor, 0 0 15px currentColor !important; filter:brightness(1.45); }
  17%,53%,84% { text-shadow: 1px 0 1px #fff, -1px 0 2px currentColor, 0 0 7px currentColor !important; filter:brightness(1.18); }
}
@keyframes kaeffTopNickBoltA {
  0%,22%,100% { opacity:.18; transform:translate(0,0) scale(.72) rotate(-12deg); }
  23% { opacity:1; transform:translate(-2px,-2px) scale(1.35) rotate(8deg); }
  25% { opacity:.32; transform:translate(1px,1px) scale(.9) rotate(-18deg); }
  58% { opacity:.9; transform:translate(-1px,0) scale(1.18) rotate(15deg); }
  61% { opacity:.16; }
}
@keyframes kaeffTopNickBoltB {
  0%,35%,100% { opacity:.12; transform:scale(.65) rotate(0deg); }
  36% { opacity:1; transform:scale(1.45) rotate(150deg); }
  39% { opacity:.25; transform:scale(.82) rotate(210deg); }
  72% { opacity:.85; transform:scale(1.2) rotate(320deg); }
  75% { opacity:.12; }
}


/* V11.30 — chat nickname colours are rendered directly from the user profile group.
   Do not allow theme/default white or the old async fallback to repaint them. */
#ochat .kaeff-online-name.kaeff-native-group-name,
#ochat .kaeff-chat-message-name.kaeff-native-group-name {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  text-decoration-color: var(--kaeff-chat-color) !important;
  font-weight: 700 !important;
  filter: none !important;
  text-shadow: 0 0 3px currentColor, 0 0 6px currentColor !important;
}
#ochat .kaeff-online-name.kaeff-native-group-name:hover,
#ochat .kaeff-chat-message-name.kaeff-native-group-name:hover {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  filter: brightness(1.12) !important;
}


/* V11.31 — final chat group-colour fix.
   The chat renderers already provide {gp_color}; use it directly and do not recalculate it. */
#ochat .kaeff-online-name.kaeff-native-group-name,
#ochat .kaeff-chat-message-name.kaeff-native-group-name,
#ochat .kaeff-online-name.kaeff-chat-name,
#ochat .kaeff-chat-message-name.kaeff-chat-name {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  text-decoration-color: var(--kaeff-chat-color) !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  animation: none !important;
  filter: none !important;
  opacity: 1 !important;
  font-weight: 700 !important;
  text-shadow: 0 0 2px var(--kaeff-chat-color), 0 0 4px var(--kaeff-chat-color) !important;
}
#ochat .kaeff-online-name.kaeff-native-group-name:hover,
#ochat .kaeff-chat-message-name.kaeff-native-group-name:hover {
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  filter: brightness(1.08) !important;
}


/* V11.32 — chat nickname color lives on the text itself; glow never replaces the group color. */
#ochat .kaeff-chat-message-name,
#ochat .kaeff-online-name {
  color: inherit !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

#ochat .kaeff-chat-color-direct {
  display: inline-block;
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  font-weight: 700;
  line-height: 1.15;
}

@keyframes kaeffNickElectricPulseV1132 {
  0%, 100% {
    text-shadow:
      0 0 1px currentColor,
      0 0 3px currentColor,
      0 1px 2px rgba(255, 45, 142, .22);
    filter: brightness(1);
  }
  12% {
    text-shadow:
      -1px 0 2px currentColor,
      1px 0 4px #ff2d8e,
      0 0 6px currentColor;
    filter: brightness(1.08);
  }
  15% {
    text-shadow:
      1px 0 2px currentColor,
      -1px 0 5px #8e72ff,
      0 0 8px currentColor;
    filter: brightness(1.22);
  }
  18% {
    text-shadow:
      0 0 1px currentColor,
      0 0 3px currentColor;
    filter: brightness(1);
  }
  52% {
    text-shadow:
      0 0 2px currentColor,
      0 0 5px currentColor,
      1px 1px 4px #ff2d8e;
    filter: brightness(1.12);
  }
  55% {
    text-shadow:
      -1px -1px 2px currentColor,
      1px 1px 6px #8e72ff,
      0 0 8px currentColor;
    filter: brightness(1.25);
  }
  58% {
    text-shadow:
      0 0 1px currentColor,
      0 0 4px currentColor;
    filter: brightness(1);
  }
}

/* Same subtle electric shimmer on nickname surfaces across the template. */
.kaeff-nick-electric,
.kaeff-glow-name,
.kaeff-top3-name {
  animation: kaeffNickElectricPulseV1132 2.15s ease-in-out infinite !important;
  will-change: text-shadow, filter;
}

#ochat .kaeff-chat-color-direct:hover,
#ochat .kaeff-chat-color-direct:focus,
.kaeff-top3-card:hover .kaeff-top3-name {
  animation-duration: .9s !important;
}

@media (prefers-reduced-motion: reduce) {
  .kaeff-nick-electric,
  .kaeff-glow-name,
  .kaeff-top3-name {
    animation: none !important;
  }
}


/* V11.33 — final chat nickname colour fix.
   Important: color is applied directly to the visible text node from {gp_color}.
   This mirrors the legacy GameCMS templates and cannot be repainted white by parent/link rules. */
#ochat a.kaeff-online-name,
#ochat a.kaeff-chat-message-name {
  color: inherit !important;
  -webkit-text-fill-color: initial !important;
  background: none !important;
  background-image: none !important;
  filter: none !important;
  text-shadow: none !important;
}

#ochat .kaeff-chat-nick-final {
  display: inline-block !important;
  color: var(--kaeff-chat-color) !important;
  -webkit-text-fill-color: var(--kaeff-chat-color) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  filter: none;
  opacity: 1 !important;
  text-decoration: none !important;
  animation: kaeffChatNickElectricV1133 2.35s ease-in-out infinite !important;
  will-change: text-shadow, filter;
}

@keyframes kaeffChatNickElectricV1133 {
  0%, 100% {
    text-shadow: 0 0 2px currentColor, 0 0 5px currentColor;
    filter: brightness(1);
  }
  10% {
    text-shadow: -1px 0 2px currentColor, 1px 0 4px currentColor, 0 0 8px currentColor;
    filter: brightness(1.12);
  }
  13% {
    text-shadow: 1px 0 1px #fff, -1px 0 3px currentColor, 0 0 9px currentColor;
    filter: brightness(1.28);
  }
  16% {
    text-shadow: 0 0 2px currentColor, 0 0 5px currentColor;
    filter: brightness(1);
  }
  54% {
    text-shadow: 0 0 3px currentColor, 1px 1px 6px currentColor;
    filter: brightness(1.14);
  }
  57% {
    text-shadow: -1px -1px 2px #fff, 1px 1px 5px currentColor, 0 0 10px currentColor;
    filter: brightness(1.3);
  }
  60% {
    text-shadow: 0 0 2px currentColor, 0 0 5px currentColor;
    filter: brightness(1);
  }
}

#ochat .kaeff-chat-nick-final:hover {
  animation-duration: .9s !important;
}

@media (prefers-reduced-motion: reduce) {
  #ochat .kaeff-chat-nick-final { animation: none !important; }
}

/* V11.34 — chat nickname appearance now uses the exact native GameCMS group style.
   Do NOT repaint it through currentColor/CSS variables: {gp_color} may itself contain
   the group's native text effects, exactly as used by the "Сегодня были" widget. */
#ochat .kaeff-chat-native-name {
  display: inline-block;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: middle;
}
#ochat .kaeff-online-panel > .kaeff-chat-native-name {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#ochat .kaeff-chat-native-link {
  display: inline-block;
  max-width: 100%;
  text-decoration: none !important;
  background: none !important;
}
/* Explicitly neutralize only our former synthetic nickname effects on the new native nodes.
   No color/text-shadow/filter is set here: the inline GameCMS group style stays authoritative. */
#ochat .kaeff-chat-native-name,
#ochat .kaeff-chat-native-name:hover,
#ochat .kaeff-chat-native-name:focus {
  animation: none !important;
}

/* =========================================================
   V11.36 — HEADER SERVICES MENU FIX
   - menu sits directly under the top header
   - the 3x3 grid is fully contained inside its panel
   - removes the old +70px Bootstrap/legacy transform offset
   ========================================================= */
.Services.kaeff-services > .dropdown > .kaeff-services-menu,
.Services.kaeff-services > .dropdown > .kaeff-services-menu.show{
  transform:none!important;
  width:252px!important;
  min-width:252px!important;
  max-width:252px!important;
  height:auto!important;
  min-height:228px!important;
  max-height:calc(100vh - 78px)!important;
  margin:0!important;
  padding:10px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
}
.Services.kaeff-services > .dropdown > .kaeff-services-menu.show{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(3,68px)!important;
  grid-auto-rows:68px!important;
  gap:2px!important;
}
.Services.kaeff-services > .dropdown > .kaeff-services-menu > li{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  height:68px!important;
  min-height:68px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.Services.kaeff-services > .dropdown > .kaeff-services-menu > li > a{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.Services.kaeff-services > .dropdown > .kaeff-services-menu > li > a .Name{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
@media (max-width: 275px){
  .Services.kaeff-services > .dropdown > .kaeff-services-menu,
  .Services.kaeff-services > .dropdown > .kaeff-services-menu.show{
    width:calc(100vw - 16px)!important;
    min-width:0!important;
    max-width:calc(100vw - 16px)!important;
  }
}



/* V11.12: DDoS-Guard dCAPTCHA for auth / registration / recovery. */
#authorization .modal-header,
#registration .modal-header{position:relative!important}
#authorization .modal-title,
#registration .modal-title{width:100%!important;margin:0!important;padding:0 28px!important;text-align:center!important}
#authorization .modal-header .close,
#registration .modal-header .close{position:absolute!important;right:13px!important;top:8px!important;margin:0!important;z-index:2!important}
#authorization .kaeff-auth-links{display:block;width:100%;margin:0;text-align:center}
#authorization .kaeff-auth-links .small{display:inline-block;width:auto!important}
.kaeff-ddg-captcha{display:flex;justify-content:center;width:100%;margin:12px auto 0;overflow:visible}
#authorization .kaeff-ddg-captcha,
#registration .kaeff-ddg-captcha{position:relative;left:50%;width:300px;max-width:none;min-height:76px;margin-left:-150px;transform:scale(.80);transform-origin:50% 0;margin-bottom:-14px}
.kaeff-ddg-captcha-recovery{justify-content:flex-start;width:300px;max-width:100%;margin-top:14px;transform:scale(.92);transform-origin:0 0;margin-bottom:-6px}
@media (max-width:575.98px){
  .kaeff-ddg-captcha-recovery{transform:scale(.86);margin-bottom:-10px}
}

/* =========================================================
   KAEFF mobile resilience patch — 2026-09-26
   Desktop styling is intentionally untouched.
   ========================================================= */
@media (max-width: 991.98px) {
  html,
  body,
  .wapper,
  .wapper > .content,
  #MainContentSite {
    max-width: 100%;
  }

  .modal-dialog {
    width: auto;
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }

  .modal-content,
  .modal-body,
  .forum-topics .Item,
  .topic-answers .right-side,
  .dialogs .dialog,
  .im_message {
    min-width: 0;
    max-width: 100%;
  }

  .modal-body img,
  .modal-body iframe,
  .pay_area img,
  .forum-topics img,
  .topic-answers img {
    max-width: 100%;
    height: auto;
  }

  .table-responsive,
  .HomeNews .content .convert,
  .block_news > .items,
  .cases_history .items {
    -webkit-overflow-scrolling: touch;
  }

  pre,
  code,
  .with_code {
    max-width: 100%;
    overflow-x: auto;
    overflow-wrap: normal;
  }
}
/* ===== KAEFF — убрать все рамки аватаров ===== */

/* кастомная рамка OutLine */
.outline,
.kaeff-avatar-outline,
.kaeff-online-avatar-outline,
.kaeff-online-avatar-wrap > .outline {
    display:none !important;
}

/* убрать обводки у самих аватаров */
img.kaeff-live-avatar,
.kaeff-online-avatar-link img,
.profile img,
.avatar img,
.user-avatar img {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================================
   ДРУЗЬЯ — ТОЧНО КАК НА РЕФЕРЕНСЕ
   ========================================================= */

.friend {
    position: relative !important;

    display: flex !important;
    align-items: center !important;

    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;

    margin: 0 !important;
    padding: 8px 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    border: 0 !important;
    border-top: 1px solid #171719 !important;

    background: transparent !important;

    box-shadow: none !important;
}

.friend:first-child {
    border-top: 0 !important;
}


/* АВАТАР */
.friend > a {
    float: none !important;

    display: block !important;

    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;

    margin: 0 12px 0 0 !important;
    padding: 0 !important;
}

.friend > a img {
    display: block !important;

    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}


/* БЛОК С ИМЕНЕМ */
.friend > div {
    float: none !important;

    width: auto !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    font-size: 13px !important;
    line-height: 18px !important;
}


/* ИМЯ */
.friend > div > a:first-child {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 600 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-decoration: none !important;
}


/* Убираем старые принудительные переносы */
.friend > div > a::after {
    content: none !important;
}


/* УБИРАЕМ РОЛЬ / СТАТУС */
.friend > div > span {
    display: none !important;
}


/* "Написать сообщение" */
.friend > div > a:not(:first-child):not([onclick^="reject_friend"]) {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    color: #77777d !important;

    font-size: 12px !important;
    line-height: 17px !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


/* Удаление/служебные ссылки не показываем */
.friend > div > a[onclick^="reject_friend"] {
    display: none !important;
}


/* Никаких старых эффектов */
.friend *,
.friend > div,
.friend > div > a {
    box-sizing: border-box !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}
/* =========================================================
   ДИАЛОГИ — ЧИСТЫЙ ТЁМНЫЙ ВИД
   ========================================================= */

#place_for_messages .dialog {
    display: flex !important;

    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    border: 1px solid #17191c !important;
    border-radius: 7px !important;

    background: #101113 !important;
}


/* ЛЕВАЯ ЧАСТЬ: АВАТАР + ИНФОРМАЦИЯ */
#place_for_messages .dialog > div:nth-child(1) {

    display: flex !important;
    align-items: center !important;

    float: none !important;

    width: calc(100% - 40px) !important;
    height: 64px !important;

    min-width: 0 !important;

    padding: 7px 10px !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    background: #101113 !important;

    border: 0 !important;
}


/* АВАТАР */
#place_for_messages .dialog > div:nth-child(1) img {

    float: none !important;

    flex: 0 0 44px !important;

    width: 44px !important;
    height: 44px !important;

    margin: 0 11px 0 0 !important;
    padding: 0 !important;

    border-radius: 50% !important;

    object-fit: cover !important;
}


/* БЛОК ТЕКСТА */
#place_for_messages .dialog > div:nth-child(1) div {

    float: none !important;

    width: auto !important;
    min-width: 0 !important;

    flex: 1 1 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
}


/* ВСЕ СТРОКИ */
#place_for_messages .dialog > div:nth-child(1) div p {

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    white-space: nowrap !important;
    text-overflow: ellipsis !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}


/* НИК */
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(2) {

    font-size: 14px !important;
    line-height: 19px !important;

    font-weight: 600 !important;

    color: inherit !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}


/* ДАТА / ВРЕМЯ */
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(3) {

    margin: 0 !important;

    font-size: 11px !important;
    line-height: 15px !important;

    color: #777d86 !important;
}


/* ТЕКСТ ПОСЛЕДНЕГО СООБЩЕНИЯ */
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(5),
#place_for_messages .dialog > div:nth-child(1) div p:nth-child(6) {

    margin: 0 !important;

    font-size: 11px !important;
    line-height: 15px !important;

    color: #777d86 !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}


/* ПРАВАЯ ЧАСТЬ — КОРЗИНА */
#place_for_messages .dialog > div:nth-child(2) {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    float: none !important;

    flex: 0 0 40px !important;

    width: 40px !important;
    height: 64px !important;

    padding: 0 !important;
    margin: 0 !important;

    box-sizing: border-box !important;

    background: #101113 !important;

    border: 0 !important;
    border-left: 1px solid #17191c !important;
}


/* ИКОНКА УДАЛЕНИЯ */
#place_for_messages .dialog > div:nth-child(2) span {

    font-size: 15px !important;

    color: rgba(150,155,165,.45) !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}


/* НАВЕДЕНИЕ НА ДИАЛОГ */
#place_for_messages .dialog > div:nth-child(1):hover {

    background: #13171c !important;

    border: 0 !important;
}


/* НАВЕДЕНИЕ НА КОРЗИНУ */
#place_for_messages .dialog > div:nth-child(2):hover {

    background: rgba(120,35,35,.18) !important;

    border-left: 1px solid #3a2020 !important;
}


/* НИКИ В ДИАЛОГА — НИКАКОГО ЯДОВИТОГО СВЕЧЕНИЯ */
#place_for_messages .dialog .kaeff-glow-name,
#place_for_messages .dialog a {

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}
/* =========================================================
   KAEFF — ПОСЛЕДНЕЕ НА ФОРУМЕ
   ПК — 3 последние темы
   НЕ ТРОГАЕТ #events
   ========================================================= */


/* сам блок строится как обычный .block */
#home_last_forum {
    width: 100% !important;
    box-sizing: border-box !important;

    margin-top: 14px !important;

    background: #0b0b0c !important;

    border: 1px solid rgba(255,255,255,.035) !important;
    border-radius: 12px !important;

    overflow: hidden !important;
}


/* =========================================================
   ЗАГОЛОВОК — такой же по размеру, как у событий
   ========================================================= */

#home_last_forum > .block_head {
    position: relative !important;

    margin: 0 !important;
    padding: 18px 20px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.045) !important;

    color: #eeeeee !important;

    font-size: 16px !important;
    line-height: 20px !important;

    font-weight: 700 !important;
}


/* золотой акцент */
#home_last_forum > .block_head::before {
    content: "" !important;

    display: inline-block !important;

    width: 3px !important;
    height: 18px !important;

    margin-right: 10px !important;

    vertical-align: -3px !important;

    border-radius: 3px !important;

    background: linear-gradient(
        180deg,
        #f2c94c,
        #a97918
    ) !important;
}


/* =========================================================
   ШАПКА КОЛОНОК
   ========================================================= */

#home_last_forum .home_forum_header {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        150px
        180px
        145px !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 36px !important;

    box-sizing: border-box !important;

    padding: 0 !important;

    border-bottom: 1px solid rgba(255,255,255,.04) !important;

    background: transparent !important;
}


#home_last_forum .home_forum_header span {

    display: block !important;

    box-sizing: border-box !important;

    padding: 0 12px !important;

    color: #62666d !important;

    font-size: 11px !important;
    line-height: 16px !important;

    font-weight: 600 !important;

    text-transform: uppercase !important;
}


#home_last_forum .home_forum_header span:nth-child(2),
#home_last_forum .home_forum_header span:nth-child(3) {
    text-align: left !important;
}


#home_last_forum .home_forum_header span:nth-child(4) {
    text-align: center !important;

    color: #b28a25 !important;
}


/* =========================================================
   СПИСОК
   ========================================================= */

#home_last_forum #home_last_activity {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   КАЖДАЯ ТЕМА
   ========================================================= */

#home_last_forum #home_last_activity > span {

    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        150px
        180px
        145px !important;

    align-items: center !important;

    width: 100% !important;

    min-height: 68px !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(255,255,255,.04) !important;

    background: transparent !important;

    transition: background .2s ease !important;
}


#home_last_forum #home_last_activity > span:hover {
    background: rgba(255,255,255,.015) !important;
}


/* =========================================================
   ВСЕ ТЕКСТЫ — ОДИН РАЗМЕР
   ========================================================= */

#home_last_forum #home_last_activity > span p {

    box-sizing: border-box !important;

    margin: 0 !important;

    padding: 0 12px !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 500 !important;

    text-shadow: none !important;
    filter: none !important;
    animation: none !important;
}


/* =========================================================
   ТЕМА
   ========================================================= */

#home_last_forum #home_last_activity > span p:first-child {

    grid-column: 1 !important;
    grid-row: 1 !important;

    width: 100% !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    color: #eeeeee !important;

    font-size: 12px !important;
    font-weight: 600 !important;
}


#home_last_forum #home_last_activity > span p:first-child a {

    color: #eeeeee !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

/* =========================================================
   ПОСЛЕДНЕЕ НА ФОРУМЕ — ТОЧНО КАК ПОСЛЕДНИЕ СОБЫТИЯ
   ========================================================= */

@media (min-width: 1024px) {

    /* если движок сам выводит шапку Автор / Дата / Перейти — скрываем */
    #home_last_forum .home_forum_header {
        display: none !important;
    }

    /* такая же сетка, как у #events */
    #home_last_forum #home_last_activity > span {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            220px
            175px
            145px
            18px !important;

        column-gap: 18px !important;

        align-items: center !important;

        width: 100% !important;
        min-height: 68px !important;

        padding: 8px 12px !important;

        box-sizing: border-box !important;
    }

    /* название темы */
    #home_last_forum #home_last_activity > span p:first-child {
        grid-column: 1 !important;
        grid-row: 1 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        font-size: 12px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
    }

    #home_last_forum #home_last_activity > span p:first-child a {
        display: block !important;

        width: 100% !important;

        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        color: #eeeeee !important;

        font-size: 12px !important;
        line-height: 20px !important;
        font-weight: 600 !important;
    }

    /* автор */
    #home_last_forum #home_last_activity > span p:nth-child(3) {
        grid-column: 2 !important;
        grid-row: 1 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        color: #73777d !important;

        font-size: 12px !important;
        line-height: 20px !important;
    }

    #home_last_forum #home_last_activity > span p:nth-child(3) a {
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        color: #d2a735 !important;

        font-size: 12px !important;
        font-weight: 600 !important;
    }

    /* дата — БЕЗ ВРЕМЕНИ */
    #home_last_forum #home_last_activity > span p:nth-child(2) {
        grid-column: 3 !important;
        grid-row: 1 !important;

        display: flex !important;
        align-items: center !important;

        width: 100% !important;
        height: 50px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;

        color: #73777d !important;

        font-size: 12px !important;
        line-height: 20px !important;
    }

    /* кнопка — в той же колонке и того же размера */
    #home_last_forum #home_last_activity > span::after {
        content: "Перейти" !important;

        grid-column: 4 !important;
        grid-row: 1 !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 145px !important;
        max-width: 145px !important;
        height: 30px !important;

        margin: 0 !important;

        justify-self: end !important;

        box-sizing: border-box !important;

        border: 1px solid #c99a1d !important;
        border-radius: 6px !important;

        background: transparent !important;

        color: #d8ac30 !important;

        font-size: 12px !important;
        line-height: 16px !important;
        font-weight: 600 !important;

        white-space: nowrap !important;
    }

}
/* =========================================================
   АВТОР
   ========================================================= */

#home_last_forum #home_last_activity > span p:nth-child(3) {

    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 100% !important;

    overflow: hidden !important;

    white-space: nowrap !important;

    text-overflow: ellipsis !important;

    color: #73777d !important;

    font-size: 12px !important;
}


#home_last_forum #home_last_activity > span p:nth-child(3) a {

    color: #d2a735 !important;

    font-size: 12px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* =========================================================
   ДАТА
   ========================================================= */

#home_last_forum #home_last_activity > span p:nth-child(2) {

    grid-column: 3 !important;
    grid-row: 1 !important;

    width: 100% !important;

    white-space: nowrap !important;

    color: #73777d !important;

    font-size: 12px !important;
}


/* =========================================================
   КНОПКА
   ========================================================= */

#home_last_forum #home_last_activity > span::after {

    content: "Перейти " !important;

    grid-column: 4 !important;
    grid-row: 1 !important;

    justify-self: center !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 130px !important;
    height: 32px !important;

    box-sizing: border-box !important;

    border: 1px solid #c99a1d !important;

    border-radius: 6px !important;

    background: transparent !important;

    color: #d8ac30 !important;

    font-size: 12px !important;
    line-height: 16px !important;

    font-weight: 600 !important;

    transition:
        background .2s ease,
        border-color .2s ease,
        color .2s ease !important;
}


#home_last_forum #home_last_activity > span:hover::after {

    background: rgba(211,168,58,.07) !important;

    border-color: #e3b93e !important;

    color: #f0c44a !important;
}


/* =========================================================
   НИЖНЯЯ ССЫЛКА
   ========================================================= */

#home_last_forum .home_forum_all {

    display: flex !important;

    justify-content: flex-end !important;
    align-items: center !important;

    width: 100% !important;

    box-sizing: border-box !important;

    margin: 0 !important;
    padding: 13px 2px 3px !important;

    background: transparent !important;

    color: #70747a !important;

    font-size: 11px !important;
    line-height: 16px !important;

    text-decoration: none !important;
}


#home_last_forum .home_forum_all span {

    margin-left: 7px !important;

    color: #d4a631 !important;

    font-size: 16px !important;
}


#home_last_forum .home_forum_all:hover {
    color: #dddddd !important;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 1023px) {

    #home_last_forum {
        display: none !important;
    }

}