@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Syne:wght@400;600;700;800&display=swap');
:root{--bg:#f8fafc;--bg2:#f1f5f9;--bg3:#fff;--surface:#fff;--surface2:#e2e8f0;--border:#0f172a17;--border-hov:#0284c747;--accent:#006091;--accent2:#6366f1;--accent3:#059669;--text:#0f172a;--text-muted:#1e2733;--text-dim:#242931;--logo-filter:none;--shadow:0 4px 24px #0f172a1a;--radius:16px;--radius-sm:10px;color-scheme:light}
.dark:root{--bg:#0f1117;--bg2:#161b26;--bg3:#1a2030;--surface:#1e2535;--surface2:#28334a;--border:#ffffff14;--border-hov:#38bdf859;--accent:#38bdf8;--accent2:#818cf8;--accent3:#34d399;--text:#f1f5f9;--text-muted:#c9defb;--text-dim:#dbe3ef;--logo-filter:none;--shadow:0 4px 24px #0006;color-scheme:dark}
*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;overflow-x:hidden;font-family:'Montserrat',sans-serif;font-size:16px;line-height:1.6;background:var(--bg);color:var(--text);transition:background .25s,color .25s}
ul,ol,li{display:block;padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.2;font-family:'Syne',sans-serif}
p{margin:0}
a{display:inline-block;text-decoration:none;transition:all .2s ease;color:inherit}
img{max-width:100%;display:block}
picture{display:block}
.wrapper{display:flex;flex-direction:column;min-height:100vh}
.wrapper__content{flex:1 1 100%}
.site__container{margin:0 auto;padding:0 24px;max-width:1060px;width:100%}
.section-indent{margin-top:64px}
.section-indent-sm{margin-top:44px}
.glow-divider{height:1px;background:linear-gradient(90deg,transparent,#0284c72e,transparent)}
.header{position:relative;z-index:10;background:var(--bg2);border-bottom:1px solid var(--border);transition:background .25s,border-color .25s}
.header__wrapper{display:none;align-items:center;justify-content:center;gap:8px;padding:10px 0;flex-wrap:wrap}
.header__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:13px;font-family:'Montserrat',sans-serif;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;line-height:1}
.header__btn svg{width:16px;height:16px;min-width:16px}
.header__btn:hover{background:var(--surface2);color:var(--accent);border-color:var(--border-hov)}
.header__btn:focus{outline:none}
.header__btn--green{background:#34d3991a;border-color:#34d39938;color:var(--accent3)}
.header__btn--green:hover{background:#34d39933}
#root{min-height:560px;background:var(--bg3);transition:background .25s}
.section-heading{margin-bottom:36px;text-align:center}
.section-heading__eyebrow{display:inline-block;margin-bottom:10px;padding:4px 14px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#0284c712;border:1px solid #0284c72e;border-radius:100px}
[data-theme="dark"] .section-heading__eyebrow{background:#38bdf81a;border-color:#38bdf840}
.section-heading__title{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700;color:var(--text)}
.section-heading__subtitle{margin-top:10px;font-size:.93rem;color:var(--text-muted)}
.stats-bar__wrapper{display:flex;align-items:stretch;justify-content:center;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface);transition:background .25s,border-color .25s}
.stats-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 16px;text-align:center;position:relative}
.stats-bar__item + .stats-bar__item::before{content:'';position:absolute;left:0;top:18%;bottom:18%;width:1px;background:var(--border)}
.stats-bar__value{font-family:'Syne',sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--accent);line-height:1}
.stats-bar__label{margin-top:5px;font-size:.78rem;color:var(--text-muted)}
@media (max-width: 540px) {
.stats-bar__wrapper{flex-wrap:wrap}
.stats-bar__item{flex:1 1 50%;min-width:50%}
.stats-bar__item:nth-child(2n)::before{display:none}
.stats-bar__item:nth-child(n+3){border-top:1px solid var(--border)}
}
.play-banner{margin-top:28px;padding:38px 48px;background:linear-gradient(135deg,var(--accent2) 0%,var(--accent) 100%);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:24px;overflow:hidden;position:relative}
.play-banner::before{content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:#ffffff12;pointer-events:none}
.play-banner::after{content:'';position:absolute;right:40px;bottom:-80px;width:180px;height:180px;border-radius:50%;background:#ffffff0d;pointer-events:none}
.play-banner__text{position:relative;z-index:1}
.play-banner__title{font-family:'Syne',sans-serif;font-size:clamp(1.2rem,2.4vw,1.75rem);font-weight:800;color:#fff;line-height:1.25}
.play-banner__sub{margin-top:8px;font-size:.92rem;color:#fffc}
.play-banner__cta{position:relative;z-index:1;flex-shrink:0;display:inline-flex;align-items:center;gap:8px;padding:13px 26px;font-family:'Syne',sans-serif;font-size:.97rem;font-weight:700;color:var(--accent2);background:#fff;border-radius:100px;box-shadow:0 4px 20px #0003;transition:transform .2s ease,box-shadow .2s ease}
.play-banner__cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #00000047;color:var(--accent2)}
.play-banner__cta svg{width:16px;height:16px}
@media (max-width: 620px) {
.play-banner{flex-direction:column;align-items:flex-start;padding:26px 22px}
}
.description__wrapper{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;padding:42px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;transition:background .25s,border-color .25s}
.description__wrapper::before{content:'';position:absolute;top:-80px;right:-80px;width:280px;height:280px;background:radial-gradient(circle,#38bdf80d 0%,transparent 70%);pointer-events:none}
.description__img{width:96px;min-width:96px;height:96px;border-radius:20px;padding:12px;background:#38bdf80f;border:1px solid #38bdf81f;overflow:hidden}
[data-theme="dark"] .description__img{background:#38bdf81a;border-color:#38bdf833}
.description__img img{width:100%;height:100%;object-fit:contain;filter:var(--logo-filter)}
.description__title{font-size:clamp(1.35rem,2.6vw,1.85rem);font-weight:800;color:var(--text);margin-bottom:12px}
.description__description{font-size:.92rem;line-height:1.8;color:var(--text-muted);max-width:680px}
.description__list{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.description__list-item{display:block}
.description__link{padding:6px 16px;font-size:.82rem;font-weight:500;color:var(--accent);background:#38bdf812;border:1px solid #38bdf829;border-radius:100px;transition:background .2s}
.description__link:hover{background:#38bdf824}
[data-theme="dark"] .description__link{background:#38bdf81a;border-color:#38bdf840}
[data-theme="dark"] .description__link:hover{background:#38bdf833}
@media (max-width: 660px) {
.description__wrapper{grid-template-columns:1fr;gap:18px;padding:24px 20px}
.description__img{width:70px;min-width:70px;height:70px}
}
.how-to__wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.how-to__item{display:block}
.how-to__elem{height:100%;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,background .25s}
.how-to__elem:hover{border-color:#818cf847}
[data-theme="dark"] .how-to__elem:hover{border-color:#818cf873}
.how-to__step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#818cf81a;border:1px solid #818cf838;font-size:.76rem;font-weight:700;color:var(--accent2);margin-bottom:12px}
[data-theme="dark"] .how-to__step-num{background:#818cf82e;border-color:#818cf859}
.how-to__title{font-size:1.03rem;font-weight:700;color:var(--text);margin-bottom:8px}
.how-to__content{display:flex;flex-direction:column;gap:14px}
.how-to__description{font-size:.87rem;color:var(--text-muted);line-height:1.75}
.how-to__img{border-radius:var(--radius-sm);overflow:hidden}
.how-to__img img{width:100%;height:auto;border-radius:var(--radius-sm)}
@media (max-width: 600px) {
.how-to__wrapper{grid-template-columns:1fr}
}
.faq__wrapper{display:flex;flex-direction:column;gap:8px}
.accordeon{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,background .25s}
.accordeon.is--open{border-color:#38bdf833}
[data-theme="dark"] .accordeon.is--open{border-color:#38bdf859}
.accordeon__trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 22px;font-size:.96rem;font-weight:600;font-family:'Syne',sans-serif;color:var(--text);cursor:pointer;user-select:none;line-height:1.4}
.accordeon__trigger::after{content:'';flex-shrink:0;width:20px;height:20px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");transition:transform .2s ease}
.accordeon.is--open .accordeon__trigger::after{transform:rotate(180deg)}
.accordeon__wrapper{display:none}
.accordeon.is--open .accordeon__wrapper{display:block}
.accordeon__content{padding:15px 22px 20px;font-size:.9rem;color:var(--text-muted);line-height:1.8;border-top:1px solid var(--border)}
.features__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.features__item{padding:26px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s}
.features__item:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#34d39933}
[data-theme="dark"] .features__item:hover{border-color:#34d39959}
.features__img{width:74px;height:74px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;background:#34d39912;border-radius:13px;padding:10px;overflow:hidden}
[data-theme="dark"] .features__img{background:#34d3991f}
.features__img img{width:100%;height:100%;object-fit:contain}
.features__title{font-size:.95rem;font-weight:700;color:var(--text);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border)}
.features__description{font-size:.83rem;color:var(--text-muted);line-height:1.7}
@media (max-width: 860px) {
.features__wrapper{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 520px) {
.features__wrapper{grid-template-columns:1fr}
}
.other-games__wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.other-games__item{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .25s}
.other-games__item:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-hov);color:var(--text)}
.other-games__img{width:102px;min-width:102px;height:84px;overflow:hidden;flex-shrink:0}
.other-games__img img{width:100%;height:100%;object-fit:cover}
.other-games__body{padding:12px 14px;overflow:hidden}
.other-games__title{display:block;font-size:.95rem;font-weight:700;font-family:'Syne',sans-serif;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.other-games__description{display:-webkit-box;margin-top:4px;font-size:.79rem;color:var(--text-muted);line-height:1.4;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width: 860px) {
.other-games__wrapper{grid-template-columns:1fr 1fr}
}
@media (max-width: 520px) {
.other-games__wrapper{grid-template-columns:1fr}
.other-games__img{width:86px;min-width:86px}
}
.rating__select{margin:0 auto 4px}
.rating__group{margin:0 auto;width:fit-content;text-align:center}
.rating__value{display:block;font-size:24px;font-weight:700;color:var(--text)}
.rating__help{display:block;margin-top:2px;font-size:13px;color:var(--text-dim)}
.rating-select{display:flex;align-items:center;justify-content:flex-end;flex-direction:row-reverse;width:fit-content}
.rating-select__input{display:none}
.rating-select__input:hover ~ .rating-select__label::before,.rating-select__input:checked ~ .rating-select__label::before{opacity:0}
.rating-select__input:hover ~ .rating-select__label::after,.rating-select__input:checked ~ .rating-select__label::after{opacity:1}
.rating-select__label{position:relative;z-index:1;display:block;margin:0;padding:0 5px;width:40px;height:40px;cursor:pointer}
.rating-select__label::before,.rating-select__label::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:30px;height:30px;background-repeat:no-repeat;background-size:contain;background-position:center;transition:opacity .15s ease}
.rating-select__label::before{background-image:url(../img/sprite.svg#icon-star)}
.rating-select__label::after{background-image:url(../img/sprite.svg#icon-star-filled);opacity:0}
.footer{margin-top:80px;background:var(--bg2);border-top:1px solid var(--border);transition:background .25s,border-color .25s}
.footer__wrapper{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:14px;flex-wrap:wrap}
.footer__inner{display:flex;align-items:center;gap:12px}
.footer__logotype{width:28px;min-width:28px;height:28px;overflow:hidden}
.footer__logotype img{width:100%;height:100%;object-fit:contain;filter:var(--logo-filter)}
.footer__copyright{font-size:13px;color:var(--text-dim)}
.footer__list{display:flex;align-items:center;flex-wrap:wrap}
.footer__item{display:flex;align-items:center}
.footer__item + .footer__item::before{content:'·';padding:0 10px;color:var(--text-dim)}
.footer__link{font-size:13px;color:var(--text-muted)}
.footer__link:hover{color:var(--accent)}
@media (max-width: 660px) {
.footer__wrapper{flex-direction:column;align-items:center;text-align:center}
.footer__inner{flex-direction:column;gap:6px}
.footer__list{justify-content:center}
.footer{margin-top:52px}
}
.breadcrumb__list{display:flex;align-items:center;flex-wrap:wrap}
.breadcrumb__item{display:flex;align-items:center}
.breadcrumb__item:last-child .breadcrumb__link{color:var(--text-dim)}
.breadcrumb__item + .breadcrumb__item::before{content:'/';margin:0 8px;color:var(--text-dim);font-size:13px}
.breadcrumb__link{display:block;font-size:13px;color:var(--text-muted)}
.breadcrumb__link:hover{color:var(--accent)}
.scroll-disabled{overflow:hidden}
.not-found__wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;min-height:calc(100dvh - 84px - 70px);text-align:center}
.not-found__heading{font-size:clamp(120px,24vw,300px);font-weight:800;line-height:1;color:var(--surface2);font-family:'Syne',sans-serif}
.not-found__head{margin-bottom:22px}
.not-found__btn{display:inline-block;margin:22px auto 0;padding:14px 28px;font-size:.97rem;font-weight:600;color:#fff;background:var(--accent3);border:none;border-radius:100px;cursor:pointer;transition:all .2s ease}
.not-found__btn:hover{background:#2fc88a;color:#fff;transform:translateY(-2px)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.theme-toggle:hover{background:var(--surface2);color:var(--accent);border-color:var(--border-hov)}
@keyframes fadeUp {
from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:translateY(0)}
}
.animate-fade-up{animation:fadeUp .5s ease both}
@media (max-width: 767px) {
.section-indent{margin-top:44px}
.section-indent-sm{margin-top:30px}
.section-heading{margin-bottom:22px}
.how-to__elem,.features__item{padding:18px 16px}
}
@media (prefers-reduced-motion: reduce) {
*,::before,::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}