:root {
    --login-btn: rgba(81,81,81,1);
    --login-btn-color: rgba(70,70,70,1);
    --registr-btn: rgba(203,23,108,1);
    --button-bg-color: rgba(203,23,108,1);
    --button-text-color: rgba(250,250,250,1);
    --button-bg-hover: rgba(166,19,89,1);
    --fh-bg-color: rgba(81,81,81,1);
    --main-theme-color: rgba(56,56,56,1);
    --mobile-bg-color: rgba(56,56,56,1);
    --text-color: rgba(255,255,255,0.78);
    --title-color: rgba(255,255,255,1);
    --menu-color: rgba(255,255,255,1);
    --border-color: rgba(203,23,108,0.32);
    --table-header-color: linear-gradient(90deg, rgba(81,81,81,1) 0%, rgba(203,23,108,1) 50%, rgba(81,81,81,1) 100%);
    --table-1-color: rgba(81,81,81,1);
    --table-2-color: rgba(56,56,56,1);
    --rate-image-border: rgba(166,19,89,0.45);
    --rate-counter-bg: rgba(81,81,81,1);
    --rate-counter-bg-top: rgba(203,23,108,1);
    --footer-menu-color: rgba(255,255,255,0.9);
    --footer-text-color: rgba(255,255,255,0.62);
    --games-nav-bg-color: rgba(81,81,81,1);
    --games-nav-border-color: rgba(203,23,108,0.32);
    --games-nav-text-color: rgba(255,255,255,0.9);
    --updated-block-color: rgba(255,255,255,0.9);
}

.header .login-btn, .header .registr-btn { height: 44px; padding: 0 18px; border-radius: 8px; font-size: 16px; line-height: 1; }
.header .login-btn { background: rgba(255,255,255,.14); color: #fff; font-weight: 500; border: 1px solid rgba(255,255,255,.08); transition: background .15s ease; }
.header .login-btn:hover { background: rgba(255,255,255,.22); color: #fff; opacity: 1; }
.header .registr-btn { font-weight: 700; }
.header-buttons.center { position: absolute; top: 50%; left: 50%; margin: 0; transform: translate(-50%, -50%); }
.main-section { padding-top: 8px !important; }
.main-section__title { margin-bottom: 8px !important; }
.main-cta-actions { display: flex; justify-content: center; gap: 10px; margin-top: 20px; }
.main-cta-actions .main-button { width: auto; flex: 0 1 220px; max-width: 240px; height: 50px; margin: 0; padding: 0 12px; font-size: 15px; white-space: nowrap; }

.tab[hidden] { display: none; }
.best-games__body .tab .best-games__item-img { aspect-ratio: 3 / 4; width: 100%; height: auto; background: rgba(0,0,0,.25); border-radius: inherit; overflow: hidden; }
.best-games__body .tab .best-games__item-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
.best-games__body .tab .best-games__item > span { display: block; padding: 12px 10px 14px; color: #fff; font-weight: 600; text-align: center; }
.bonus-copy { margin: 14px 0 0; color: #fff; font-size: 18px; font-weight: 700; }

.promo-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; }
.promo-item { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(255,255,255,.04); }
.promo-item > img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.promo-item__content { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 12px; padding: 16px; }
.promo-item__content h3 { margin: 0; color: #fff; font-size: 18px; }
.promo-item__content .main-button { margin-top: auto; }
.faq__item { line-height: 1.6; }
.faq__item h3 { color: #fff; }
.seo-content { margin-top: 40px; line-height: 1.75; }
.seo-content h2, .seo-content h3 { color: #fff; }

.footer__images { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.footer__images img { width: auto; max-width: 120px; max-height: 56px; object-fit: contain; }

.popup { position: fixed; inset: 0; z-index: 100; display: none; align-items: center; justify-content: center; padding: 20px; background: rgba(0,0,0,.72); }
.popup.is-open { display: flex; }
.popup__content { position: relative; width: min(520px, 100%); max-height: min(80vh, 720px); overflow: auto; padding: 28px; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; background: #171a23; color: var(--text-color); }
.popup__close { position: absolute; top: 8px; right: 10px; border: 0; background: transparent; color: #fff; font-size: 28px; cursor: pointer; }
.popup__text { margin: 12px 0 20px; line-height: 1.65; }

.pay-grid { display: grid !important; grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 16px; list-style: none; margin: 18px 0 0; padding: 0; width: 100%; }
.pay-grid__item { display: flex; flex-direction: column; align-items: center; gap: 8px; text-decoration: none; min-width: 0; }
.pay-grid__tile { width: 100%; height: 92px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 14px 18px; box-sizing: border-box; transition: background .15s ease,border-color .15s ease; }
.pay-grid__item:hover .pay-grid__tile { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.22); }
.pay-grid__tile img { width: 100%; height: 100%; object-fit: contain; object-position: center; display: block; }
.pay-grid__item span { font-size: 13px; line-height: 1.2; text-align: center; color: rgba(255,255,255,.72); }
.pay-grid__toggle { display: block; width: fit-content; margin: 18px auto 0; padding: 9px 24px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.18); border-radius: 10px; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .15s ease,border-color .15s ease; }
.pay-grid__toggle:hover { background: rgba(255,255,255,.16); border-color: rgba(255,255,255,.3); }

.entry-content table { width: 100% !important; max-width: 100%; display: table; border-collapse: collapse; table-layout: auto; }
.entry-content table td, .entry-content table th { width: auto; }
.entry-content ul, .entry-content ol { padding-left: 18px; }

@media (max-width: 767px) {
    .header-buttons.center { position: static; top: auto; left: auto; margin-left: auto; transform: none; }
    .header .login-btn, .header .registr-btn { height: 38px; padding: 0 12px; font-size: 14px; white-space: nowrap; }
    .main-cta-actions { gap: 8px; }
    .main-cta-actions .main-button { flex: 1 1 0; min-width: 0; height: 44px; padding: 0 8px; font-size: 14px; }
    .best-games__nav { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; overflow: visible; width: 100%; box-sizing: border-box; margin: 0 0 20px !important; padding: 0 !important; }
    .best-games__nav li { width: auto; min-width: 0; }
    .best-games__nav li a { height: 42px; padding: 0 12px; font-size: 14px; gap: 6px; white-space: nowrap; overflow: hidden; }
    .best-games__nav li a svg { width: 18px; height: 18px; flex: 0 0 18px; }
    .promo-grid { grid-template-columns: 1fr; }
    .pay-grid { grid-template-columns: repeat(auto-fill,minmax(110px,1fr)); gap: 12px; }
    .pay-grid__tile { height: 72px; }
    .entry-content { overflow-x: hidden; }
    .entry-content table { table-layout: fixed; font-size: 13px; }
    .entry-content table th, .entry-content table td { padding: 8px 10px; word-break: break-word; overflow-wrap: anywhere; }
    .entry-content img { max-width: 100%; height: auto; }
}

@media (max-width: 360px) {
    .header-buttons.center .login-btn, .header-buttons.center .registr-btn { padding: 0 8px; font-size: 12px; }
    .main-cta-actions .main-button { font-size: 12px; }
    .best-games__nav li a { padding: 0 8px; font-size: 13px; }
    .best-games__nav li a svg { width: 16px; height: 16px; flex-basis: 16px; }
}