/* Direct port of production templates/header_header.php + templates/footer.php. */
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProSemiBold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Myriad Pro'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Code Pro Black'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code Pro Light'; src: url('/static/site-fonts/Code-Pro-Light.woff') format('woff'); font-weight: 300; font-display: swap; }
/* The source bundles use both compact family names from style.css and the
   spaced names from its later page/modal rules.  Keep every legacy spelling
   local: otherwise the browser silently falls back to Arial/serif. */
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProSemiBold.woff') format('woff'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'MyriadPro'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Myriad Pro Regular'; src: url('/static/site-fonts/MyriadProRegular.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Myriad Pro Bold'; src: url('/static/site-fonts/MyriadProBold.woff') format('woff'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Code-Pro-Black-LC'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code-Pro-Black'; src: url('/static/site-fonts/Code-Pro-Black.woff') format('woff'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Code-Pro-Light'; src: url('/static/site-fonts/Code-Pro-Light.woff') format('woff'); font-weight: 300; font-display: swap; }
.legacy-public { min-width:320px; margin:0; color:#2f2e42; background:#2f2e42; font-family:'Myriad Pro',Arial,sans-serif; }
.legacy-public,.legacy-public *,.legacy-public *::before,.legacy-public *::after { box-sizing:border-box; }
.legacy-public h1,.legacy-public h2,.legacy-public h3,.legacy-public h4,.legacy-public h5,.legacy-public h6 { margin-bottom:15px; line-height:1.2; }
.legacy-public h1 { color:#fff; font-family:'Code-Pro-Black-LC','Arial Black',sans-serif; font-size:40px; font-weight:400; line-height:45px; text-transform:uppercase; }
.legacy-public h2 { color:#fff; font-family:'Code-Pro-Black-LC','Arial Black',sans-serif; font-size:32px; font-weight:400; line-height:36px; text-transform:uppercase; }
.legacy-public .legacy-wrap { position:relative; width:calc(100% - 30px); max-width:1300px; margin:0 auto; }
.legacy-public .legacy-visually-hidden { position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; }
.legacy-public .legacy-skip-link { position:fixed; z-index:1000; top:8px; left:8px; width:auto; height:auto; margin:0; padding:9px 13px; clip:auto; clip-path:none; color:#302509; background:#fcea1c; font-weight:700; text-decoration:none; transform:translateY(-160%); }
.legacy-public .legacy-skip-link:focus-visible { transform:translateY(0); }
/* Lock the viewport for native dialogs and the existing custom overlays.
   The selectors release it only after the last modal closes, without
   replacing the page's inline styles or its saved scroll position. */
html:has(body.legacy-public dialog:modal),
html:has(body.legacy-public.modal-open),
html:has(body.legacy-public .albert-modal.albert-modal_open),
html:has(body.legacy-public .register-modal.register-modal_open) { overflow:hidden !important; }
.legacy-public .albert-modal[data-public-modal-top] { z-index:1002; }
.legacy-public .albert-modal_open .albert-modal__holder { overscroll-behavior:contain; }
.legacy-public .wrapper { position:relative; width:100%; min-height:100%; overflow:hidden; }.legacy-public .center-wrapper { position:relative; max-width:1300px; margin:0 auto; }.legacy-public .header .center-wrapper { max-width:1360px; }
.legacy-public .legacy-topline { color:#fff; background:linear-gradient(to right,#93c11f,#00db3e); font-family:Roboto,sans-serif; line-height:1.15; }.legacy-public .legacy-topline > .legacy-wrap { padding:5px 50px 8px; text-align:center; }.legacy-public .legacy-topline__text { display:inline-block; margin:0 20px; font:inherit; }.legacy-public .legacy-topline__link { display:inline-block; margin-top:5px; padding:5px 45px; border-radius:20px; color:#31225a; background:#fcea1c; font-size:12px; font-weight:400; text-decoration:none; text-transform:uppercase; }.legacy-public .legacy-topline__link:focus-visible { outline:3px solid #2f2e42; outline-offset:2px; }
.legacy-public .header { position:absolute; z-index:401; top:0; left:0; width:100%; transition:all .3s ease; }.legacy-public .header-body { display:flex; justify-content:space-between; padding:25px 30px; transition:all .3s ease; }.legacy-public .header-menu,.legacy-public .header-menu ul,.legacy-public .header-contacts { display:flex; }.legacy-public .header-menu ul { margin:0; padding:0; list-style:none; }.legacy-public .header-menu ul li { margin-right:32px; }.legacy-public .header-menu ul li a { color:#fff; font-size:18px; line-height:41px; text-decoration:none; white-space:nowrap; }.legacy-public .header-menu ul li a.active { font-weight:700; }
.legacy-public .header-menu__switcher { width:29px; height:41px; margin:0 43px 0 0; padding:0; border:0; background:url('/static/site-assets/legacy-icon-menu.svg') center/29px 19px no-repeat; cursor:pointer; }.legacy-public .header-menu__close,.legacy-public .header__switcher,.legacy-public .header-address_mobile,.legacy-public .only_mobile,.legacy-public .mobile { display:none; }
.legacy-public .header-contacts { align-items:flex-start; }.legacy-public .header-address { position:relative; cursor:pointer; }.legacy-public .header-address::before { position:absolute; top:0; left:-30px; display:block; width:16px; height:23px; background:url('/static/site-assets/legacy-icon-location.svg') center/contain no-repeat; content:''; }.legacy-public .header-address-desktop { display:block; padding:0; border:0; color:inherit; background:transparent; font:inherit; text-align:left; cursor:pointer; }.legacy-public .header-address__city { display:block; margin-bottom:2px; color:#fff; font-size:18px; }.legacy-public .header-address__select { display:block; color:#fff; font-size:14px; opacity:.8; }
.legacy-public .header-mail { position:relative; display:inline-block; margin-left:70px; color:#fff; font-size:18px; line-height:33px; text-decoration:none; }.legacy-public .header-mail::before { position:absolute; top:10px; left:-30px; width:21px; height:14px; background:url('/static/site-assets/legacy-icon-mail.svg') center/contain no-repeat; content:''; }.legacy-public .header-phone { margin-left:80px; padding-left:40px; }.legacy-public .header-phone__number { display:block; margin-bottom:5px; padding-right:74px; color:#fff; font-size:18px; text-decoration:none; text-transform:uppercase; }.legacy-public .header-phone__number span { display:inline-grid; width:32px; height:32px; margin:-2px 0 0; place-items:center; border-radius:50%; background:#9bc322; }.legacy-public .header-phone__text { color:rgba(255,255,255,.8); font-size:14px; }
.legacy-public .header-phone__number span>img{display:block;width:16px;height:19px}
.legacy-public .page-top { position:relative; min-height:0; padding:130px 0 100px; color:#fff; background:linear-gradient(110deg,rgba(47,46,66,.73),rgba(58,56,81,.46)),url('/static/site-assets/legacy-page-top.jpg') center/cover no-repeat; }.legacy-public .page-top h1 { max-width:960px; margin:0 0 15px; font-family:'Code Pro Black','Arial Black',sans-serif; font-size:40px; font-weight:400; line-height:45px; text-transform:uppercase; }.legacy-public .page-top__intro { max-width:700px; margin:22px 0 0; font-size:19px; line-height:1.45; }
.legacy-public .whatis { position:absolute; right:0; bottom:-103px; min-width:260px; min-height:102px; color:#fff; font-family:'Code Pro Black','Arial Black',sans-serif; text-transform:uppercase; }.legacy-public .whatis span { position:relative; z-index:2; display:block; max-width:160px; font-size:28px; line-height:.95; }.legacy-public .whatis b { display:block; font-size:22px; }.legacy-public .whatis img { position:absolute; z-index:1; top:-77px; right:0; max-width:120px; max-height:130px; }.legacy-public .btn_whatis { position:absolute; z-index:2; right:0; bottom:0; padding:9px 15px; color:#302509; background:#fcea1c; font:800 11px/1 'Myriad Pro',Arial,sans-serif; text-decoration:none; }
.legacy-public .page-top--game.wwhatis{min-height:0;padding:130px 0 100px;background-position:50% 0;background-repeat:no-repeat;background-size:cover}.legacy-public .page-top--game.wwhatis h1{max-width:none;font-family:'Code Pro Black','Arial Black',sans-serif;font-size:40px;font-weight:400;line-height:45px}.legacy-public .page-top--game.wwhatis .whatis{right:20px;bottom:-60px;display:block;min-width:380px;min-height:0;padding-right:74px;font-size:36px;line-height:1.2;text-align:left}.legacy-public .page-top--game.wwhatis .whatis span{max-width:none;font-size:28px;line-height:1.2}.legacy-public .page-top--game.wwhatis .whatis img{top:-77px;right:0;width:140px;height:140px;max-width:140px;max-height:140px;object-fit:contain}.legacy-public .page-top--game.wwhatis .btn_whatis{right:0;bottom:-103px}.legacy-public .page-top--game.wwhatis .page-top__intro{display:none}@media(max-width:1010px){.legacy-public .page-top--game.wwhatis{padding:80px 0 30px}.legacy-public .page-top--game.wwhatis h1{font-size:36px;line-height:1.2}}@media(max-width:767px){.legacy-public .page-top--game.wwhatis{padding:80px 20px 55px}.legacy-public .page-top--game.wwhatis h1{font-size:30px;line-height:1.2}.legacy-public .page-top--game.wwhatis .whatis,.legacy-public .page-top--game.wwhatis .btn_whatis{display:none}}
.legacy-public .header__nav-dropdown { position:absolute; z-index:500; top:calc(100% + 17px); color:#2f2e42; background:#fff; box-shadow:0 8px 28px rgba(0,0,0,.2); }.legacy-public .header__nav-dropdown[hidden] { display:none; }.legacy-public .header__nav-item-dropdown { left:0; width:700px; }.legacy-public .header__nav-city-dropdown { right:0; width:min(760px,90vw); }.legacy-public .header__nav-dropdown-close,.legacy-public .header__nav-dropdown-title button { position:absolute; z-index:2; top:12px; right:15px; border:0; color:#aaa; background:transparent; font-size:25px; cursor:pointer; }.legacy-public .header__nav-dropdown-title { padding:25px 35px; border-bottom:1px solid #eee; font-size:23px; }.legacy-public .header__nav-dropdown-content { padding:28px 35px; }.legacy-public .header__nav-dropdown-items { display:grid; grid-template-columns:1fr 1fr; gap:1px 34px; }.legacy-public .header__nav-dropdown-item { display:block; padding:11px 0; color:#2f2e42; font-size:17px; text-decoration:none; }.legacy-public .header__nav-dropdown-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:20px 35px; background:#f7f7f8; }.legacy-public .header__nav-dropdown-footer-text { flex:0 1 auto; margin:0; font-size:16px; font-weight:400; line-height:normal; }.legacy-public .header__nav-dropdown-footer-action { margin:0; }.legacy-public .header__nav-dropdown-footer-button { display:inline-block; padding:11px 20px; border-radius:22px; color:#fff; background:#e20913; font-size:13px; font-weight:700; text-decoration:none; text-transform:uppercase; }.legacy-public .header__menu-button { color:#2f2e42; font-size:14px; text-decoration:none; }.legacy-public .header__menu-button-text b { color:#e20913; }.legacy-public .header__nav-locations { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; margin:0; padding:0; }.legacy-public .header__nav-locations-block { min-width:0; width:auto; padding:0; flex:0 1 auto; }.legacy-public .header__nav-country { margin:0 0 9px; color:#999; font-size:12px; text-transform:uppercase; }.legacy-public .header__nav-country-item { display:block; margin:0; padding:0; color:#999; font-size:12px; font-weight:400; line-height:normal; text-transform:uppercase; }.legacy-public .header__nav-location { margin:0 0 8px; }.legacy-public .header__nav-location-item { display:inline; padding:0; line-height:normal; color:#2f2e42; font-size:15px; text-decoration:none; }.legacy-public .header__nav-location-item_selected { color:#e20913; font-weight:700; }
.legacy-public .header__menu-button{display:inline-flex;align-items:center;padding:0!important}.legacy-public .header__menu-button-logo{margin-right:10px}.legacy-public .header__menu-button-logo img{display:block;height:32px;width:auto}.legacy-public .header__menu-button-text{margin-right:15px;font-size:16px;text-align:right}.legacy-public .header__menu-button-text span{display:block;margin-top:4px;color:#444360;font-size:14px}.legacy-public .header__menu-button-icon{display:flex;align-items:center;color:#fcea1c;font-size:20px}
.legacy-public .header-menu > .mobile { display:none; }
@media (min-width:1101px) {
  .legacy-public .header .center-wrapper { width:min(1360px,100%); max-width:1360px; }
  .legacy-public .header-menu ul li a:hover { color:rgba(255,255,255,.8); }
  .legacy-public .header-body { align-items:flex-start; }
  .legacy-public .header-contacts > .header-address .header-address__city,
  .legacy-public .header-contacts > .header-address .header-address__select,
  .legacy-public .header-phone__number { white-space:nowrap; }
}
/* Preserve the source's two mobile footer actions and their touch targets. */
@media (max-width:1100px) {
  .legacy-public .header-menu > .header__nav-dropdown-footer.mobile { flex-wrap:wrap; }
  .legacy-public .header-menu > .mobile .header__nav-dropdown-footer-button {
    display:inline-flex; min-height:44px; align-items:center;
    border-radius:20px; color:#302509; background:#fcea1c; font-size:20px; font-weight:600;
  }
  .legacy-public .header-menu > .mobile .header__menu-button { min-height:44px; }
}
@media (max-width:480px) {
  .legacy-public .header-menu > .header__nav-dropdown-footer.mobile { display:block; }
  .legacy-public .header-menu > .mobile .header__nav-dropdown-footer-action + .header__nav-dropdown-footer-action { margin-top:15px; }
}
.legacy-public .footer { padding:60px 0 0; border-top:5px solid #e52016; background:#2f2e42; }.legacy-public .footer-row { display:flex; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:50%; flex-shrink:1; }.legacy-public .footer-menu { display:flex; margin-bottom:50px; }.legacy-public .footer-menu ul { margin:0 50px 0 0; padding:0; list-style:none; }.legacy-public .footer-menu ul:last-child { margin-right:0; }.legacy-public .footer-menu li { margin-bottom:20px; }.legacy-public .footer-menu a { color:#fff; font-size:18px; text-decoration:none; }.legacy-public .footer-logo { display:flex; align-items:center; color:inherit; text-decoration:none; }.legacy-public .footer-logo-leftside { margin-right:15px; }.legacy-public .footer-logo__image { display:inline-block; width:120px; }.legacy-public .footer-logo__sitename { display:block; width:160px; }.legacy-public .footer-logo img { max-width:100%; }.legacy-public .footer-logo__hashtag { display:inline-block; margin-top:10px; color:#5a587e; font-weight:100; text-align:center; text-transform:uppercase; }.legacy-public .footer-contacts { text-align:right; }.legacy-public .footer-contacts-block { margin-bottom:15px; }.legacy-public .footer-phone__number { display:inline-block; margin-bottom:5px; color:#fff; font-size:1.2em; text-decoration:none; }.legacy-public .footer-phone__text { color:rgba(255,255,255,.6); font-size:12px; }.legacy-public .footer-mail { color:#fff; font-size:16px; text-decoration:none; text-transform:uppercase; white-space:nowrap; }.legacy-public .footer-social { display:flex; justify-content:flex-end; }.legacy-public .footer-social__btn { display:inline-flex; width:35px; height:35px; align-items:center; justify-content:center; margin-left:10px; border:1px solid #e20913; border-radius:50%; color:#fff; font-size:11px; text-decoration:none; }.legacy-public .footer__bottom { padding:10px 20px 20px; border-top:2px solid #3b3a4e; color:#a8a7b9; background:#2f2e42; text-align:center; }.legacy-public .footer__bottom span { margin-left:5px; }.legacy-public .footer-agreement { display:inline-block; margin:10px 0 0 20px; padding:5px 18px; border:1px solid #6c6b82; border-radius:25px; color:#6c6b82; font-size:12px; text-decoration:none; }
.legacy-public .header a:focus-visible,.legacy-public .header button:focus-visible,.legacy-public .footer a:focus-visible { outline:3px solid #fcea1c; outline-offset:4px; }
@media (max-width:1100px) { .legacy-public .header-mail { display:none; }.legacy-public .header-phone { margin-left:45px; }.legacy-public .header-menu ul li { margin-right:17px; } }
@media (max-width:1100px) { .legacy-public .header { z-index:600; }.legacy-public .header-body { justify-content:flex-end; padding:15px 20px; }.legacy-public .header__switcher { position:fixed; z-index:610; top:10px; left:10px; display:grid; width:50px; height:50px; place-items:center; border:0; border-radius:5px; color:transparent; background:transparent url('/static/site-assets/legacy-icon-menu.svg') center/29px 19px no-repeat; font-size:0; cursor:pointer; }.legacy-public .header-menu { position:fixed; z-index:620; top:0; left:-100%; display:block; width:90%; height:100%; overflow-y:auto; background:#fff; transition:left .3s ease; }.legacy-public .header-menu.active { left:0; }.legacy-public .header-menu__close { display:flex; width:100%; align-items:center; justify-content:space-between; padding:25px; border:0; color:#2f2e42; background:#fafafa; font-size:1.2em; text-transform:uppercase; }.legacy-public .header-menu__switcher { display:none; }.legacy-public .header-menu ul { display:block; }.legacy-public .header-menu ul li { margin:0; border-bottom:1px solid #fafafa; }.legacy-public .header-menu ul li a { display:block; padding:25px; color:#2f2e42; font-size:1.2em; line-height:1.2; }.legacy-public .only_mobile { display:block; }.legacy-public .header-menu > .mobile { display:flex; }.legacy-public .header-address_mobile { display:block; padding:25px 25px 15px; }.legacy-public .header-address_mobile::before { display:none; }.legacy-public .header-contacts > .header-address,.legacy-public .header-mail { display:none; }.legacy-public .header-phone { margin-left:45px; padding:0; }.legacy-public .header-phone__number { width:32px; height:32px; overflow:hidden; padding:0; font-size:0; }.legacy-public .header-phone__number span { width:32px; height:32px; margin:0; font-size:16px; }.legacy-public .header-phone__text { display:none; }.legacy-public .page-top { min-height:0; padding:80px 15px 30px; }.legacy-public .page-top h1 { font-size:36px; line-height:1.2; }.legacy-public .page-top .center-wrapper { max-width:100%; }.legacy-public .whatis { display:none; }.legacy-public .header__nav-dropdown { position:static; width:auto; box-shadow:none; }.legacy-public .header__nav-dropdown-footer { display:flex; }.legacy-public .header__nav-locations { grid-template-columns:repeat(3,1fr); }.legacy-public .footer-row { flex-wrap:wrap; gap:30px; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:calc(50% - 15px); }.legacy-public .footer-logo { justify-content:center; } }
@media (max-width:650px) { .legacy-public .page-top { padding:80px 15px 30px; }.legacy-public .page-top h1 { font-size:30px; line-height:1.2; }.legacy-public .legacy-inner__content { width:calc(100% - 24px); padding:26px 0; }.legacy-public .footer { padding-top:35px; }.legacy-public .footer-row { display:block; }.legacy-public .footer-column:first-child,.legacy-public .footer-column:last-child { width:100%; }.legacy-public .footer-menu { justify-content:space-between; margin-bottom:32px; }.legacy-public .footer-menu ul { margin-right:10px; }.legacy-public .footer-menu a { font-size:15px; }.legacy-public .footer-contacts { margin-top:30px; text-align:left; }.legacy-public .footer-social { justify-content:flex-start; }.legacy-public .footer-social__btn { margin:0 10px 0 0; }.legacy-public .footer__bottom { font-size:13px; }.legacy-public .footer-agreement { margin-left:0; }.legacy-public .header__nav-locations { grid-template-columns:repeat(2,1fr); } }

@media (max-width:1260px) { .legacy-public .legacy-topline__link { padding:7px 30px; font-size:11px; } }
@media (max-width:767px) { .legacy-public .legacy-topline > .legacy-wrap { display:flex; flex-direction:column; align-items:center; gap:5px; padding:7px 18px; }.legacy-public .legacy-topline__text { margin:0; }.legacy-public .legacy-topline__link { margin-top:0; padding:5px 18px; } }

@media (min-width:651px) and (max-width:1100px) { .legacy-public .footer-column:nth-child(2) { order:3; width:100%; } }

html:has(body.legacy-public.city-picker-scroll-locked) { overflow:hidden !important; }
body.legacy-public.city-picker-scroll-locked { position:fixed; top:var(--city-picker-lock-top,0); right:0; left:0; width:100%; overflow:hidden; }
.legacy-public #choose_city .header__nav-country { margin:15px 0 9px; }
.legacy-public #choose_city .header__nav-country:first-child { margin-top:0; }
.legacy-public #choose_city .header__nav-country-item { display:block; margin:0; padding:0; color:#acabc4; font-size:16px; font-weight:600; line-height:1.15; text-transform:uppercase; }
.legacy-public #choose_city .header__nav-country-item::after { display:block; width:50%; margin-top:5px; border-bottom:3px solid #fafafa; content:" "; }
/* Keep city entries readable throughout pointer and keyboard states without
   the source's transition of every property and fading hover opacity. */
.legacy-public .header #choose_city .header__nav-location-item {
  color:#2f2e42; opacity:1; transition:none;
}
.legacy-public .header #choose_city .header__nav-location-item:hover,
.legacy-public .header #choose_city .header__nav-location-item:focus-visible,
.legacy-public .header #choose_city .header__nav-location-item_selected {
  color:#e20913; opacity:1; background:#fff4b7;
}
@media (min-width:1101px) {
  .legacy-public .header-body { gap:40px; }
  .legacy-public .header-menu { min-width:0; flex:1 1 auto; }
  .legacy-public .header-menu > ul { flex:0 0 auto; }
  .legacy-public .header-menu__switcher { flex-shrink:0; margin-right:24px; }
  .legacy-public .header-contacts { flex-shrink:0; }
  .legacy-public .header .header-phone { padding-left:0; }
  .legacy-public .header-menu__certificate.is-overflowing { display:none; }
}
@media (min-width:1101px) and (max-width:1200px) {
  .legacy-public .header .header-body { gap:32px; }
  .legacy-public .header .header-contacts .header-mail { margin-left:45px; }
  .legacy-public .header .header-contacts .header-phone { margin-left:15px; }
  .legacy-public .header-menu__switcher { margin-right:16px; }
}
@media (max-width:1100px) {
  .legacy-public #choose_city .header__nav-country { margin:0; }
}

/* `header_header.php` exposes the same city picker from the off-canvas menu.
   The source selector belongs to the desktop contact block, so keep that
   ancestor present on narrow screens and promote only the opened picker to
   the viewport. */
@media (max-width:1100px) {
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding:0; }
  .legacy-public .header-contacts > .header-address::before,
  .legacy-public .header-address-desktop { display:none; }
  .legacy-public #choose_city.header__nav-dropdown { position:fixed; z-index:700 !important; inset:0; display:flex; width:100%; height:100dvh; min-height:100dvh; margin:0; flex-direction:column; overflow:hidden; }
  .legacy-public #choose_city.header__nav-dropdown[hidden] { display:none; }
  .legacy-public #choose_city .header__nav-dropdown-content { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  .legacy-public #choose_city .header__nav-locations { grid-template-columns:1fr; gap:0; }
  .legacy-public #choose_city .header__nav-country { margin:0; padding:15px; background:#fafafa; }
  .legacy-public #choose_city .header__nav-location { margin:0; border-bottom:1px solid #f3f3f3; }
  .legacy-public #choose_city .header__nav-location-item { display:block; padding:15px 30px; }
}

/* A full source city list is taller than a laptop viewport.  Keep its
   franchise call-to-action available: only the city list may scroll, while
   the source footer remains pinned at the bottom of the popup. */
@media (min-width:1101px) {
  .legacy-public #choose_city.header__nav-city-dropdown:not([hidden]) { display:flex; max-height:calc(100dvh - 100px); flex-direction:column; overflow:hidden; }
  .legacy-public #choose_city .header__nav-dropdown-content { min-height:0; flex:1 1 auto; overflow-y:auto; overscroll-behavior:contain; }
  .legacy-public #choose_city .header__nav-dropdown-footer { flex:0 0 auto; }
}

/* `style2.css` moves the location pin onto the city at <=1260px. Hide the
   shell's more specific desktop pin at that same breakpoint, including the
   1101–1260px layout reached by native browser zoom. */
@media (max-width:1260px) {
  .legacy-public .header-contacts > .header-address::before { display:none; }
}

/* Literal `style2.css` <=1100px inner-header cascade.  The source keeps the
   contacts in normal flex flow (the menu alone becomes a drawer); moving this
   group to absolute positioning caused a second location icon and compressed
   the tablet header. */
@media (max-width:1100px) {
  .legacy-public .header-body { padding:15px 0; }
  .legacy-public .header-contacts { position:static; top:auto; right:auto; }
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding-left:30px; }
  .legacy-public .header-contacts > .header-address::before { display:none; }
  .legacy-public .header-address__city { position:relative; font-size:17px; }
  .legacy-public .header-address__city::before { position:absolute; top:0; left:-30px; display:block; width:16px; height:23px; background:url('/static/site-assets/legacy-icon-location.svg') center/contain no-repeat; content:''; }
  .legacy-public .header-address__select { font-size:12px; }
  .legacy-public .header-mail { display:inline-block; margin-left:45px; font-size:15px; }
  .legacy-public .header-phone { margin-left:25px; padding-left:40px; }
  .legacy-public .header-phone__number { display:inline-block; width:auto; height:auto; overflow:visible; margin-bottom:5px; padding-right:0; font-size:16px; }
  .legacy-public .header-phone__number span { width:32px; height:32px; margin:-2px 0 0; font-size:16px; }
  .legacy-public .header-phone__text { display:block; font-size:11px; }
  .legacy-public .header__switcher { top:5px; display:flex; color:#fff; background:transparent; font-size:24px; }
}
@media (max-width:700px) { .legacy-public .header-mail { display:none; } }

/* Direct port of the narrow legacy header: the city and full phone stay in
   the top bar, while the FontAwesome menu icon remains visible. */
@media (max-width:520px) {
  .legacy-public .header-body { min-height:66px; padding:15px 0; }
  .legacy-public .header__switcher { color:#fff; font-size:24px; }
  .legacy-public .header-contacts > .header-address { display:block; position:static; padding-left:30px; }
  /* `style2.css` relocates the source location icon onto city itself at this
     breakpoint.  The desktop pseudo-element above must not survive beside it. */
  .legacy-public .header-contacts > .header-address::before { display:none; }
  .legacy-public .header-contacts > .header-address .header-address__city { font-size:17px; }
  .legacy-public .header-contacts > .header-address .header-address__select { font-size:12px; }
  .legacy-public .header-contacts { right:15px; }
  .legacy-public .header-phone { width:32px; height:32px; margin:0 0 0 25px; padding:0; }
  .legacy-public .header-phone__number { display:block; width:32px; height:32px; overflow:hidden; margin:0; padding:0; font-size:0; }
  .legacy-public .header-phone__number span { width:32px; height:32px; margin:0; font-size:16px; }
  .legacy-public .header-phone__text { display:none; }
  .legacy-public .footer-menu { width:calc(100% - 60px); margin:0 auto 32px; }
  .legacy-public .footer-menu ul { flex:1 1 50%; margin:0; text-align:center; }
  .legacy-public .footer-contacts { margin-top:55px; text-align:center; }
  .legacy-public .footer-social { justify-content:center; }
  .legacy-public .footer-social__btn { margin:0 5px; }
}

/* Literal style2.css mobile cascade for ordinary inner content pages.  Game
   and birthday page-top variants retain their own source branches. */
@media(max-width:1100px){.legacy-public .page-top--content{padding:80px 0 30px}.legacy-public .page-top--content h1{font-family:'Code-Pro-Black-LC',sans-serif;font-size:40px;font-weight:400;line-height:45px}}
@media(max-width:767px){.legacy-public .page-top--content h1{font-size:30px;line-height:45px}}

/* Keep the game hero on the same tablet breakpoint as the shared header. */
@media (min-width:768px) and (max-width:1100px) {
  .legacy-public .page-top--game.wwhatis { padding:80px 0 30px; }
  .legacy-public .page-top--game.wwhatis h1 { font-size:36px; line-height:1.2; }
}

/* Literal style2.css source defaults. Route-local source branches load later. */
@media(max-width:1100px){.legacy-public .page-top{padding:80px 0 30px}.legacy-public .page-top h1{font-family:'Code-Pro-Black-LC',sans-serif;font-size:40px;font-weight:400;line-height:45px}}
@media(max-width:767px){.legacy-public .page-top h1{font-size:30px;line-height:45px}}

/* `style2.css` uses the top edge of the shared hero image, not a vertically
   centred crop.  It is particularly visible in the 170px mobile team hero. */
.legacy-public .page-top { background-position:50% 0; }

.legacy-public .footer { margin-top: 0; }

/* `style2.css` resets the inner-site document face to Roboto.  The earlier
 * shell port left its more specific `.legacy-public` Myriad declaration in
 * force, which narrowed the mobile city/phone block and shifted it right.
 * Scope the source cascade to inner pages so the accepted root homepage keeps
 * its independently ported typography. */
.legacy-public.legacy-inner { font-family:Roboto,sans-serif; }

/* The live source enters its <=1520px header branch at the 1440px audit
 * viewport: mail/phone gaps become 45px/25px and the number has no invented
 * right reserve.  The shell's desktop defaults were more specific, so they
 * expanded the FastAPI contacts group by about 147px.  The root now shares
 * the same source city-picker layout as inner pages, so its picker must use
 * the very same contact anchor while leaving homepage typography untouched. */
.legacy-public.legacy-inner .header-phone__number { padding-right:0; }
.legacy-public.legacy-home-v1 .header-phone__number { padding-right:0; }
@media (min-width:1101px) and (max-width:1520px) {
  .legacy-public.legacy-inner .header-mail { margin-left:45px; }
  .legacy-public.legacy-home-v1 .header-mail { margin-left:45px; }
  .legacy-public.legacy-inner .header-phone { margin-left:25px; }
  .legacy-public.legacy-home-v1 .header-phone { margin-left:25px; }
}

/* At the narrow source breakpoint `style2.css` uses symmetric `30px 0`
 * footer padding.  Keeping only a 35px top padding shortened the rendered
 * article footer before its bottom strip. */
@media (max-width:650px) { .legacy-public.legacy-inner .footer { padding:30px 0; } }

/* Legacy city-picker footer and requested six-column desktop grid.  Keep the
 * source CTA spacing in this shell layer, which loads after the source bundle. */
@media (min-width:1101px) {
  .legacy-public .header__nav-city-dropdown { right:-90px; width:min(1280px,calc(100vw - 30px)); }
  .legacy-public .header__nav-locations { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; margin:0; padding:0; }
  .legacy-public .header__nav-dropdown-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:0; background:#fafafa; }
  .legacy-public .header__nav-dropdown-footer-text { flex:1 0; margin:30px; color:#71707d; font-size:20px; font-weight:100; line-height:normal; }
  .legacy-public .header__nav-dropdown-footer-action { margin:15px 30px; }
  .legacy-public .header__nav-dropdown-footer-button { display:inline-block; padding:10px 20px; border:0; border-radius:20px; color:#302509; background:#fcea1c; font-size:20px; font-weight:600; text-decoration:none; text-transform:uppercase; }
}

/* A city suggestion is a nonmodal prompt; background controls stay usable. */
.public-city-suggestion { position:fixed; z-index:90; top:84px; right:16px; width:min(340px, calc(100vw - 24px)); box-sizing:border-box; padding:16px; color:#2f2e42; background:#fff; border:1px solid #dedce7; box-shadow:0 6px 22px #2f2e4233; font:16px/1.4 Roboto,Arial,sans-serif; }
.public-city-suggestion[hidden], .public-city-suggestion [hidden] { display:none; }
.public-city-suggestion p { margin:0 0 12px; }
.public-city-suggestion > div { display:flex; flex-wrap:wrap; gap:8px; }
.public-city-suggestion a, .public-city-suggestion button { display:inline-flex; align-items:center; min-height:44px; box-sizing:border-box; padding:8px 12px; border:1px solid #dedce7; color:inherit; background:#fff; font:inherit; text-decoration:none; cursor:pointer; }
.public-city-suggestion a { border-color:#fcea1c; background:#fcea1c; }
.public-city-suggestion :is(a,button):focus-visible { outline:3px solid #716f9a; outline-offset:2px; }
.public-city-suggestion :is(a,button):hover { border-color:#716f9a; }