:root{
  --bg:#0F152B; --bg-2:#0C1122; --surface:#1B2135; --surface-2:#232a44; --surface-3:#2d3354;
  --line:#2a3150; --line-2:#3a4268;
  --text:#fff; --text-2:#c7ccd8; --muted:#9499a0;
  --accent:#F4A415; --accent-ink:#1a1206;
  --gold:linear-gradient(315deg,#FFE805 0%,#F2C500 48%,#F9B201 100%);
  --secondary:#445ACC; --secondary-2:#5468d6;
  --radius:14px; --radius-s:10px; --head-h:66px;
  --font:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
ul{margin:0;padding:0;list-style:none}
.container{width:100%;max-width:1300px;margin:0 auto;padding:0 18px}
.icon{width:20px;height:20px;display:block;flex:none}
.skip{position:absolute;left:-9999px;top:0;background:var(--accent);color:#000;padding:8px 14px;border-radius:8px;z-index:300}
.skip:focus{left:12px;top:12px}

.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 22px;border:0;border-radius:999px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;white-space:nowrap;background:var(--surface-2);color:#fff;transition:filter .15s,background .15s,border-color .15s}
.button .caption{display:inline-flex}
.button.primary{background:var(--gold);color:var(--accent-ink)}
.button.primary:hover{filter:brightness(1.06)}
.button.secondary{background:var(--secondary);color:#fff}
.button.secondary:hover{background:var(--secondary-2)}
.button.border{background:transparent;border:1px solid var(--line-2);color:var(--text-2)}
.button.border:hover{background:var(--surface-2);color:#fff}
.button.transparent{background:transparent;color:#fff;padding:0;width:42px}
.button.transparent:hover{background:var(--surface-2)}
.button.compact{height:36px;padding:0 14px;font-size:13px}
.button.medium{height:38px}
.button.big{height:48px;padding:0 30px;font-size:15px}

header.header{position:sticky;top:0;z-index:60;background:var(--bg-2);border-bottom:1px solid var(--line)}
.header_desktop{display:flex;align-items:center;gap:18px;height:var(--head-h)}
.header_mobile{display:none;align-items:center;gap:10px;height:var(--head-h)}
.logo_main{display:inline-flex;align-items:center;flex:none}
.logo_main img{height:32px;width:auto}
.mdrag.menu_main{display:flex;align-items:center;gap:2px;margin-right:auto;overflow:hidden}
.menu_main .item{flex:none}
.menu_main .link{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:var(--radius-s);color:var(--text-2);font-weight:600;font-size:14px}
.menu_main .link:hover{background:var(--surface-2);color:#fff}
.menu_main .link .label{white-space:nowrap}
.panel_user{display:flex;align-items:center;gap:10px;flex:none}
.toggle_holder{flex:none}

.aside_overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:70;opacity:0;visibility:hidden;transition:opacity .2s}
body.aside-open .aside_overlay{opacity:1;visibility:visible}
.aside_main{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:86vw;z-index:80;background:var(--bg-2);border-right:1px solid var(--line);transform:translateX(-100%);overflow-y:auto;padding:16px}
body.aside-open .aside_main{transform:translateX(0)}
.aside_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.aside_auth{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.aside_auth .button{width:100%;height:44px}
.menu_aside{display:flex;flex-direction:column;gap:4px}
.menu_aside .item,.aside_main .item{display:flex;align-items:center;height:46px;padding:0 12px;border-radius:var(--radius-s);color:var(--text-2);font-weight:600}
.menu_aside .item:hover,.aside_main .item:hover{background:var(--surface-2);color:#fff}
.aside_sep{height:1px;background:var(--line);margin:10px 0}
.aside_lang{display:flex;align-items:center;gap:10px;height:44px;padding:0 12px;border-radius:var(--radius-s);color:var(--text-2)}
.flag{width:22px;height:15px;border-radius:2px;flex:none}

.main_content{padding-top:22px;padding-bottom:60px}

.section_banners{margin-bottom:30px}
.banners{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:var(--radius)}
.banners::-webkit-scrollbar{display:none}
.item_banner{flex:0 0 100%;scroll-snap-align:start;position:relative;min-height:300px;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center;background:#1B2135}
.item_banner .image_wrap{position:absolute;inset:0;z-index:0}
.item_banner .image_wrap .image{width:100%;height:100%;object-fit:cover;object-position:right center}
.item_banner::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(10,14,30,.9) 0%,rgba(10,14,30,.55) 40%,rgba(10,14,30,0) 70%)}
.item_banner .game_info{position:relative;z-index:2;padding:34px 44px;max-width:58%}
.item_banner .text .title{font-size:clamp(22px,3vw,34px);font-weight:900;line-height:1.12;margin-bottom:18px;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.item_banner .text .title span{color:var(--accent)}
.banners_dots{display:flex;justify-content:center;gap:7px;margin-top:14px}
.banners_dots button{width:8px;height:8px;border:0;border-radius:50%;background:var(--surface-3);cursor:pointer;padding:0}
.banners_dots button.is-active{background:var(--accent);width:22px;border-radius:5px}

.section_block{margin-bottom:30px}
.section_block .header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.title_section{display:inline-flex;align-items:center}
.title_section .caption_button{font-size:20px;font-weight:800;color:#fff}
.section_block .extra{margin-left:auto;display:flex;align-items:center;gap:8px}
.slider_nav{width:36px;height:36px;padding:0}
.more_button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text-2);font-size:13px;font-weight:700}
.more_button:hover{background:var(--surface-2);color:#fff}
.more_button .icon{width:16px;height:16px}
.section_block .content .slider{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 6*16px)/7);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:4px}
.slider::-webkit-scrollbar{display:none}

.item_game{scroll-snap-align:start}
.item_game .content{position:relative}
.image_bg{position:relative;aspect-ratio:1/1;border-radius:var(--radius-s);overflow:hidden;background:var(--surface-2);border:1px solid var(--line)}
.image_bg .image{width:100%;height:100%;object-fit:cover}
.image_bg .overlay.hover_show{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,21,43,.15),rgba(15,21,43,.85));opacity:0;transition:opacity .18s;z-index:1}
.item_game:hover .overlay.hover_show{opacity:1}
.category_image_wrap.labels{position:absolute;top:7px;left:7px;z-index:3}
.label_badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#fff}
.label_badge.top{background:var(--gold);color:var(--accent-ink)}
.label_badge.new{background:var(--secondary)}
.actions{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transition:opacity .18s;padding:0 8px}
.item_game:hover .actions{opacity:1}
.actions .real{background:var(--gold);color:var(--accent-ink);height:36px;padding:0 20px}
.actions .demo{height:30px;padding:0 16px;border:1px solid var(--line-2);color:#fff}
.item_game .info{padding:9px 2px 0}
.item_game .caption{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item_game .rm{font-size:11px;color:var(--muted);margin-top:2px}

.promo_banner{margin:8px 0 30px}
.promo_banner_inner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.promo_banner .item{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}
.promo_banner .item .image{width:52px;height:52px;flex:none}
.promo_banner .item .image img{width:100%;height:100%;object-fit:contain}
.promo_banner .item .content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.promo_banner .text{flex:1;min-width:0}
.promo_banner .text .title{font-weight:800;font-size:15px}
.promo_banner .text .description{font-size:12px;color:var(--muted);margin-top:3px}
.promo_banner .item>.content>.button{width:40px;height:40px;padding:0;flex:none}
.promo_banner .item .button .icon{width:18px;height:18px}

.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:34px;margin-top:10px}
.footer_icons{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.footer_icons .18plus,.footer_icons .extra img{height:34px;width:auto}
.footer_menu{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:900px;margin-bottom:28px}
.part_menu{display:flex;flex-direction:column;gap:8px}
.part_menu .section_title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-bottom:4px}
.part_menu a{color:var(--muted);font-size:13px}
.part_menu a:hover{color:var(--accent)}
.footer_providers,.footer_pay{margin-bottom:22px}
.footer .section_title{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-bottom:12px}
.providers_list,.pay_list{display:flex;flex-wrap:wrap;gap:10px}
.item_provider_pay.logo{display:inline-flex;align-items:center;justify-content:center;height:44px;min-width:74px;padding:0 14px;border-radius:var(--radius-s);background:var(--surface);border:1px solid var(--line)}
.item_provider_pay.logo img{height:24px;width:auto;max-width:96px}
.pay{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;min-width:64px;padding:0 14px;border-radius:8px;background:#fff;border:1px solid #e6e8f0;font-size:13px;font-weight:800;color:#16182b;line-height:1}
.pay .pmark{height:18px;width:auto;flex:none}
.pay .btc{width:18px;height:18px;border-radius:50%;background:#F7931A;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex:none}
.pay--visa .pay__t{color:#1434CB;font-style:italic;letter-spacing:.5px;font-size:15px}
.pay--skrill .pay__t{color:#7B2D8B}
.pay--neteller .pay__t{color:#5CA000}
.pay--mc .pay__t,.pay--bitcoin .pay__t{color:#222}
.pay--bank .pay__t{color:#2b3a8c}
.pay--ideal{padding:0 12px;background:#fff}
.pay--ideal img{height:26px;width:auto}
.copyright{color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:18px}

.seo{margin:40px auto 0;max-width:1300px;border-top:1px solid var(--line);padding:32px 18px 0}
.seo h1{font-size:clamp(22px,3vw,32px);font-weight:900;margin:0 0 14px;line-height:1.2}
.seo h2{font-size:clamp(18px,2.2vw,24px);font-weight:800;margin:26px 0 10px}
.seo h3{font-size:17px;font-weight:800;margin:18px 0 6px}
.seo p{color:var(--text-2);font-size:15px;line-height:1.75;margin:0 0 12px;text-align:justify;hyphens:auto}
.seo ul,.seo ol{margin:12px 0;padding-left:22px;color:var(--text-2);font-size:14px;line-height:1.7;display:flex;flex-direction:column;gap:6px}
.seo .author{display:flex;gap:14px;align-items:center;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);margin:0 0 18px}
.seo .author__av{width:50px;height:50px;border-radius:50%;background:var(--gold);color:var(--accent-ink);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:20px;flex:none}
.seo .author__name{font-weight:800}.seo .author__role{font-size:12px;color:var(--accent);font-weight:700}
.seo .author__bio{font-size:12px;color:var(--muted);margin-top:4px}
.seo .cta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:18px 20px;border-radius:var(--radius);background:linear-gradient(120deg,#161B2E,#23284a);border:1px solid var(--line-2);margin:0 0 18px}
.seo .cta__t{font-weight:800}
.seo .cta__btns{display:flex;gap:10px;flex-wrap:wrap}
.seo .btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:var(--radius-s);font-weight:800;font-size:13px}
.seo .btn--accent{background:var(--gold);color:var(--accent-ink)}
.seo .btn--secondary{background:var(--secondary);color:#fff}
.seo .btn--ghost{background:var(--surface-2);color:#fff}
.seo .upd{font-size:13px;color:var(--muted);margin:0 0 18px}
.seo .toc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin:0 0 18px}
.seo .toc__t{font-weight:800;margin-bottom:8px}
.seo .toc ol{padding-left:20px}
.seo .toc a{color:var(--text-2)}.seo .toc a:hover{color:var(--accent)}
.seo .kt{background:var(--surface);border:1px solid var(--line-2);border-left:3px solid var(--accent);border-radius:var(--radius);padding:14px 18px;margin:0 0 16px}
.seo .kt ul{margin:0;padding:0}
.seo .kt li{list-style:none;position:relative;padding-left:26px}
.seo .kt li::before{content:"\2713";position:absolute;left:0;color:var(--accent);font-weight:900}
.seo .gl{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:12px 0;padding:0}
.seo .gl li{list-style:none;position:relative;padding-left:16px}
.seo .gl li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--accent)}
.seo .steps{padding-left:20px}
.seo .pc{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.seo .pc__col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px}
.seo .pc__col--pro{border-top:3px solid #35c46a}
.seo .pc__col--con{border-top:3px solid #e2574c}
.seo .pc__t{font-weight:800;margin-bottom:8px}
.seo .pc ul{margin:0;padding:0}
.seo .pc li{list-style:none;position:relative;padding-left:24px}
.seo .pc__col--pro li::before{content:"\2713";position:absolute;left:0;color:#35c46a;font-weight:900}
.seo .pc__col--con li::before{content:"\2715";position:absolute;left:0;color:#e2574c;font-weight:900}
.seo .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0;width:100%;max-width:100%}
.seo table{border-collapse:collapse;font-size:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;width:100%;table-layout:fixed}
.seo td,.seo th{word-break:break-word;padding:10px 14px;border:1px solid var(--line);text-align:left;vertical-align:middle}
.seo thead th{background:var(--surface-2);color:#fff;font-weight:700}
.seo td{color:var(--text-2)}
.seo .faq{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.seo .faq__item{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}
.seo .faq__q{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;padding:15px 16px;font-weight:700;list-style:none}
.seo .faq__q::-webkit-details-marker{display:none}
.seo .faq__chev{width:18px;height:18px;color:var(--muted);transition:transform .2s}
.seo .faq__item[open] .faq__chev{transform:rotate(180deg);color:var(--accent)}
.seo .faq__a{padding:0 16px 16px;color:var(--text-2);font-size:14px;line-height:1.7;text-align:justify}

@media(max-width:1100px){
  .section_block .content .slider{grid-auto-columns:calc((100% - 5*16px)/6)}
  .promo_banner_inner{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:980px){
  .header_desktop{display:none}
  .header_mobile{display:flex}
  .item_banner{min-height:230px}
  .item_banner .game_info{max-width:66%;padding:18px 20px}
  .section_block .content .slider{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px}
  .footer_menu{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .container{padding:0 12px}
  .item_banner{min-height:200px}
  .item_banner .game_info{max-width:70%;padding:16px}
  .item_banner .text .title{font-size:19px}
  .section_block .content .slider{grid-auto-columns:calc((100% - 2*10px)/3);gap:10px}
  .title_section .caption_button,.block_head .caption_button{font-size:18px}
  .promo_banner_inner{grid-template-columns:1fr}
  .footer_menu{grid-template-columns:1fr}
  .seo table{display:block;overflow-x:auto;white-space:nowrap;width:100%}
  .seo .pc,.seo .gl{grid-template-columns:1fr}
  .seo .cta{flex-direction:column;align-items:flex-start}
}
@media(max-width:460px){
  .section_block .content .slider{grid-auto-columns:calc((100% - 1.3*10px)/2.3)}
  .panel_user .button.compact{padding:0 12px;font-size:12px;height:34px}
}
@media (hover:none),(pointer:coarse),(max-width:680px){
  .item_game .overlay.hover_show{opacity:0}
  .item_game .actions{opacity:1;inset:0;top:0;bottom:0;transform:none;background:none;padding:0;flex-direction:row}
  .item_game .actions .demo{display:none}
  .item_game .actions .real{position:absolute;inset:0;height:auto;min-width:0;padding:0;background:none;border-radius:0;opacity:0}
  .item_game .actions .real .caption{display:none}
}
.image_bg .game-link{display:block;width:100%;height:100%}
.image_bg .overlay.hover_show{pointer-events:none}