:root{
  --login-btn: rgba(28,10,12,1);
  --login-btn-color: rgba(255,255,255,1);
  --registr-btn: rgba(224,8,32,1);
  --button-bg-color: rgba(224,8,32,1);
  --button-text-color: rgba(255,255,255,1);
  --button-bg-hover: rgba(254,224,102,1);
  --fh-bg-color: rgba(18,6,8,1);
  --main-theme-color: rgba(10,4,6,1);
  --mobile-bg-color: rgba(10,4,6,1);
  --text-color: rgba(255,255,255,0.82);
  --title-color: rgba(255,255,255,1);
  --menu-color: rgba(255,255,255,1);
  --border-color: rgba(254,224,102,0.28);
  --table-header-color: linear-gradient(90deg, rgba(18,6,8,1) 0%, rgba(224,8,32,1) 45%, rgba(254,224,102,0.85) 100%);
  --table-1-color: rgba(22,8,10,1);
  --table-2-color: rgba(10,4,6,1);
  --rate-image-border: rgba(254,224,102,0.45);
  --rate-counter-bg: rgba(18,6,8,1);
  --rate-counter-bg-top: rgba(224,8,32,1);
  --footer-menu-color: rgba(255,255,255,0.9);
  --footer-text-color: rgba(255,255,255,0.62);
  --games-nav-bg-color: rgba(22,8,10,1);
  --games-nav-border-color: rgba(254,224,102,0.28);
  --games-nav-text-color: rgba(255,255,255,0.9);
  --updated-block-color: rgba(255,255,255,0.9);
  --brand-gold: #fee066;
  --brand-red: #e00820;
}
html{scroll-behavior:smooth;}
body{font-family:Arial,Helvetica,Verdana,sans-serif;}
.header .login-btn,
.header .registr-btn{
  height:44px;padding:0 18px;border-radius:8px;font-size:15px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;
}
.header .login-btn{
  background:rgba(255,255,255,.12);color:#fff;font-weight:500;border:1px solid rgba(255,255,255,.14);
}
.header .login-btn:hover{background:rgba(255,255,255,.2);color:#fff;opacity:1;}
.header .registr-btn{font-weight:700;background:var(--registr-btn);color:#fff;}
.header .registr-btn:hover{background:var(--brand-gold);color:#1a080a;opacity:1;}
.header .logo a{display:block;line-height:0;}
.header .logo img{
  width:125px;
  height:50px;
  max-width:125px;
  max-height:50px;
  aspect-ratio:125/50;
  object-fit:contain;
  display:block;
}
@media only screen and (min-width:1024px) and (max-width:1200px){
  .main-nav__list li{margin:0 10px !important;font-size:14px;}
  .header .login-btn,.header .registr-btn{padding:0 12px;font-size:14px;}
}
.main-section{padding-top:8px !important;}
.main-section__title{margin-bottom:8px !important;}
/* CLS: reserve hero box before image paint (mobile-first 4/5 = 800x1000) */
.hero-banner{
  display:block;
  width:100%;
  max-width:100%;
  margin:0 auto 20px;
  line-height:0;
  aspect-ratio:4/5;
  background:#120608;
  overflow:hidden;
}
.hero-banner picture{
  display:block;
  width:100%;
  height:100%;
}
.hero-banner img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  margin:0 !important;
  object-fit:cover;
  object-position:center;
  background:#120608;
}
@media only screen and (min-width:768px){
  .hero-banner{aspect-ratio:16/5;} /* 1920x600 */
}
.main-button{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:300px;
  min-height:48px;
  height:60px;
  margin:16px auto 0 !important;
  padding:12px 28px;
  text-decoration:none;
  box-sizing:border-box;
}
.main-button:hover{background:var(--brand-gold) !important;color:#1a080a !important;}
.entry-content .content-section a,
.entry-content .content a,
.content-section.content a{
  color:var(--brand-gold);
  text-decoration:underline;
  text-decoration-color:rgba(254,224,102,.45);
  text-underline-offset:2px;
}
.entry-content .content-section a:hover,
.entry-content .content a:hover,
.content-section.content a:hover{
  color:#fff;
  text-decoration-color:var(--brand-gold);
}
@media only screen and (max-width:767px){
  .header .login-btn,.header .registr-btn{height:36px;padding:0 10px;font-size:12px;border-radius:7px;}
  .header .logo img{width:92px;height:37px;max-width:92px;max-height:37px;aspect-ratio:125/50;}
  .header-buttons{gap:6px;margin-left:auto;}
  .burger{margin-left:8px;}
  .main-button{max-width:100%;}
}
/* Inactive tabs stay out of layout (CLS-safe vs height:0 + paint) */
.best-games__body .tab:not(.active){
  display:none;
  height:auto;
  opacity:1;
  overflow:visible;
}
.best-games__body .tab.active{
  display:block;
}
.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;
  contain:layout paint;
}
.best-games__body .tab .best-games__item-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
@media only screen and (max-width:767px){
  .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;}
}
@media only screen and (max-width:359px){
  .best-games__nav li a{padding:0 8px;font-size:13px;}
  .best-games__nav li a svg{width:16px;height:16px;flex-basis:16px;}
}
.pay-grid{
  --pay-tile-h:92px;
  --pay-gap:16px;
  --pay-label-h:24px;
  --pay-item-gap:8px;
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:var(--pay-gap);
  list-style:none;
  margin:18px 0 0;
  padding:0;
  width:100%;
}
.pay-grid__item{display:flex;flex-direction:column;align-items:center;gap:var(--pay-item-gap);text-decoration:none;min-width:0;}
.pay-grid__tile{
  width:100%;
  height:var(--pay-tile-h);
  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;
}
.pay-grid__tile img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;}
.pay-grid__item span{
  display:block;
  min-height:var(--pay-label-h);
  font-size:13px;
  line-height:1.2;
  text-align:center;
  color:rgba(255,255,255,.72);
}
/* CLS: clamp from first paint — no post-load hide via JS */
.pay-grid[data-clamp-rows="2"]:not([data-expanded="1"]){
  max-height:calc(2 * (var(--pay-tile-h) + var(--pay-item-gap) + var(--pay-label-h)) + var(--pay-gap));
  overflow:hidden;
}
.pay-grid[data-clamp-rows="3"]:not([data-expanded="1"]){
  max-height:calc(3 * (var(--pay-tile-h) + var(--pay-item-gap) + var(--pay-label-h)) + 2 * var(--pay-gap));
  overflow:hidden;
}
@media (max-width:600px){
  .pay-grid{
    grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
    --pay-gap:12px;
    --pay-tile-h:72px;
  }
}
.pay-grid__toggle{
  display:block;
  width:fit-content;
  min-height:40px;
  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;
  box-sizing:border-box;
}
/* Keep toggle slot reserved to avoid CLS when JS reveals the control */
.pay-grid[data-clamp-rows] + .pay-grid__toggle[hidden]{
  display:block !important;
  visibility:hidden;
  pointer-events:none;
  border-color:transparent;
  background:transparent;
  color:transparent;
}
.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 table thead th,
.entry-content table tr:first-child th{
  background:linear-gradient(180deg,rgba(224,8,32,.92),rgba(120,4,16,.95)) !important;
  color:#fff !important;
  font-weight:700;
  line-height:1.3;
}
@media (max-width:768px){
  .entry-content{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  .entry-content table{
    table-layout:auto !important;
    width:max-content;
    max-width:none;
    min-width:100%;
    font-size:13px;
  }
  .entry-content table th,
  .entry-content table td{
    padding:10px 8px !important;
    word-break:normal;
    overflow-wrap:normal;
    vertical-align:middle;
    line-height:1.35;
  }
  .entry-content table thead th,
  .entry-content table tr:first-child th{
    font-size:12px !important;
    white-space:nowrap;
    letter-spacing:0;
  }
  .entry-content ul,.entry-content ol{padding-left:18px;}
  .entry-content img{max-width:100%;height:auto;}
}
.footer .logo img{width:160px;height:64px;object-fit:contain;}
.footer__images img{width:96px;height:56px;object-fit:contain;}