:root{--bg:#192026;--head:#191d26;--gold:#e9ae1b;--gold2:#e5ab1b;--green:#59d600;--card:#232323;--panel:#000;--faq:#2d2f3b;--foot:#101318;--cell:#131315;--text:#fff;--muted:#c9ced8;--r:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold)}
a:hover{color:#fff}
.wrap{width:100%;max-width:1312px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r);font-weight:700;text-decoration:none;cursor:pointer;color:#fff;transition:background .2s}
/* top bar */
.topbar{background:var(--head);border-bottom:1px solid var(--gold);position:sticky;top:0;z-index:20}
.topbar__row{display:flex;align-items:center;gap:16px;min-height:76px}
.topbar__brand{width:180px;flex:0 0 auto}
.topbar__brand img{width:180px}
.locale{margin-left:auto;display:flex;align-items:center;gap:8px;background:none;border:0;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.locale img{width:34px;height:34px;border-radius:50%}
.topbar__cta{display:flex;gap:10px}
.topbar__cta .btn{background:var(--gold);padding:12px 30px;font-size:15px}
.topbar__cta .btn:hover{background:#000;color:#fff}
/* page */
.page{padding:28px 0 40px}
.banner{border-radius:var(--r);overflow:hidden;margin-bottom:28px}
.lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-bottom:32px}
.perks{display:flex;gap:40px;margin-bottom:10px}
.perk__title{margin:0;font-weight:700;display:flex;align-items:center;gap:6px}
.perk__title::before{content:"";width:10px;height:10px;border-radius:50%;background:#33b63c;box-shadow:0 0 0 3px rgba(51,182,60,.45)}
.perk__text{margin:0 0 0 16px;font-size:13px;line-height:1.3}
.lead h1{color:var(--gold2);font-size:34px;line-height:1.25;margin:12px 0 16px}
.lead p{margin:0 0 12px;font-size:15px}
.players{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;background:#3a3d44;border-radius:10px;padding:8px 12px;margin:8px 0 18px}
.players__ico{width:30px;height:30px;background:#fff;border-radius:6px;display:grid;place-items:center}
.players__ico svg{width:22px;height:22px}
.players__num{background:#fff;color:var(--gold2);font-weight:700;border-radius:6px;padding:3px 6px}
.players__label{color:var(--gold2);font-size:14px;line-height:1.1;max-width:80px}
.btn--play{background:var(--green);padding:12px 54px;font-size:17px}
.btn--play:hover{background:#4bb500}
.tiles{display:flex;flex-direction:column;gap:20px}
.tile{position:relative;background:var(--card);border-radius:12px;padding:18px 20px;min-height:170px}
.tile__title{margin:0 0 6px;font-size:22px;font-weight:700}
.tile__text{margin:0;font-size:15px}
.tile__go{position:absolute;left:20px;bottom:20px;width:40px;height:40px;border-radius:6px;background:var(--green);display:grid;place-items:center}
.tile img{position:absolute;right:14px;bottom:10px;width:120px}
/* contents */
.contents{background:#11151a;border:1px solid var(--gold);border-radius:12px;margin:0 0 32px}
.contents summary{cursor:pointer;list-style:none;padding:14px 20px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.contents summary::-webkit-details-marker{display:none}
.contents summary::after{content:"";width:10px;height:10px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:transform .2s}
.contents[open] summary::after{transform:rotate(-135deg)}
.contents ol{margin:0;padding:0 20px 16px 40px}
.contents li{margin:4px 0}
.contents a{color:#fff;text-decoration:none}
.contents a:hover{color:var(--gold)}
/* text blocks */
.copy h2{font-size:30px;line-height:1.25;margin:0 0 16px}
.copy p{margin:0 0 14px}
.copy .center{text-align:center}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--panel);border-radius:var(--r);padding:24px;margin:0 0 32px;scroll-margin-top:96px}
.split__media img{border-radius:var(--r);width:100%}
.split--flip .split__media{order:-1}
.block{margin:0 0 32px;scroll-margin-top:96px}
/* promo slider */
.promo{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;margin:0 0 20px}
.reel{position:relative;overflow:hidden;border-radius:var(--r)}
.reel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.reel__track::-webkit-scrollbar{display:none}
.reel__item{flex:0 0 100%;scroll-snap-align:start}
.reel__item a,.reel__item img{display:block;width:100%}
.reel__dots{position:absolute;right:14px;bottom:12px;display:flex;gap:6px}
.reel__dots button{width:14px;height:14px;border-radius:4px;border:0;background:#c4c4c4;cursor:pointer;padding:0}
.reel__dots button[aria-current="true"]{background:#0a0a0a}
.offer{position:relative;border-radius:var(--r);overflow:hidden;min-height:180px;display:block;text-decoration:none;color:#fff}
.offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.offer__body{position:relative;padding:44px 22px}
.offer__title,.offer__text{display:block}
.offer__title{margin:0;font-size:22px;font-weight:700}
.offer__text{margin:4px 0 14px;font-size:14px}
.offer .btn{background:var(--green);padding:7px 28px;font-size:14px}
/* table */
.tbl{overflow-x:auto;margin:0 0 16px}
table{width:100%;border-collapse:collapse}
th,td{border:2px solid var(--gold);padding:8px;text-align:left;vertical-align:top}
th{background:var(--gold);color:#000}
td{background:var(--cell)}
/* games */
.lobby__head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 16px}
.lobby__head h2{margin:0}
.lobby__nav{display:flex;gap:8px}
.lobby__nav button{width:44px;height:44px;border:0;border-radius:6px;background:#dd8500;display:grid;place-items:center;cursor:pointer}
.lobby__track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 0 18px}
.lobby__track::-webkit-scrollbar{display:none}
.lobby__item{flex:0 0 calc((100% - 64px)/5);scroll-snap-align:start}
.lobby__item img{width:100%;aspect-ratio:427/575;object-fit:cover;border-radius:10px}
/* review date */
.stamp{background:#000;border-left:4px solid #ffa603;border-radius:var(--r);padding:12px 18px;font-size:14px;margin:0 0 28px}
/* faq */
.qa{background:var(--faq);border-radius:var(--r);padding:24px;scroll-margin-top:96px}
.qa h2{color:var(--gold);margin:0 0 8px;font-size:30px}
.qa details{border-bottom:1px solid var(--gold);padding:12px 0}
.qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"";flex:0 0 auto;width:10px;height:10px;margin-top:8px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg)}
.qa details[open] summary::after{transform:rotate(-135deg)}
.qa h3{margin:0;color:var(--gold);font-size:20px}
.qa p{margin:8px 0 0;color:var(--gold)}
/* bottom */
.bottom{background:var(--foot);padding:36px 0 24px}
.bottom__brand{width:180px;margin:0 auto 20px}
.bottom__mid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:20px}
.bottom__title{color:var(--gold);font-weight:700;font-size:18px;margin:0 0 10px}
.bottom__list{list-style:none;margin:0;padding:0}
.bottom__list li{margin:0 0 8px}
.bottom__list a{color:#fff;text-decoration:none}
.bottom__list a:hover{color:var(--gold)}
.bottom__right{text-align:right}
.bottom__mail{font-weight:700;text-decoration:none}
.socials{display:flex;gap:14px;justify-content:flex-end;margin-top:16px}
.socials img{width:44px;height:44px;object-fit:contain}
.bottom__line{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);padding:14px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.partners{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.partners img{height:24px;width:auto}
.partners .age{height:44px}
.apps{display:flex;gap:10px}
.apps a{display:inline-flex;align-items:center;gap:8px;background:#e7f53a;color:#000;text-decoration:none;border-radius:10px;padding:6px 14px;font-size:13px;line-height:1.15}
.apps b{display:block}
.trust{display:flex;justify-content:center;margin:14px 0}
.trust img{width:48px}
.bottom__legal{display:flex;justify-content:space-between;gap:24px;font-size:14px}
.bottom__legal p{margin:0}
.bottom__legal p:first-child{color:var(--gold);max-width:760px}
.to-top{position:fixed;right:20px;bottom:20px;width:48px;height:48px;border:0;background:none;padding:0;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s}
.to-top.is-on{opacity:1;pointer-events:auto}
@media (max-width:990px){
 .lead,.split,.promo{grid-template-columns:minmax(0,1fr)}
 .split--flip .split__media{order:0}
 .lobby__item{flex-basis:calc((100% - 32px)/3)}
 .bottom__right{text-align:left}.socials{justify-content:flex-start}
 .bottom__legal{flex-direction:column}
}
@media (max-width:600px){
 .topbar__row{flex-wrap:wrap;padding:10px 0}
 .topbar__brand,.topbar__brand img{width:130px}
 .topbar__cta{width:100%}.topbar__cta .btn{flex:1}
 .lead h1{font-size:26px}.copy h2,.qa h2{font-size:24px}
 .perks{gap:16px}
 .btn--play{width:100%}
 .lobby__item{flex-basis:calc((100% - 16px)/2)}
 .split{padding:16px}
}
@media (max-width:600px){.tile__text{padding-right:96px}.tile img{width:90px}}
.crumbs{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;font-size:14px;color:#fff}
.crumbs li+li::before{content:"/";margin-right:8px;color:#fff}
.crumbs a{color:#fff;text-decoration:none}
.partners img.tiny{width:1px;height:1px}