/* Shared information footer. Scoped separately from game and payment UI. */
body .page-shell > .site-footer.site-footer--information {
  box-sizing: border-box;
  width: 100%;
  max-width: var(--content-width, 1200px);
  margin: 40px auto 20px;
  padding: 0;
  color: #c4c7d3;
  text-align: left;
}
body.site-shell-nav-enabled .page-shell > .site-footer.site-footer--information {
  width: var(--site-content-available, 100%);
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}
.site-footer--information .site-footer__surface {
  padding: 30px 4px 20px;
  border: 0;
  border-top: 1px solid rgba(189, 191, 216, .12);
  border-radius: 0;
  background: transparent;
}
.site-footer--information .site-footer__columns {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, .52fr);
  gap: 44px;
}
.site-footer--information .site-footer__heading {
  margin: 0 0 15px;
  color: #f0f0f6;
  font-size: 1rem;
  font-weight: 750;
  line-height: 1.35;
}
.site-footer--information .site-footer__navigation {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 28px;
}
.site-footer--information .site-footer__navigation a {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 4px 0;
  color: #b9bdcc;
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.site-footer--information .site-footer__navigation a:hover,
.site-footer--information .site-footer__channel:hover { color: #fff; }
.site-footer--information .site-footer__support p {
  margin: 0 0 18px;
  color: #a6abba;
  font-size: .82rem;
  line-height: 1.6;
}
.site-footer--information .site-footer__support-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 11px 16px;
  border: 1px solid #b7bad1;
  border-radius: 13px;
  background: #c3c6dc;
  color: #242637;
  font: inherit;
  font-size: .83rem;
  font-weight: 750;
  line-height: 1.4;
  text-decoration: none;
  text-align: center;
  transition: background .15s ease;
}
.site-footer--information .site-footer__support-button:hover { background: #d6d8e9; }
.site-footer__support-button svg { width: 19px; height: 19px; flex: none; }
.site-footer--information .site-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 24px;
  padding-top: 17px;
  border-top: 1px solid rgba(189, 191, 216, .10);
}
.site-footer--information .site-footer__brand { color: #a9aebb; font-size: .82rem; font-weight: 750; }
.site-footer--information .site-footer__channel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 10px 16px;
  border: 1px solid rgba(110, 178, 228, .35);
  border-radius: 13px;
  background: rgba(62, 126, 177, .14);
  color: #b6defb;
  font-size: .84rem;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
}
.site-footer--information .site-footer__channel svg { width: 21px; height: 21px; flex: none; color: #8acbf4; }
.site-footer--information .site-footer__channel:hover { border-color: rgba(139, 201, 243, .62); background: rgba(62, 126, 177, .23); }
.site-footer--information a:focus-visible,
.site-support-dialog a:focus-visible,
.site-support-dialog button:focus-visible,
.contacts-actions :is(.site-contact-telegram, .site-contact-email):focus-visible { outline: 2px solid #c6b8ed; outline-offset: 4px; }

html.site-support-open { overflow: hidden; }
dialog.site-support-dialog {
  box-sizing: border-box;
  width: min(480px, calc(100% - 32px));
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 34px 28px 28px;
  overflow-y: auto;
  overscroll-behavior: contain;
  border: 1px solid rgba(196, 195, 221, .2);
  border-radius: 26px;
  background: #1a1c27;
  color: #f2f2f8;
  box-shadow: 0 28px 100px rgba(0, 0, 0, .45);
  font-family: inherit;
}
dialog.site-support-dialog::backdrop { background: rgba(4, 6, 12, .74); backdrop-filter: blur(6px); }
.site-support-dialog__close-form { position: absolute; top: 12px; right: 12px; margin: 0; }
.site-support-dialog__close {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, .07);
  color: #c7cad6;
  font-size: 27px;
  line-height: 1;
  cursor: pointer;
}
.site-support-dialog__eyebrow { color: #b8b2d0; font-size: .72rem; font-weight: 750; letter-spacing: .13em; text-transform: uppercase; }
.site-support-dialog h2 { margin: 13px 30px 10px 0; color: inherit; font-size: 1.7rem; line-height: 1.2; }
.site-support-dialog p { margin: 0 0 24px; color: #afb3c3; font-size: .9rem; line-height: 1.6; }
.site-support-dialog__actions { display: grid; gap: 12px; }
.site-support-dialog .site-support-contact {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px 15px;
  border: 1px solid rgba(195, 195, 219, .15);
  border-radius: 16px;
  background: rgba(255, 255, 255, .03);
  color: #e8e9f1;
  text-decoration: none;
}
.site-support-dialog .site-support-contact--telegram { border-color: rgba(149, 178, 211, .3); background: #253549; }
.site-support-dialog .site-support-contact:hover { border-color: #8d9bb6; background: #2c3546; }
.site-support-contact__icon { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 11px; background: rgba(183, 202, 233, .1); color: #b0d0ee; }
.site-support-contact__icon svg { width: 22px; height: 22px; }
.site-support-contact strong { display: block; font-size: .88rem; font-weight: 750; line-height: 1.4; }
.site-support-contact small { display: block; margin-top: 5px; color: #afb9ca; font-size: .73rem; line-height: 1.4; overflow-wrap: anywhere; }
.auth-actions.contacts-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.contacts-actions :is(.site-contact-telegram, .site-contact-email) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 62px;
  min-width: 0;
  padding: 14px 24px;
  border: 1px solid #819bb7;
  border-radius: 16px;
  background: #b8d2e8;
  color: #172a3c;
  text-decoration: none;
  text-align: left;
}
.contacts-actions .site-contact-telegram:hover { background: #d0e2f2; }
.contacts-actions .site-contact-email { background: #c7c7dc; border-color: #9697b0; color: #24283b; }
.contacts-actions .site-contact-email:hover { background: #d9d9e9; }
.contacts-actions :is(.site-contact-telegram, .site-contact-email) svg { width: 27px; height: 27px; flex: none; }
.contacts-actions :is(.site-contact-telegram, .site-contact-email) strong { display: block; font-size: .94rem; line-height: 1.4; }
.contacts-actions :is(.site-contact-telegram, .site-contact-email) small { display: block; margin-top: 2px; font-size: .78rem; font-weight: 500; line-height: 1.4; overflow-wrap: anywhere; }

@media (max-width: 1050px) {
  .site-footer--information .site-footer__columns { gap: 26px; grid-template-columns: minmax(0, 1fr) 250px; }
  .site-footer--information .site-footer__navigation { grid-template-columns: 1fr; }
}
@media (max-width: 980px) {
  /* Reserve the floating navigation once, in the page shell, not again in the footer. */
  body.site-shell-nav-enabled .page-shell:has(> .site-footer--information),
  body.catalog-home-page .page-shell:has(> .site-footer--information) {
    padding-bottom: calc(66px + var(--mobile-nav-browser-offset, 0px) + var(--mobile-nav-lift, 0px) + var(--mobile-nav-float-gap, 10px) + env(safe-area-inset-bottom, 0px));
  }
  body .page-shell > .site-footer.site-footer--information {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 720px) {
  .auth-actions.contacts-actions { grid-template-columns: 1fr; }
  body .page-shell > .site-footer.site-footer--information,
  body.site-shell-nav-enabled .page-shell > .site-footer.site-footer--information {
    width: 100%;
    margin: 28px 0 0;
    padding: 0;
  }
  .site-footer--information .site-footer__surface { padding: 24px 4px 18px; }
  .site-footer--information .site-footer__columns { grid-template-columns: 1fr; gap: 24px; }
  .site-footer--information .site-footer__heading { margin-bottom: 12px; font-size: 1rem; }
  .site-footer--information .site-footer__navigation { gap: 0; }
  .site-footer--information .site-footer__navigation a { min-height: 42px; font-size: .82rem; }
  .site-footer--information .site-footer__support { padding-top: 22px; border-top: 1px solid rgba(189, 191, 216, .10); }
  .site-footer--information .site-footer__support p { margin-bottom: 14px; }
  .site-footer--information .site-footer__bottom { margin-top: 22px; flex-direction: column-reverse; align-items: stretch; gap: 18px; }
  .site-footer--information .site-footer__brand { text-align: center; }
  dialog.site-support-dialog { padding: 32px 20px 20px; border-radius: 22px; }
  .site-support-dialog h2 { font-size: 1.5rem; }
  .site-support-dialog .site-support-contact { gap: 10px; padding: 15px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .site-footer--information .site-footer__support-button { transition: none; }
}
:root[data-theme='light'] .site-footer--information .site-footer__surface { background: transparent; border-color: #d6d9e4; }
:root[data-theme='light'] .site-footer--information .site-footer__heading { color: #242b3e; }
:root[data-theme='light'] .site-footer--information .site-footer__navigation a,
:root[data-theme='light'] .site-footer--information .site-footer__support p,
:root[data-theme='light'] .site-footer--information .site-footer__brand { color: #535d73; }
:root[data-theme='light'] .site-footer--information .site-footer__channel { color: #205a83; background: rgba(60, 131, 186, .08); border-color: rgba(60, 131, 186, .3); }
:root[data-theme='light'] .site-footer--information .site-footer__channel svg { color: #2474ac; }
:root[data-theme='light'] .site-footer--information .site-footer__bottom,
:root[data-theme='light'] .site-footer--information .site-footer__support { border-color: #d6d9e4; }
:root[data-theme='light'] dialog.site-support-dialog { background: #f6f7fb; color: #242b3e; border-color: #cdd2df; }
:root[data-theme='light'] .site-support-dialog p,
:root[data-theme='light'] .site-support-dialog__eyebrow { color: #535d73; }
:root[data-theme='light'] .site-support-dialog__close { background: #e5e7ee; color: #535d73; }
:root[data-theme='light'] .site-support-dialog .site-support-contact { background: #ebeff5; color: #27364d; border-color: #cdd5e2; }
:root[data-theme='light'] .site-support-dialog .site-support-contact--telegram { background: #dde9f5; border-color: #b1c7dc; }
:root[data-theme='light'] .site-support-contact small,
:root[data-theme='light'] .site-support-contact__icon { color: #49627d; }