@import url("https://fonts.googleapis.com/css2?family=League+Gothic&family=Manrope:wght@400;500;600;700;800&display=swap");



html, body{
  margin:0;
  max-width:100%;
  overflow-x:hidden;
}
html{ scrollbar-gutter:stable both-edges; scrollbar-color:#e0ceb1 #2f2f2f; }
*{ box-sizing:border-box }
img, video, canvas, svg, iframe{ max-width:100%; height:auto; display:block }

:root{
  --bg:#000000;
  --bg-header:#181818;
  --bg-elevated:#181818;
  --bg-panel:#2f2f2f;
  --bg-panel-hover:#454545;
  --bg-deep:#1f1f1f;
  --text-primary:#ffffff;
  --text-body:#c7c7c7;
  --text-muted:#717171;
  --max:1656px;
  --gold:#b38d5f;
  --gold-hover:#99754e;
  --gold-active:#7d5f40;
  --gold-light:#e4c7a3;
  --gold-pale:#e0ceb1;
  --gold-logo:#CB9D64;
  --gold1:#b38d5f;
  --gold2:#99754e;
  --gold3:#7d5f40;
  --gold-deep:#332519;
  --gold-bright:#e4c7a3;
  --btn-primary-text:#ffffff;
  --line-subtle:hsla(0,0%,100%,.16);
  --ring:none;
  --hdrH:64px;
  --subnavH:52px;
  --radius-sm:4px;
  --radius-lg:8px;
  --sidebarW:272px;
  --font-display:"League Gothic","Oswald",sans-serif;
  --font-body:"Manrope","Helvetica Neue",Helvetica,Arial,sans-serif;
  --badge-new-bg:#e0ceb1;
  --badge-new-text:#6d6450;
  --badge-jackpot:#b38d5f;
  --badge-hot:#d95c5c;
  --badge-exclusive:#4d7eb0;
  --tabbarH:56px;
}

@media (max-width:992px){
  :root{ --radius-sm:4px; --radius-lg:4px; }
}

html,body{
  color:var(--text-body);
  font-family:var(--font-body);
  font-size:14px;
  font-weight:500;
  line-height:1.45;
  background:var(--bg);
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:0;
  background:
    radial-gradient(900px 480px at 8% -6%, rgba(179,141,95,.08), transparent 55%),
    radial-gradient(700px 420px at 100% 0%, rgba(228,199,163,.04), transparent 50%);
}
body > *{ position:relative; z-index:1 }

a{ color:inherit }
a[role="link"]{ cursor:pointer }
button{ font-family:inherit }

@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(179,141,95,.4) }
  70%{ box-shadow:0 0 0 14px rgba(179,141,95,0) }
  100%{ box-shadow:0 0 0 0 rgba(179,141,95,0) }
}
.pulse{ animation:pulse 1.8s infinite }


*{ scrollbar-width:thin; scrollbar-color:#e0ceb1 #2f2f2f; }
*::-webkit-scrollbar{ width:8px; height:8px }
*::-webkit-scrollbar-track{ background:#2f2f2f }
*::-webkit-scrollbar-thumb{ background:#e0ceb1; border-radius:4px }
*::-webkit-scrollbar-thumb:hover{ background:#cbb896 }


header{
  position:fixed; top:0; left:0; right:0; z-index:120;
  background:var(--bg-header);
  border-bottom:1px solid var(--line-subtle);
}
header.scrolled{ box-shadow:0 8px 24px rgba(0,0,0,.45) }
body{ padding-top:var(--hdrH) }
body.lobby{ padding-top:0 }
.head{
  max-width:var(--max); margin:0 auto; padding:10px 16px;
  display:flex; align-items:center; gap:12px; min-width:0;
}
.burger{
  display:none; align-items:center; justify-content:center;
  min-width:44px; min-height:40px;
  background:transparent; border:1px solid var(--line-subtle);
  color:var(--text-primary); border-radius:var(--radius-lg); padding:8px 10px;
  cursor:pointer; font-size:18px;
}
.logo{ flex:0 0 auto }
.logo img{ height:36px; width:auto }
@media (max-width:520px){ .logo img{ height:24px } }
@media (max-width:390px){ .logo img{ height:20px } }

.search{
  flex:1 1 360px; min-width:0; display:flex; align-items:center; gap:10px;
  background:#000; border:1px solid var(--line-subtle);
  border-radius:var(--radius-sm); padding:10px 14px; min-height:44px;
}
.search svg, .search path{ stroke:var(--gold) !important }
.search input{
  flex:1 1 auto; min-width:0; background:transparent; border:0; outline:0;
  color:var(--text-primary); font-family:inherit; font-size:14px;
}
.search input::placeholder{ color:var(--text-muted) }

.btn{
  flex:0 0 auto; white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  min-height:40px; padding:8px 16px;
  border-radius:var(--radius-lg); text-decoration:none;
  font-family:inherit; font-weight:700; font-size:14px;
  color:var(--text-primary); cursor:pointer;
  background:var(--bg-panel); border:1px solid transparent;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
.btn--login{
  background:transparent; color:var(--text-primary);
  border:1px solid var(--line-subtle);
}
.btn--login:hover{ background:rgba(255,255,255,.06); border-color:hsla(0,0%,100%,.32) }
.btn--reg{
  background:var(--gold); color:#fff; border-color:transparent;
  animation:none;
}
.btn--reg:hover{ background:var(--gold-hover) }
@media (hover:hover){
  .btn.btn--reg:hover,
  .btn.btn--reg:focus-visible{ transform:none }
}
@media (prefers-reduced-motion:reduce){
  .btn--reg{ transition:none }
}


.shell{
  max-width:var(--max); margin:0 auto; padding:16px;
  display:grid; grid-template-columns:272px 1fr; gap:20px; min-width:0;
}
.shell > *{ min-width:0 }
.shell > main{ min-width:0 }
main p, main h1, main h2, main h3, main a{ overflow-wrap:anywhere; word-break:break-word }
.frame, .medals, .grid{ overflow-x:hidden }

.aside{
  position:sticky;
  top:calc(var(--hdrH) + 10px);
  align-self:start;
  max-height:calc(100dvh - var(--hdrH) - 24px);
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#e0ceb1 #2f2f2f;
  background:var(--bg-elevated);
  border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg);
  padding:12px;
}
.nav{ list-style:none; margin:0; padding:0 }
.nav li{ margin:2px 0 }
.nav a{
  display:flex; align-items:center; gap:12px;
  padding:12px; border-radius:var(--radius-lg);
  color:var(--text-primary); border:1px solid transparent; text-decoration:none;
  font-weight:600; font-size:14px;
}
.nav a svg{ color:var(--gold-light); flex-shrink:0 }
.nav a:hover{ background:rgba(179,141,95,.08); border-color:transparent }
.nav a.is-active{
  background:rgba(179,141,95,.12);
  border-color:rgba(179,141,95,.25);
}
.sep{ height:1px; margin:10px 8px; border:0; background:var(--line-subtle); opacity:.9 }
.sep-title{ margin:8px 8px 4px; color:var(--text-muted); font-size:11px; letter-spacing:.1em; text-transform:uppercase }

.aside-promo{
  display:block; text-decoration:none; color:inherit;
  margin:4px 0 14px; padding:16px 14px;
  border-radius:var(--radius-lg); overflow:hidden; position:relative;
  background:
    linear-gradient(135deg, rgba(51,37,25,.95), rgba(24,24,24,.92)),
    radial-gradient(120% 100% at 100% 0%, rgba(179,141,95,.35), transparent 55%);
  border:1px solid rgba(179,141,95,.28);
}
.aside-promo .up{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); font-weight:700 }
.aside-promo .title{
  margin:8px 0 12px; font-family:var(--font-display); font-weight:400;
  font-size:26px; line-height:.92; text-transform:uppercase; color:#fff;
}
.aside-promo .cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:0 14px; border-radius:var(--radius-lg);
  background:var(--gold); color:#fff; font-weight:700; font-size:13px;
}


.drawer{
  position:fixed; top:var(--hdrH); bottom:0; left:0; right:auto;
  width:min(82vw,300px); max-width:100%;
  max-height:calc(100dvh - var(--hdrH));
  margin:0; padding-left:env(safe-area-inset-left,0px); box-sizing:border-box;
  background:var(--bg-elevated); border-right:1px solid var(--line-subtle);
  box-shadow:0 20px 60px rgba(0,0,0,.75);
  transform:translate3d(-100%,0,0); transition:transform .28s ease;
  z-index:130; display:flex; flex-direction:column; min-height:0;
  border-radius:0 var(--radius-lg) var(--radius-lg) 0;
  overscroll-behavior:contain;
}
body.lobby .drawer{ top:0; max-height:100dvh }
.drawer.open{ transform:translate3d(0,0,0) }
.drawer .dhead{
  flex-shrink:0; display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px; border-bottom:1px solid var(--line-subtle);
  color:var(--text-primary); font-weight:700;
}
.dclose{
  background:none; border:1px solid var(--line-subtle); color:var(--text-primary);
  border-radius:var(--radius-lg); padding:8px 10px; cursor:pointer;
}
.dnav{
  flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; padding:10px 10px 16px;
}
.drawer-backdrop{
  position:fixed; inset:0; z-index:129; background:rgba(0,0,0,.6);
  opacity:0; pointer-events:none; transition:opacity .28s ease;
}
.drawer-backdrop.open{ opacity:1; pointer-events:auto }


.page-title{
  text-align:left; margin:0 0 14px;
  font-family:var(--font-display); font-weight:400; font-size:clamp(28px,4vw,42px);
  letter-spacing:.02em; text-transform:uppercase; line-height:.9; color:var(--text-primary);
}

.hero{
  position:relative; border-radius:var(--radius-lg); overflow:hidden;
  background:var(--bg-deep); min-height:214px;
}
.hero-slides{ position:relative }
.hero-slide{
  display:none; position:relative; min-height:214px;
  padding:24px 20px 56px;
  background-size:cover; background-position:center;
}
.hero-slide.is-active{ display:flex; align-items:flex-end }
.hero-slide::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(270deg, hsla(0,0%,9%,0) 35%, #181818 88%);
}
.hero-slide > *{ position:relative; z-index:1; max-width:520px }
.hero-kicker{
  margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold-light);
}
.hero-title{
  margin:0 0 8px; font-family:var(--font-display); font-weight:400;
  font-size:clamp(32px,5vw,48px); line-height:.9; text-transform:uppercase; color:#fff;
}
.hero-sub{ margin:0 0 14px; color:var(--text-body); font-size:15px; max-width:420px }
.hero-legal{ margin:10px 0 0; font-size:11px; color:var(--text-muted) }
.hero-cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:40px; padding:0 20px; border-radius:var(--radius-lg);
  background:var(--gold); color:#fff; font-weight:700; text-decoration:none;
  transition:background .2s ease;
}
.hero-cta:hover{ background:var(--gold-hover) }
.hero-wrap{ position:relative; margin-bottom:8px }
.hero-dots{
  display:flex; justify-content:center; align-items:center; gap:8px;
  margin:10px 0 4px; z-index:2;
}
.hero-dots button{
  width:10px; height:4px; border:0; padding:0; border-radius:2px;
  background:#3a3a3a; cursor:pointer;
  transition:width .25s ease, background .25s ease;
}
.hero-dots button.is-active{ width:48px; background:var(--gold-pale) }
.hero-nav{
  position:absolute; top:50%; transform:translateY(-50%); z-index:2;
  width:36px; height:36px; border-radius:50%; border:0;
  background:rgba(0,0,0,.45); color:#fff; cursor:pointer; font-size:16px;
}
.hero-nav.prev{ left:10px }
.hero-nav.next{ right:10px }
@media (min-width:768px){
  .hero, .hero-slide{ min-height:280px }
  .hero-slide{ padding:32px 40px 64px }
}
@media (min-width:1280px){
  .hero, .hero-slide{ min-height:340px }
}

.frame{
  background:var(--bg-deep); border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg); padding:0; overflow:hidden;
}
.frame:before{ display:none }
.banner{ width:100%; border-radius:0; object-fit:cover }
.banner-btn{
  position:absolute; bottom:24px; left:24px;
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 22px; border-radius:var(--radius-lg); font-weight:700;
  color:#fff; text-decoration:none; background:var(--gold); border:0;
  z-index:2;
}


.medals{
  display:grid; grid-template-columns:repeat(8,minmax(0,1fr));
  gap:14px; margin-top:18px; min-width:0;
}
.medal{ text-align:center; color:var(--text-muted); text-decoration:none }
.medal .ring{
  aspect-ratio:1/1; border-radius:50%; overflow:hidden;
  background:var(--bg-panel); border:1px solid var(--line-subtle);
  transition:border-color .25s ease, box-shadow .25s ease;
}
.medal img{ width:100%; height:100%; object-fit:cover; transition:transform .35s ease }
.medal:hover img{ transform:scale(1.06) }
.medal:hover .ring{ border-color:rgba(179,141,95,.45); box-shadow:0 0 16px rgba(179,141,95,.15) }
.medal b{ display:block; margin-top:8px; font-size:12px; color:var(--text-primary); font-weight:700 }

.promo-row{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:22px;
}
.promo-card{
  display:flex; flex-direction:column; justify-content:flex-end;
  min-height:160px; padding:18px; text-decoration:none; color:inherit;
  border-radius:var(--radius-lg); overflow:hidden; position:relative;
  border:1px solid var(--line-subtle);
  background:
    linear-gradient(180deg, transparent 20%, rgba(0,0,0,.85) 100%),
    linear-gradient(135deg, #2a2218, #181818 60%);
}
.promo-card:nth-child(2){ background:linear-gradient(180deg, transparent 20%, rgba(0,0,0,.85) 100%), linear-gradient(135deg, #1a2420, #181818 60%) }
.promo-card:nth-child(3){ background:linear-gradient(180deg, transparent 20%, rgba(0,0,0,.85) 100%), linear-gradient(135deg, #241a22, #181818 60%) }
.promo-card .kicker{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); font-weight:700 }
.promo-card h3{
  margin:6px 0 8px; font-family:var(--font-display); font-weight:400;
  font-size:28px; line-height:.9; text-transform:uppercase; color:#fff;
}
.promo-card p{ margin:0 0 12px; font-size:13px; color:var(--text-body) }
.promo-card .link{
  align-self:flex-start; font-size:13px; font-weight:700; color:#fff;
  background:var(--gold); padding:8px 14px; border-radius:var(--radius-lg);
}

.grid{
  display:grid; gap:14px; grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:18px; min-width:0;
}
.grid .card, .grid .game{
  flex:none; width:auto;
  background:transparent; border:0;
}
.grid .media{ border-radius:var(--radius-lg) var(--radius-lg) 0 0 }


.rail{ margin-top:28px }
.rail-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-bottom:12px;
}
.rail-head h2{ margin:0; font-family:var(--font-display); font-weight:400; font-size:28px; line-height:.95; text-transform:uppercase; color:#fff; letter-spacing:.02em }
.rail-head .rail-actions{ display:flex; align-items:center; gap:14px }
.rail-head a, .rail-head .see-more{
  color:var(--gold-light); text-decoration:none; font-weight:700; font-size:13px; white-space:nowrap;
}
.rail-head a:hover, .rail-head .see-more:hover{ color:#fff }
.rail-dash-pager{ display:flex; align-items:center; gap:6px }
.rail-dash-pager button{
  width:18px; height:3px; border:0; padding:0; border-radius:2px; cursor:pointer;
  background:hsla(0,0%,100%,.22); transition:background .2s ease, width .2s ease;
}
.rail-dash-pager button.is-active{ background:var(--gold-pale); width:26px }

.rail-track{
  display:flex; gap:16px; overflow-x:auto; padding-bottom:0;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.rail-track::-webkit-scrollbar{ display:none; height:0 }

.game, .card{
  flex:0 0 168px; width:168px; scroll-snap-align:start;
  display:flex; flex-direction:column; gap:8px;
  text-decoration:none; color:inherit; background:transparent;
  border-radius:0; overflow:visible; border:0; box-shadow:none;
}
.game .media, .card .media{
  position:relative; width:100%; aspect-ratio:1/1; overflow:hidden;
  border-radius:8px; background:#1a1a1a;
}
.game .media img, .card .media img{
  width:100%; height:100%; object-fit:cover; object-position:center;
  display:block; transition:transform .4s ease;
}
.game:hover .media img, .card:hover .media img{ transform:scale(1.05) }

.game-badge, .badge{
  position:absolute; top:6px; left:6px; z-index:2;
  padding:3px 7px; border-radius:4px;
  font-size:10px; font-weight:700; letter-spacing:.04em; text-transform:uppercase;
}
.game-badge--new, .badge--new{ background:var(--badge-new-bg); color:var(--badge-new-text) }
.game-badge--jackpot, .badge--jackpot{ background:var(--badge-jackpot); color:#fff }
.game-badge--hot, .badge--hot{ background:var(--badge-hot); color:#fff }
.game-badge--exclusive, .badge--exclusive{ background:var(--badge-exclusive); color:#fff }

.play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(.96);
  padding:8px 14px; border-radius:var(--radius-lg); font-weight:700; font-size:12px;
  color:#fff; background:var(--gold); border:0; box-shadow:0 8px 20px rgba(0,0,0,.4);
  opacity:0; transition:opacity .2s ease, transform .2s ease; white-space:nowrap;
}
.game:hover .play, .card:hover .play{ opacity:1; transform:translate(-50%,-50%) scale(1) }
@media (hover:none){
  .play{ opacity:0 }
  .game:active .play, .card:active .play{ opacity:1; transform:translate(-50%,-50%) scale(1) }
}
.info{ padding:0 2px; min-height:38px }
.title{
  margin:0 0 2px; font-weight:700; font-size:13px; line-height:1.25; color:#fff;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.vendor{ margin:0; color:#717171; font-size:11px; font-weight:600; line-height:1.2 }


.prov-grid{ display:grid; gap:12px; grid-template-columns:repeat(4,minmax(0,1fr)) }
.prov{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-decoration:none; color:var(--text-muted);
  background:var(--bg-panel); border:1px solid transparent;
  border-radius:var(--radius-lg); padding:12px 14px; min-height:72px;
  transition:background .2s ease, border-color .2s ease;
}
.prov:hover{ background:var(--bg-panel-hover); border-color:rgba(179,141,95,.35) }
.prov-media{
  width:100%; height:40px; background:transparent; border-radius:0; overflow:hidden;
  display:flex; align-items:center; justify-content:center;
}
.prov-media img{ width:auto; max-width:80%; height:26px; object-fit:contain }
.prov-name{ margin-top:8px; font-weight:700; font-size:12px; text-align:center; color:var(--text-primary) }

.prov-strip{
  display:flex; gap:10px; overflow-x:auto; margin-top:12px; padding-bottom:4px;
  scrollbar-width:thin;
}
.prov-chip{
  flex:0 0 auto; display:flex; align-items:center; justify-content:center;
  min-width:120px; height:56px; padding:8px 16px; text-decoration:none;
  background:var(--bg-panel); border-radius:var(--radius-lg); border:1px solid transparent;
}
.prov-chip:hover{ border-color:rgba(179,141,95,.4) }
.prov-chip img{ height:22px; width:auto; object-fit:contain }


.section{ margin-top:28px; margin-bottom:16px; color:var(--text-body); line-height:1.65 }
.section h2, .section h3{ color:var(--text-primary) }
.section h2{
  font-family:var(--font-display); font-weight:400; text-transform:uppercase;
  letter-spacing:.02em; line-height:.95; font-size:clamp(24px,3vw,34px);
}
.section strong{ color:var(--text-primary) }
.section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.prov):not(.medal):not(.game):not(.hero-cta):not(.promo-card):not(.aside-promo){
  color:var(--gold-light);
}
.section a:not(.pulse-btn):not(.vmore-btn):not(.card):not(.prov):not(.medal):not(.game):not(.hero-cta):not(.promo-card):not(.aside-promo):hover{
  color:#fff; text-decoration:underline;
}
.intro p{ max-width:900px; margin:0; text-align:left }
.cta-center{ display:flex; justify-content:center; margin-top:16px }
.pulse-btn, .vmore-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 22px; font-weight:700; font-size:14px; color:#fff; text-decoration:none;
  border-radius:var(--radius-lg); background:var(--gold); border:0;
  box-shadow:none; animation:none;
}
.pulse-btn:hover, .vmore-btn:hover{ background:var(--gold-hover) }

.faq{ margin-top:32px }
.faq > h2{ margin:0 0 14px }
.faq-item{
  border:1px solid var(--line-subtle); border-radius:var(--radius-lg);
  background:var(--bg-deep); margin-bottom:8px; overflow:hidden;
}
.faq-item summary{
  list-style:none; cursor:pointer; padding:14px 16px;
  font-weight:700; color:var(--text-primary); display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.faq-item summary::-webkit-details-marker{ display:none }
.faq-item summary::after{
  content:"+"; color:var(--gold-light); font-size:18px; font-weight:400; line-height:1;
}
.faq-item[open] summary{ color:var(--gold-light) }
.faq-item[open] summary::after{ content:"\2013" }
.faq-item .faq-body{ padding:0 16px 16px; color:var(--text-body); font-size:14px; line-height:1.6 }
.faq-item .faq-body p{ margin:0 }

.seo-block{ margin-top:28px; padding:28px 24px 32px; border-radius:var(--radius-lg); background:var(--bg-deep); border:1px solid var(--line-subtle); max-width:920px }
.seo-block > h2:first-child{ margin-top:0 }
.seo-block h2{
  margin:32px 0 14px; font-family:var(--font-display); font-weight:400;
  font-size:clamp(26px,3vw,34px); line-height:.95; text-transform:uppercase; color:#fff; letter-spacing:.02em;
}
.seo-block h3{
  margin:22px 0 10px; font-size:1.05rem; font-weight:700; color:var(--gold-light);
  font-family:var(--font-body); text-transform:none;
}
.seo-block p{ margin:0 0 14px; font-size:15px; line-height:1.7; color:var(--text-body) }
.seo-block .seo-lead{ font-size:1.02rem; color:var(--text-primary) }
.seo-block .seo-cta{ margin:18px 0 8px }
.seo-block ol.seo-steps{
  margin:12px 0 16px; padding:0; list-style:none; counter-reset:seo-step;
}
.seo-block ol.seo-steps li{
  position:relative; margin:0 0 10px; padding:12px 14px 12px 48px;
  background:rgba(0,0,0,.25); border:1px solid var(--line-subtle); border-radius:8px;
  font-size:15px; line-height:1.55; color:var(--text-body); counter-increment:seo-step;
}
.seo-block ol.seo-steps li::before{
  content:counter(seo-step); position:absolute; left:12px; top:12px;
  width:26px; height:26px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(179,141,95,.18); color:var(--gold-light); font-weight:700; font-size:13px;
}
.seo-block .seo-table-wrap{ overflow-x:auto; margin:14px 0 18px; -webkit-overflow-scrolling:touch }
.seo-block .seo-table{
  width:100%; min-width:560px; border-collapse:collapse; font-size:14px;
}
.seo-block .seo-table th, .seo-block .seo-table td{
  padding:10px 12px; text-align:left; border-bottom:1px solid var(--line-subtle); vertical-align:top;
}
.seo-block .seo-table th{
  background:rgba(179,141,95,.12); color:var(--text-primary); font-weight:700; white-space:nowrap;
}
.seo-block .seo-table tr:nth-child(even) td{ background:rgba(0,0,0,.18) }
.seo-block .seo-table td{ color:var(--text-body) }
.seo-toggle{ display:none }

@media (max-width:767px){
  .seo-block{ padding:20px 14px 24px }
}


.table-wrapper{
  background:rgba(31,31,31,.9); border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg); overflow:hidden;
}
table{ width:100%; border-collapse:collapse }
.facts-table{ width:100%; border-collapse:separate; border-spacing:0 }
.facts-table th, .facts-table td{ padding:12px 16px; vertical-align:top }
.facts-table th{ white-space:nowrap; font-weight:800; color:var(--text-primary); width:240px }
.facts-table tr + tr th, .facts-table tr + tr td{ border-top:1px solid var(--line-subtle) }
.facts-table a{ color:var(--gold-light); text-decoration:underline }
.facts-table a:hover{ color:#fff }
@media (max-width:640px){
  .facts-table th{ display:block; padding-bottom:4px; width:auto }
  .facts-table td{ display:block; padding-top:0 }
  .facts-table tr + tr th{ border-top:1px solid #414141 }
  .facts-table tr + tr td{ border-top:0 }
}

#payments{ overflow-x:auto; padding-bottom:6px }
#payments table{
  width:100%; min-width:560px; border-collapse:separate; border-spacing:0;
  table-layout:fixed; background:rgba(31,31,31,.65);
  border:1px solid rgba(179,141,95,.2); border-radius:var(--radius-lg);
}
#payments td{
  padding:14px 16px; border-bottom:1px solid rgba(179,141,95,.15);
  color:var(--text-body); font-size:15px; line-height:1.5; vertical-align:middle;
}
#payments tr:last-child td{ border-bottom:0 }
#payments td:first-child{ width:40%; font-weight:600; color:#fff }
#payments tr:hover td{ background:rgba(179,141,95,.08) }
@media (max-width:420px){ #payments table{ min-width:480px } }

:is(#payments, #facts, #bonuses){ overflow-x:hidden }
:is(#payments, #facts, #bonuses) table{
  width:100% !important; min-width:0 !important; margin:0;
  border-collapse:collapse; table-layout:fixed;
}
:is(#payments, #facts, #bonuses) td{
  box-sizing:border-box; padding:12px 14px; white-space:normal;
  overflow-wrap:anywhere; word-break:break-word; vertical-align:top;
  border-bottom:1px solid rgba(179,141,95,.12); color:var(--text-body); line-height:1.5; font-size:15px;
}
:is(#payments, #facts, #bonuses) tr:last-child td{ border-bottom:0 }
:is(#payments, #facts, #bonuses) td:first-child{ width:42%; font-weight:700; color:#fff }
:is(#payments, #facts, #bonuses) td:last-child{ width:58% }
:is(#payments, #facts, #bonuses) tr:nth-child(odd) td{ background:rgba(179,141,95,.04) }


.site-footer{
  margin-top:40px;
  background:linear-gradient(180deg,#2f2f2f,#181818);
  border-top:1px solid var(--line-subtle);
  padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));
}
body.has-tabbar .site-footer, body.lobby .site-footer{ padding-bottom:calc(var(--tabbarH) + 24px + env(safe-area-inset-bottom,0px)) }
.site-footer a{ color:var(--text-body); text-decoration:none }
.site-footer a:hover{ color:var(--gold-light) }
.site-footer a.ft-btn, .site-footer a.ft-btn:hover{ color:#fff; text-shadow:none }
.ft-wrap{ max-width:var(--max); margin:0 auto; padding:32px 16px 28px; color:var(--text-body) }
.ft-head{
  display:flex; align-items:center; gap:20px; flex-wrap:wrap;
  justify-content:space-between; margin-bottom:20px;
}
.ft-logo img{ height:72px; display:block }
.ft-cta-center{ flex:1; display:flex; justify-content:center }
.ft-btn{
  display:inline-block; padding:12px 22px; font-weight:700; font-size:14px; color:#fff;
  text-decoration:none; border-radius:var(--radius-lg); background:var(--gold); border:0;
}
.ft-btn:hover{ background:var(--gold-hover); transform:none }
.ft-trust{ display:flex; align-items:center; gap:16px }
.ft-trust img{ height:28px; width:auto; display:block; opacity:.9 }
.ft-grid{
  display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; padding:18px 0;
  border-top:1px solid var(--line-subtle); border-bottom:1px solid var(--line-subtle);
}
.ft-col{ display:flex; flex-direction:column; gap:8px }
.ft-title{ font-weight:700; color:var(--gold-light); margin-bottom:4px; font-size:13px }
.ft-pay{ display:flex; flex-direction:column; align-items:center; gap:10px; margin:16px 0 }
.ft-pay ul{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px; padding:0; margin:0; list-style:none;
}
.ft-pay li{
  background:#2f2f2f; border-radius:8px; padding:8px 12px;
  min-width:72px; min-height:44px;
  display:flex; align-items:center; justify-content:center;
}
.ft-pay img{ height:22px; width:auto; max-width:64px; object-fit:contain; display:block }
.ft-bottom{
  border-top:1px solid var(--line-subtle); margin-top:12px; padding-top:14px;
  font-size:12px; color:var(--text-muted); display:flex; justify-content:center; text-align:center;
}


.tabbar{
  display:none; position:fixed; left:0; right:0; bottom:0; z-index:110;
  height:calc(var(--tabbarH) + env(safe-area-inset-bottom,0px));
  padding-bottom:env(safe-area-inset-bottom,0px);
  background:var(--bg-header); border-top:1px solid var(--line-subtle);
  grid-template-columns:repeat(5,1fr); align-items:stretch;
}
.tabbar a{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  text-decoration:none; color:var(--text-muted); font-size:10px; font-weight:600;
}
.tabbar a svg{ width:20px; height:20px }
.tabbar a.is-active, .tabbar a:hover{ color:var(--gold-light) }
.tabbar a.tab-cta{ color:#fff }
.tabbar a.tab-cta span.icon{
  width:40px; height:40px; margin-top:-18px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--gold); color:#fff; box-shadow:0 6px 16px rgba(0,0,0,.4);
}
.tabbar a.tab-cta span.icon svg{ color:#fff }


.cookie-bar{
  position:fixed; left:16px; right:16px; bottom:16px; z-index:140;
  display:none; align-items:center; justify-content:space-between; gap:14px; flex-wrap:wrap;
  padding:14px 16px; border-radius:var(--radius-lg);
  background:var(--bg-header); border:1px solid var(--line-subtle);
  box-shadow:0 12px 40px rgba(0,0,0,.5);
}
.cookie-bar.is-on{ display:flex }
body.has-tabbar .cookie-bar, body.lobby .cookie-bar{ bottom:calc(var(--tabbarH) + 16px) }
.cookie-bar p{ margin:0; color:var(--text-body); font-size:13px }
.cookie-bar button{
  border:0; border-radius:var(--radius-lg); background:var(--gold); color:#fff;
  font-weight:700; padding:10px 16px; cursor:pointer; font-family:inherit;
}

#updatedBox{
  display:flex; align-items:center; gap:10px; padding:14px 16px; border-radius:var(--radius-lg);
  background:var(--bg-deep); border:1px solid var(--line-subtle); color:var(--text-muted);
}
#updatedTime{
  font-weight:800; color:#fff; background:rgba(179,141,95,.12);
  padding:6px 10px; border-radius:var(--radius-lg); border:1px solid rgba(179,141,95,.25);
}

.lang-switch{ position:relative; display:inline-flex; align-items:center; z-index:999; margin-left:12px }
.lang-btn{
  height:40px; padding:0 14px; display:inline-flex; align-items:center; justify-content:center;
  border:0; border-radius:var(--radius-lg); cursor:pointer; font-weight:700; font-size:13px;
  color:#fff; background:var(--gold);
}
.lang-menu{
  display:none; position:absolute; top:calc(100% + 8px); right:0; min-width:160px;
  background:var(--bg-header); border:1px solid var(--line-subtle); border-radius:var(--radius-lg);
  padding:8px; box-shadow:0 12px 32px rgba(0,0,0,.5);
}
.lang-switch.open .lang-menu{ display:block }
.lang-menu a{
  display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:var(--radius-sm);
  color:var(--text-body); text-decoration:none; font-weight:600;
}
.lang-menu a:hover{ background:rgba(179,141,95,.12); color:#fff }


body.legal-page .shell{ align-items:start }
body.legal-page .legal-main{ min-width:0 }
body.legal-page .legal-surface{
  max-width:880px; margin:0 auto 36px; padding:28px 24px 32px;
  background:linear-gradient(165deg, rgba(179,141,95,.06) 0%, transparent 42%), linear-gradient(180deg,#1f1f1f,#181818);
  border:1px solid rgba(179,141,95,.22); border-radius:var(--radius-lg);
}
body.legal-page .legal-eyebrow{
  margin:0 0 8px; font-size:11px; font-weight:800; letter-spacing:.22em;
  text-transform:uppercase; color:var(--gold-light);
}
body.legal-page .legal-page-title{
  margin:0 0 22px; text-align:left; font-family:var(--font-display); font-weight:400;
  font-size:clamp(1.6rem,3.5vw,2.2rem); line-height:.95; text-transform:uppercase;
  padding-bottom:16px; border-bottom:1px solid rgba(179,141,95,.18); color:#fff;
}
body.legal-page .legal-block{
  margin-top:14px; padding:16px 18px 18px; background:rgba(0,0,0,.28);
  border:1px solid rgba(179,141,95,.12); border-radius:var(--radius-lg);
}
body.legal-page .legal-surface > .section.intro.legal-block{ margin-top:0 }
body.legal-page .legal-block h2{
  margin:0 0 10px; font-size:1.05rem; color:var(--text-primary);
  padding-left:12px; border-left:3px solid var(--gold);
  font-family:var(--font-body); text-transform:none; letter-spacing:0; line-height:1.3;
}
body.legal-page .legal-block p, body.legal-page .legal-block li{ font-size:15px; line-height:1.65 }
body.legal-page .legal-block ul{ margin:8px 0 0; padding-left:1.15rem }
body.legal-page .legal-block a{ color:var(--gold-light) }
body.legal-page .legal-block a:hover{ color:#fff; text-decoration:underline }
body.legal-page .legal-back{ text-align:center; background:rgba(179,141,95,.04); border-style:dashed }
body.legal-page .legal-back a{ font-weight:700 }
@media (max-width:992px){
  body.legal-page .legal-surface{ padding:20px 14px 24px; margin-bottom:28px }
}

body.article-page .legal-surface{ max-width:920px }
body.article-page .legal-block h3{
  margin:0 0 10px; font-size:1.05rem; color:var(--gold-light);
  padding-left:10px; border-left:2px solid rgba(179,141,95,.45);
  font-family:var(--font-body); text-transform:none;
}
body.article-page .legal-block h4{ margin:16px 0 8px; font-size:.95rem; color:var(--text-primary) }
body.article-page .article-lead{ font-size:1.05rem; color:var(--text-primary); line-height:1.7 }
body.article-page .article-cta{ margin-top:16px }
body.article-page .article-figure{
  float:right; max-width:280px; margin:0 0 1rem 1.25rem;
  border-radius:var(--radius-lg); overflow:hidden; border:1px solid rgba(179,141,95,.15);
}
body.article-page .article-figure--right{ float:right }
body.article-page .article-figure--left{ float:left; margin:0 1.25rem 1rem 0 }
body.article-page .article-figure img{ width:100%; height:auto }
body.article-page .article-figure figcaption{ padding:8px 10px; font-size:12px; color:var(--text-muted); background:#141414 }
body.article-page .article-clear{ clear:both }
body.article-page .feature-pills{ display:flex; flex-wrap:wrap; gap:8px; list-style:none; margin:12px 0; padding:0 }
body.article-page .feature-pills li{
  padding:8px 12px; border-radius:var(--radius-lg); background:rgba(179,141,95,.1);
  border:1px solid rgba(179,141,95,.2); font-size:13px; font-weight:700; color:var(--text-primary);
}
body.article-page .steps-list{ list-style:none; margin:12px 0 0; padding:0; counter-reset:step }
body.article-page .steps-list li{
  position:relative; padding:14px 14px 14px 52px; margin-bottom:10px;
  border-radius:var(--radius-lg); border:1px solid rgba(179,141,95,.12); background:rgba(0,0,0,.25);
}
body.article-page .steps-list li::before{
  counter-increment:step; content:counter(step);
  position:absolute; left:14px; top:14px; width:28px; height:28px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:var(--gold); color:#fff; font-weight:800; font-size:13px;
}
body.article-page .steps-list h4{ margin:0 0 6px }
body.article-page .article-table{ width:100%; border-collapse:collapse; margin-top:12px; font-size:14px }
body.article-page .article-table th, body.article-page .article-table td{
  padding:10px 12px; border:1px solid rgba(179,141,95,.15); text-align:left;
}
body.article-page .article-table th{ background:rgba(179,141,95,.12); color:var(--text-primary); font-weight:700 }
body.article-page .article-table tr:nth-child(even) td{ background:rgba(0,0,0,.2) }
body.article-page .pros-cons{ display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:12px }
body.article-page .pros-cons .pc-box{
  padding:14px 16px; border-radius:var(--radius-lg); border:1px solid rgba(179,141,95,.12); background:rgba(0,0,0,.25);
}
body.article-page .pros-cons .pc-box h3{ margin:0 0 8px; font-size:14px; color:var(--gold-light); text-transform:none; font-family:var(--font-body) }
body.article-page .pros-cons ul{ margin:0; padding-left:1.1rem; font-size:14px }
body.article-page .faq-item{
  padding:0; margin-bottom:10px; border-radius:var(--radius-lg);
  border:1px solid rgba(179,141,95,.12); background:rgba(0,0,0,.28);
}
body.article-page .faq-item h3{ margin:0; font-size:1rem; color:var(--text-primary); padding:16px 18px 8px; border:none }
body.article-page .faq-item p{ margin:0; padding:0 18px 16px; font-size:15px }
body.article-page .apk-note{
  margin:14px 0; padding:14px 16px; font-size:14px; line-height:1.6; color:var(--text-muted);
  background:rgba(179,141,95,.06); border-left:3px solid var(--gold); border-radius:0 var(--radius-lg) var(--radius-lg) 0;
}
body.article-page .apk-cta{ margin-top:18px; text-align:center }
body.article-page .bonus-hero-bar{ display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 4px }
body.article-page .bonus-hero-bar span{
  flex:1 1 auto; min-width:140px; padding:10px 14px; text-align:center;
  font-size:13px; font-weight:700; color:var(--text-primary);
  background:linear-gradient(180deg, rgba(179,141,95,.14), rgba(179,141,95,.04));
  border:1px solid rgba(179,141,95,.2); border-radius:var(--radius-lg);
}
@media (max-width:768px){
  body.article-page .article-figure,
  body.article-page .article-figure--right,
  body.article-page .article-figure--left{ float:none; max-width:100%; margin:0 0 1rem }
  body.article-page .pros-cons{ grid-template-columns:1fr }
}


body.lobby{ background:var(--bg) }

.app{
  display:flex;
  min-height:100vh;
  min-height:100dvh;
  background:var(--bg);
}


.sidebar{
  position:fixed; top:0; left:0; bottom:0;
  width:var(--sidebarW);
  background:var(--bg-header);
  border-right:1px solid var(--line-subtle);
  display:flex; flex-direction:column;
  z-index:100;
  overflow-y:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:#e0ceb1 #2f2f2f;
}
.sidebar-top{
  flex:0 0 auto; display:flex; align-items:center; gap:10px;
  padding:16px 16px 14px; border-bottom:1px solid var(--line-subtle);
}
.sidebar-back{
  display:inline-flex; align-items:center; justify-content:center;
  width:40px; height:40px; flex:0 0 auto;
  border:1px solid var(--line-subtle); border-radius:var(--radius-lg);
  background:transparent; color:var(--text-primary); cursor:pointer;
}
.sidebar-logo{ display:flex; align-items:center; flex:0 0 auto }
.sidebar-logo img{ height:30px; width:auto }
.sidebar-top .search{
  flex:1 1 auto; min-height:40px; padding:8px 12px; margin:0;
  border-radius:var(--radius-sm);
}
.sidebar-nav{
  flex:1 1 auto; min-height:0; overflow-y:auto;
  padding:10px 12px 16px;
}
.sidebar-nav .nav a{ font-size:14px }
.sidebar-foot{
  flex:0 0 auto; padding:14px 16px; border-top:1px solid var(--line-subtle);
  display:flex; flex-direction:column; gap:12px;
}
.sidebar-promo{
  display:block; text-decoration:none; color:#fff;
  min-height:136px; padding:16px; border-radius:8px; overflow:hidden; position:relative;
  background-color:#1f1f1f;
  background-size:cover; background-position:center right;
  border:0;
}
.sidebar-promo::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.15) 70%);
  z-index:0;
}
.sidebar-promo > *{ position:relative; z-index:1 }
.sidebar-promo .up{ font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); font-weight:700 }
.sidebar-promo .title mark{ color:#e4c7a3; background:none }
.sidebar-promo .title{
  margin:8px 0 12px; font-family:var(--font-display); font-weight:400;
  font-size:24px; line-height:.94; text-transform:uppercase; color:#fff;
}
.sidebar-promo .cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:36px; padding:0 14px; border-radius:var(--radius-lg);
  background:var(--gold); color:#fff; font-weight:700; font-size:13px;
}


.btn-join{
  display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:44px; padding:0 16px;
  border-radius:var(--radius-lg); border:0; cursor:pointer;
  background:linear-gradient(180deg, var(--gold), var(--gold-active));
  color:#fff; font-weight:700; font-size:14px; text-decoration:none;
  font-family:inherit; transition:filter .2s ease, transform .2s ease;
}
.btn-join:hover{ filter:brightness(1.08) }
.btn-join .arrow{
  flex:0 0 auto; display:inline-flex; width:16px; height:16px;
}
.btn-join .arrow svg{ width:100%; height:100% }
@media (prefers-reduced-motion:reduce){ .btn-join{ transition:none } }


.stage{
  margin-left:var(--sidebarW);
  flex:1; min-width:0;
  display:flex; flex-direction:column;
}

.topbar{
  position:sticky; top:0; z-index:90;
  height:var(--hdrH);
  background:var(--bg-header);
  border-bottom:1px solid var(--line-subtle);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 20px; gap:16px;
}
.topbar-left, .topbar-right{
  display:flex; align-items:center; gap:12px; flex:1 1 0; min-width:0;
}
.topbar-right{ justify-content:flex-end }
.topbar-center{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  display:flex; align-items:center; justify-content:center;
  z-index:1;
}
.topbar-center img{ height:38px; width:auto }
.topbar-left a.topbar-link{
  display:inline-flex; align-items:center; height:var(--hdrH);
  padding:0 4px; border:0; background:transparent;
  color:#fff; font-weight:600; font-size:14px; text-decoration:none;
  box-shadow:inset 0 -2px 0 transparent;
}
.topbar-left a.topbar-link:hover{ color:var(--gold-light) }
.topbar-left a.topbar-link.is-active{
  color:var(--gold-light);
  box-shadow:inset 0 -2px 0 var(--gold-light);
}
.topbar{ position:sticky; top:0; z-index:90; } 
.topbar .search{ min-width:0; max-width:320px; margin:0; padding:0 12px; min-height:40px }
.topbar-right .btn--login{ background:transparent; border:1px solid var(--line-subtle) }
.topbar-right .btn-join{ width:auto; min-width:150px }

.subnav{
  display:flex; align-items:center; gap:8px;
  padding:0 16px; height:var(--subnavH);
  border-bottom:1px solid var(--line-subtle);
  overflow-x:auto; -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.subnav::-webkit-scrollbar{ display:none }
.subnav a{
  position:relative; flex:0 0 auto;
  display:flex; align-items:center; gap:8px; height:100%;
  padding:0 14px; color:var(--text-muted); text-decoration:none;
  font-weight:700; font-size:14px; white-space:nowrap;
  transition:color .2s ease;
}
.subnav a svg{ width:18px; height:18px; flex:0 0 auto }
.subnav a:hover{ color:var(--text-primary) }
.subnav a.is-active{ color:#fff }
.subnav a.is-active::after{
  content:""; position:absolute; left:14px; right:14px; bottom:0; height:2px;
  background:var(--gold); border-radius:2px 2px 0 0;
}

.content{ flex:1 1 auto; min-width:0; padding:20px 28px 48px }


.hero-rail{
  display:flex; gap:16px; overflow-x:auto; padding-bottom:10px; margin-bottom:8px;
  scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
  scrollbar-width:thin; scrollbar-color:#e0ceb1 #2f2f2f;
}
.hero-rail::-webkit-scrollbar{ height:6px }
.hero-rail::-webkit-scrollbar-thumb{ background:#e0ceb1; border-radius:4px }

.hero-card{
  position:relative; flex:0 0 min(560px,78vw);
  scroll-snap-align:start;
  min-height:260px; height:260px;
  border-radius:8px; overflow:hidden;
  display:flex; align-items:flex-end;
  background-color:#141414;
  background-size:cover; background-position:center right;
  padding:28px 32px;
}
.hero-card::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(10,10,10,.92) 8%, rgba(10,10,10,.5) 48%, rgba(10,10,10,.05) 82%);
}
.hero-card-body{ position:relative; z-index:1; max-width:420px }
.hero-card-kicker{
  margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold-light);
}
.hero-card-title{
  margin:0 0 8px; font-family:var(--font-display); font-weight:400;
  font-size:clamp(30px,4.4vw,44px); line-height:.92; text-transform:uppercase; color:#fff;
}
.hero-card-sub{ margin:0 0 16px; color:var(--text-body); font-size:15px; max-width:380px }
.hero-card-cta{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:42px; padding:0 22px; border-radius:var(--radius-lg);
  background:linear-gradient(180deg, var(--gold), var(--gold-active));
  color:#fff; font-weight:700; text-decoration:none; font-size:14px;
  transition:filter .2s ease;
}
.hero-card-cta:hover{ filter:brightness(1.08) }
.hero-card-legal{ margin:12px 0 0; font-size:11px; color:var(--text-muted) }


.filters{
  display:flex; gap:12px; margin:26px 0 22px; flex-wrap:wrap;
}
.filter-field, .filters select, .filters input{
  flex:1 1 200px; min-width:160px; height:46px;
  background:var(--bg-panel); border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg); color:var(--text-primary);
  padding:0 14px; font-family:inherit; font-size:14px; font-weight:600;
  appearance:none; -webkit-appearance:none;
}
.filters select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e4c7a3' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; background-size:16px;
  padding-right:36px;
}
.filters input::placeholder{ color:var(--text-muted) }
.filters .filter-search{
  flex:2 1 260px; display:flex; align-items:center; gap:10px;
}
.filters .filter-search svg{ flex:0 0 auto; color:var(--gold) }
.filters .filter-search input{ flex:1 1 auto; height:auto; border:0; background:transparent; padding:0 }
.filter-search-wrap{
  flex:2 1 260px; min-width:160px; display:flex; align-items:center; gap:10px;
  height:46px; background:var(--bg-panel); border:1px solid var(--line-subtle);
  border-radius:var(--radius-lg); padding:0 14px;
}
.filter-search-wrap svg{ color:var(--gold); flex:0 0 auto }
.filter-search-wrap input{
  flex:1 1 auto; height:auto; border:0; background:transparent; padding:0;
  color:var(--text-primary); font-family:inherit; font-size:14px;
}
.filter-search-wrap input::placeholder{ color:var(--text-muted) }


.chat-fab{
  position:fixed; right:20px; bottom:20px; z-index:150;
  width:56px; height:56px; border-radius:50%;
  background:var(--gold); border:0; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.5);
  transition:background .2s ease, transform .2s ease;
}
.chat-fab:hover{ background:var(--gold-hover); transform:translateY(-2px) }
.chat-fab svg{ width:24px; height:24px }
body.has-tabbar .chat-fab{ bottom:calc(var(--tabbarH) + 16px) }
@media (max-width:992px){ body.lobby .chat-fab{ bottom:calc(var(--tabbarH) + 16px) } }
@media (min-width:993px){ body.lobby .chat-fab{ bottom:24px } body.lobby .site-footer{ padding-bottom:28px } body.lobby .cookie-bar{ bottom:16px } }


@media (max-width:1200px){
  .hero-card{ flex-basis:min(720px,90vw) }
}

@media (max-width:992px){
  .sidebar{ display:none }
  .stage{ margin-left:0 }
  .topbar{ padding:0 14px }
  .topbar .search{ display:none }
  .subnav{ padding:0 14px }
  .content{ padding:18px 14px 32px }
  .filters{ margin:20px 0 18px }
  .tabbar{ display:grid }
  body.lobby{ padding-bottom:calc(var(--tabbarH) + env(safe-area-inset-bottom,0px)) }
}

@media (max-width:640px){
  .hero-card{ flex-basis:92vw; min-height:200px; padding:20px }
  .hero-card-sub{ display:none }
  .filters{ flex-direction:column }
  .filter-field, .filters select, .filters input, .filter-search-wrap{ flex:1 1 auto; width:100% }
}

@media (max-width:520px){
  .topbar{ height:56px }
  .topbar-center img{ height:26px }
  .chat-fab{ width:48px; height:48px; right:14px }
  .chat-fab svg{ width:20px; height:20px }
}


@media (max-width:1200px){
  .prov-grid{ grid-template-columns:repeat(3,1fr) }
  .medals{ grid-template-columns:repeat(6,1fr) }
  .grid{ grid-template-columns:repeat(3,1fr) }
  .promo-row{ grid-template-columns:1fr 1fr }
}
@media (max-width:992px){
  .shell{ grid-template-columns:1fr; padding-bottom:12px }
  .aside{ display:none }
  .burger{ display:inline-flex }
  .search{ display:none !important }
  .medals{ grid-template-columns:repeat(4,1fr) }
  .grid{ grid-template-columns:repeat(2,1fr) }
  .ft-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .promo-row{ grid-template-columns:1fr }
  .tabbar{ display:grid }
  body.has-tabbar{ padding-bottom:calc(var(--tabbarH) + env(safe-area-inset-bottom,0px)) }
  .game, .card{ flex-basis:132px; width:132px }
}
@media (max-width:520px){
  .head{ gap:8px; padding:8px 12px }
  .btn{ padding:7px 12px; font-size:12px; min-height:36px }
  .medals{ grid-template-columns:repeat(4,1fr); gap:10px }
  .head, .shell, .ft-wrap{ padding-left:12px; padding-right:12px }
  .ft-grid{ grid-template-columns:1fr 1fr }
  .ft-logo img{ height:52px }
}
@media (max-width:390px){
  .btn{ padding:6px 10px; font-size:11px }
  .medals{ grid-template-columns:repeat(4,1fr) }
}


a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible{
  outline:2px solid var(--gold-light); outline-offset:2px;
}
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important }
}

@media (min-width:993px){
  body.lobby .burger{ display:none !important }
  body.lobby .sidebar{ display:flex }
}
@media (max-width:992px){
  body.lobby .sidebar{ display:none }
  body.lobby .stage{ margin-left:0 }
  body.lobby .topbar-left .topbar-link{ display:none }
  body.lobby .burger{ display:inline-flex !important }
}


body.lobby .filters .filter-search{
  flex:2 1 260px; min-width:200px; height:46px;
  display:flex; align-items:center; gap:10px;
  background:var(--bg-panel); border:1px solid var(--line-subtle);
  border-radius:8px; padding:0 14px;
}
body.lobby .filters .filter-search input{
  border:0 !important; background:transparent !important; height:auto !important; padding:0 !important;
}
body.lobby .hero-rail{ gap:14px; margin-bottom:0; scrollbar-width:none }
body.lobby .hero-rail::-webkit-scrollbar{ display:none }
body.lobby .rail{ margin-top:28px }
body.lobby .rail-head{ margin-bottom:14px; align-items:center }
body.lobby .see-more{ color:#e4c7a3 !important; font-size:13px; font-weight:700 }
body.lobby .nav a.is-active{
  background:rgba(179,141,95,.14);
  border-color:transparent;
}
body.lobby .game .media{ box-shadow:0 2px 12px rgba(0,0,0,.35) }
body.lobby .rail-track{
  overflow-x:auto;
  gap:12px;
  scrollbar-width:none;
  padding-bottom:0;
}
body.lobby .rail-track::-webkit-scrollbar{ display:none; height:0 }

body.lobby .game, body.lobby .card{
  flex:0 0 calc((100% - 72px) / 7);
  width:calc((100% - 72px) / 7);
  min-width:120px;
  max-width:none;
}
@media (min-width:1100px){
  body.lobby .game, body.lobby .card{
    flex-basis:calc((100% - 84px) / 8);
    width:calc((100% - 84px) / 8);
  }
}
@media (min-width:1280px){
  body.lobby .hero-card{ flex-basis:calc((100% - 14px) / 2); min-height:280px; height:280px }
}
@media (max-width:767px){
  body.lobby .game, body.lobby .card{
    flex-basis:42vw; width:42vw;
  }
  body.lobby .hero-card{ flex-basis:min(560px, 86vw) }
}


body.lobby.article-page .subnav,
body.lobby.legal-page .subnav{ display:none }
body.lobby.article-page .content,
body.lobby.legal-page .content{ max-width:none }
body.lobby.article-page .page-hero-card,
body.lobby.legal-page .page-hero-card{
  position:relative; border-radius:10px; overflow:hidden; min-height:220px;
  display:flex; align-items:flex-end; margin:0 auto 22px; max-width:920px;
  width:100%;
  background-size:cover; background-position:center;
}
body.lobby.article-page .page-hero-card::before,
body.lobby.legal-page .page-hero-card::before{
  content:""; position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(10,10,10,.92) 10%, rgba(10,10,10,.45) 55%, rgba(10,10,10,.15) 100%);
}
body.lobby.article-page .page-hero-card .inner,
body.lobby.legal-page .page-hero-card .inner{
  position:relative; z-index:1; padding:28px 32px; max-width:560px;
}
body.lobby.article-page .page-hero-card .kicker,
body.lobby.legal-page .page-hero-card .kicker{
  margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold-light);
}
body.lobby.article-page .page-hero-card h1,
body.lobby.legal-page .page-hero-card h1{
  margin:0 0 8px; font-family:var(--font-display); font-weight:400;
  font-size:clamp(32px,4vw,46px); line-height:.92; text-transform:uppercase; color:#fff;
}
body.lobby.article-page .page-hero-card p,
body.lobby.legal-page .page-hero-card p{ margin:0 0 16px; color:var(--text-body); font-size:15px }
body.lobby.article-page .page-hero-card .hero-card-cta,
body.lobby.legal-page .page-hero-card .hero-card-cta{ margin-top:4px }


body.lobby.legal-page .legal-surface,
body.lobby.article-page .legal-surface{
  max-width:920px; margin:0 auto 40px; padding:28px 24px 32px;
  background:linear-gradient(165deg, rgba(179,141,95,.06) 0%, transparent 42%), linear-gradient(180deg,#1f1f1f,#181818);
  border:1px solid rgba(179,141,95,.22); border-radius:var(--radius-lg);
}
body.lobby.article-page .legal-eyebrow,
body.lobby.article-page .legal-page-title,
body.lobby.legal-page .legal-eyebrow,
body.lobby.legal-page .legal-page-title{ display:none }


body.lobby.legal-page .legal-block.section,
body.lobby.article-page .legal-block.section{
  margin-top:14px; margin-bottom:0;
}
body.lobby.legal-page .legal-block h2,
body.lobby.article-page .legal-block h2,
body.lobby.legal-page .section.legal-block h2,
body.lobby.article-page .section.legal-block h2{
  margin:0 0 10px; font-family:var(--font-body) !important; font-weight:700;
  font-size:1.05rem !important; line-height:1.35 !important;
  text-transform:none !important; letter-spacing:0 !important;
  color:var(--text-primary); padding-left:12px; border-left:3px solid var(--gold);
}
body.lobby.legal-page .legal-block h3,
body.lobby.article-page .legal-block h3,
body.lobby.legal-page .section.legal-block h3,
body.lobby.article-page .section.legal-block h3{
  font-family:var(--font-body) !important; font-weight:700;
  font-size:1.05rem !important; line-height:1.35 !important;
  text-transform:none !important; letter-spacing:0 !important;
  color:var(--gold-light);
}
body.lobby.article-page .site-footer,
body.lobby.legal-page .site-footer{ margin-top:8px }
body.lobby .site-footer .ft-grid{ grid-template-columns:repeat(4,minmax(0,1fr)) }

.topbar-link.is-active{ color:var(--gold-light) !important; box-shadow:inset 0 -2px 0 var(--gold-light) }
.sidebar-promo mark{ color:#e4c7a3; background:none }

@media (max-width:992px){
  body.lobby.legal-page .legal-surface,
  body.lobby.article-page .legal-surface{ padding:20px 14px 24px; margin-bottom:28px }
}
@media (max-width:767px){
  body.lobby.article-page .page-hero-card,
  body.lobby.legal-page .page-hero-card{ min-height:200px }
  body.lobby.article-page .page-hero-card .inner,
  body.lobby.legal-page .page-hero-card .inner{ padding:22px 18px }
  body.lobby .site-footer .ft-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
}
@media (min-width:993px){
  body.lobby .chat-fab{ bottom:24px }
  body.lobby .tabbar{ display:none }
  body.lobby{ padding-bottom:0 }
}