:root{--c-bg:#231336;--c-bg2:#2d1a44;--c-dark:#000000;--c-primary:#CC297E;--c-primary2:#e8449a;--c-text:#f3ecfa;--c-text2:#c9bcd9;--c-border:#453061;--c-gold:#f6b73c;--c-green:#2ecc71;--radius:14px;--radius-sm:8px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',Arial,sans-serif;background:var(--c-bg);color:var(--c-text);line-height:1.5;font-size:15px}
body.fixed{overflow:hidden}
a{color:var(--c-primary2);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
ul{list-style:none}
h1{font-size:1.9rem;font-weight:700;line-height:1.2;margin:24px 0 14px}
h2{font-size:1.45rem;font-weight:700;line-height:1.25;margin-bottom:10px}
h3{font-size:1.05rem;font-weight:600;line-height:1.3}
h4{font-size:.8rem;font-weight:600;color:var(--c-text2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
p{margin-bottom:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:inherit;font-weight:600;font-size:.85rem;border:none;border-radius:var(--radius-sm);cursor:pointer;padding:10px 20px;transition:background .25s,transform .2s,box-shadow .25s;text-align:center;line-height:1.2}
.btn:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px rgba(204,41,126,.35)}
.btn:active{transform:translateY(0)}
.btn--primary{background:var(--c-primary);color:#fff}
.btn--primary:hover{background:var(--c-primary2);color:#fff}
a.btn--primary,a.btn--primary:visited,a.btn--primary:hover,a.btn--primary:active{color:#fff}
.btn--dark{background:var(--c-dark);color:#fff;border:1px solid #333}
.btn--dark:hover{background:#1c1c1c;box-shadow:0 6px 18px rgba(0,0,0,.4)}
.btn--lg{padding:13px 28px;font-size:.95rem}
.btn--md{padding:10px 20px}
.btn--sm{padding:8px 16px;font-size:.8rem}
.wrapper{min-height:100vh;display:flex;flex-direction:column}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
main{flex:1;padding:22px 0 30px}
.box{border-radius:var(--radius)}
.header{background:var(--c-dark);padding:12px 18px;margin-bottom:18px}
.header .row{display:flex;align-items:center;flex-wrap:nowrap;gap:14px;justify-content:space-between}
.logo img{width:140px;height:auto;object-fit:cover;border-radius:6px}
.hb-online{display:flex;align-items:center;gap:8px;background:#111;border:1px solid #2a2a2a;border-radius:20px;padding:6px 14px;font-size:.78rem;color:var(--c-text2)}
.online-dot{width:9px;height:9px;border-radius:50%;background:var(--c-green);box-shadow:0 0 0 0 rgba(46,204,113,.6);animation:pulse-dot 1.8s infinite}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(46,204,113,.5)}70%{box-shadow:0 0 0 8px rgba(46,204,113,0)}100%{box-shadow:0 0 0 0 rgba(46,204,113,0)}}
.hb-menu{display:flex;align-items:center;gap:10px}
.menu-list{display:flex;gap:4px;flex-wrap:wrap}
.menu-list a{display:inline-flex;align-items:center;gap:6px;color:var(--c-text);font-size:.83rem;font-weight:500;padding:8px 11px;border-radius:var(--radius-sm);transition:background .2s,color .2s}
.menu-list a:hover{background:#1a1a1a;color:var(--c-primary2);text-decoration:none}
.mi{stroke:var(--c-primary2);flex-shrink:0}
.burger{display:none;flex-direction:column;gap:4px;cursor:pointer;padding:8px;border-radius:6px;background:transparent;border:1px solid #333}
.burger span{width:20px;height:2px;background:#fff;transition:transform .3s,opacity .3s;display:block}
.burger.active span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.header-buttons{display:flex;gap:9px}
.content{padding:0 4px}
.hero{position:relative;border-radius:var(--radius);overflow:hidden;background:linear-gradient(115deg,rgba(35,19,54,.94) 38%,rgba(35,19,54,.55)),url('/run-hero.jpg') center/cover no-repeat;padding:52px 38px;margin-bottom:18px;animation:fade-in .7s ease both}
@keyframes fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.hero-text{max-width:560px}
.hero-tag{display:inline-block;background:rgba(204,41,126,.18);border:1px solid var(--c-primary);color:var(--c-primary2);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:5px 14px;margin-bottom:16px}
.hero h2{font-size:2.15rem;font-weight:800;line-height:1.15;margin-bottom:12px}
.hero p{color:var(--c-text2);margin-bottom:20px}
.hero-promo{display:flex;align-items:center;gap:10px;background:rgba(0,0,0,.55);border:1px dashed var(--c-primary);border-radius:var(--radius-sm);padding:11px 16px;margin-bottom:22px;width:fit-content;flex-wrap:wrap}
.promo-label{font-size:.72rem;text-transform:uppercase;color:var(--c-text2);letter-spacing:.05em}
.promo-code{font-weight:800;font-size:1.1rem;letter-spacing:.08em;color:var(--c-gold)}
.promo-copy{background:transparent;border:1px solid var(--c-border);color:var(--c-text2);border-radius:6px;padding:6px 8px;cursor:pointer;transition:border-color .2s,color .2s}
.promo-copy:hover{border-color:var(--c-primary);color:var(--c-primary2)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hero-perks{display:flex;gap:18px;flex-wrap:wrap}
.hero-perks li{font-size:.8rem;color:var(--c-text2);display:flex;align-items:center;gap:6px}
.hero-perks li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-primary);display:inline-block}
.breadcrumbs{padding:6px 2px 14px}
.breadcrumbs-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--c-text2)}
.breadcrumbs-list a{color:var(--c-text2)}
.breadcrumbs-list a:hover{color:var(--c-primary2)}
.block{margin-bottom:26px;animation:fade-in .7s ease both}
.block--card{background:var(--c-bg2);border:1px solid var(--c-border);border-radius:var(--radius);padding:26px 24px}
.block-sub{font-size:.85rem;color:var(--c-text2);margin-bottom:18px}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}
table{width:100%;border-collapse:collapse;text-align:left}
th,td{padding:11px 14px;border:1px solid var(--c-border);font-size:.84rem;vertical-align:top}
thead th{background:var(--c-dark);color:var(--c-text);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}
tbody th{background:rgba(0,0,0,.28);font-weight:600;color:var(--c-text);white-space:nowrap}
.info-table tbody tr{transition:background .2s}
.info-table tbody tr:hover{background:rgba(204,41,126,.07)}
.ti{stroke:var(--c-primary2);vertical-align:-3px;margin-right:8px}
tbody tr:nth-child(even) td{background:rgba(0,0,0,.14)}
.pay-table .pm-cell{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:600}
.pm-cell img{border-radius:4px}
.mirror-table a{font-weight:600}
.status{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:14px;padding:4px 12px}
.status--on{background:rgba(46,204,113,.15);color:var(--c-green);border:1px solid rgba(46,204,113,.4)}
.winners-table td:first-child{font-weight:700;color:var(--c-gold);width:36px}
.wn-name{font-weight:600;color:var(--c-primary2)}
.tour-slider{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tour-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px 18px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .25s,border-color .25s}
.tour-card:hover{transform:translateY(-4px);border-color:var(--c-primary)}
.tour-card p{font-size:.82rem;color:var(--c-text2);flex:1}
.tc-accent{border-color:var(--c-primary);background:linear-gradient(160deg,rgba(204,41,126,.12),var(--c-bg) 60%)}
.tour-flag{position:absolute;top:-9px;right:14px;background:var(--c-primary);color:#fff;font-size:.66rem;font-weight:700;text-transform:uppercase;border-radius:12px;padding:3px 11px}
.tour-meta{display:flex;flex-direction:column;gap:4px;font-size:.78rem}
.tour-pool{color:var(--c-gold);font-weight:700}
.tour-timer{color:var(--c-text2)}
.games-slider{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.game-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .25s,border-color .25s;text-align:center}
.game-card:hover{transform:translateY(-4px);border-color:var(--c-primary)}
.game-card img{width:100%;height:110px;object-fit:cover}
.game-card h3{font-size:.85rem;padding:9px 8px 3px}
.game-provider{font-size:.72rem;color:var(--c-text2);padding:0 8px 9px;flex:1}
.game-card .btn{margin:0 10px 12px}
.app-grid{display:flex}
.app-info{width:100%}
.app-table{max-width:640px}
.app-table th{width:160px}
.app-buttons{display:flex;gap:11px;flex-wrap:wrap;margin-top:16px}
.bi{flex-shrink:0}
.wheel-grid{display:grid;grid-template-columns:300px 1fr;gap:30px;align-items:center}
.wheel-stage{position:relative;width:280px;height:280px;margin:0 auto}
.wheel{width:100%;height:100%;border-radius:50%;border:6px solid var(--c-dark);position:relative;overflow:hidden;transition:transform 4s cubic-bezier(.17,.67,.16,1)}
.wheel-seg{position:absolute;width:50%;height:50%;top:0;left:50%;transform-origin:0% 100%;display:flex;align-items:center;justify-content:center;clip-path:polygon(0% 100%,0% 0%,100% 0%)}
.wheel-seg span{transform:rotate(22.5deg) translate(42px);font-size:.72rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:3px;white-space:nowrap}
.ws-ic{flex-shrink:0;display:inline-block;vertical-align:middle}
.ws-1{background:#CC297E;transform:rotate(0deg)}
.ws-2{background:#231336;transform:rotate(45deg)}
.ws-3{background:#8e5bd4;transform:rotate(90deg)}
.ws-4{background:#231336;transform:rotate(135deg)}
.ws-5{background:#f6b73c;transform:rotate(180deg)}
.ws-6{background:#231336;transform:rotate(225deg)}
.ws-7{background:#2ecc71;transform:rotate(270deg)}
.ws-8{background:#231336;transform:rotate(315deg)}
.seg-bonus{transform:rotate(22.5deg) translate(52px)}
.wheel-pointer{position:absolute;top:-4px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid var(--c-gold);z-index:2}
.wheel-side h2{margin-bottom:8px}
.wheel-side>p{color:var(--c-text2);margin-bottom:16px}
.wheel-result{display:none;background:rgba(46,204,113,.12);border:1px solid rgba(46,204,113,.45);border-radius:var(--radius-sm);padding:16px;margin-top:16px}
.wheel-result.show{display:block;animation:fade-in .4s ease both}
.wheel-win{font-weight:700;color:var(--c-green);margin-bottom:12px}
.wheel-lose{display:none;color:var(--c-text2);margin-top:14px}
.wheel-lose.show{display:block;animation:fade-in .4s ease both}
.faq-item{border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:10px;background:var(--c-bg);overflow:hidden}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border:none;color:var(--c-text);font-family:inherit;font-size:.9rem;font-weight:600;padding:15px 17px;cursor:pointer;text-align:left;transition:color .2s}
.faq-q:hover{color:var(--c-primary2)}
.faq-ic{position:relative;width:14px;height:14px;flex-shrink:0}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;background:var(--c-primary2);transition:transform .3s}
.faq-ic::before{top:6px;left:0;width:14px;height:2px}
.faq-ic::after{top:0;left:6px;width:2px;height:14px}
.faq-item.open .faq-ic::after{transform:scaleY(0)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 17px 15px;color:var(--c-text2);font-size:.85rem;margin:0}
.faq-item.open .faq-a{max-height:260px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}
.review-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:18px}
.review-card p{font-size:.83rem;color:var(--c-text2);margin:12px 0 0}
.review-head{display:flex;align-items:center;gap:11px}
.review-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}
.review-head b{font-size:.9rem}
.review-stars{display:flex;gap:2px;margin-top:3px}
.review-form-wrap,.comment-form-wrap{border-top:1px solid var(--c-border);padding-top:20px}
.review-form-wrap h3,.comment-form-wrap h3{margin-bottom:14px}
form{max-width:480px}
.form-field{display:flex;flex-direction:column;gap:5px;margin-bottom:13px}
.form-field label{font-size:.78rem;font-weight:600;color:var(--c-text2)}
.form-field input,.form-field textarea{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-family:inherit;font-size:.87rem;padding:10px 13px;transition:border-color .2s}
.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--c-primary)}
.form-field textarea{resize:vertical;min-height:80px}
.form-note{display:none;color:var(--c-green);font-size:.83rem;font-weight:600;margin-top:11px}
.form-note.show{display:block;animation:fade-in .4s ease both}
.comments-list{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.comment-item{display:flex;gap:12px;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:14px 16px}
.comment-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}
.comment-body b{font-size:.85rem}
.comment-date{font-size:.72rem;color:var(--c-text2);margin-left:9px}
.comment-body p{font-size:.83rem;color:var(--c-text2);margin:6px 0 0}
.author-grid{display:flex;gap:22px;align-items:flex-start}
.author-photo img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--c-primary)}
.author-role{font-size:.8rem;color:var(--c-primary2);font-weight:600;margin-bottom:10px}
.author-bio{font-size:.85rem;color:var(--c-text2)}
.author-links{display:flex;gap:11px;flex-wrap:wrap;margin:13px 0}
.author-links a{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:600;background:var(--c-bg);border:1px solid var(--c-border);border-radius:18px;padding:6px 14px;transition:border-color .2s}
.author-links a:hover{border-color:var(--c-primary);text-decoration:none}
.author-dates{font-size:.78rem;color:var(--c-text2)}
.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.6fr;gap:26px;max-width:1200px;margin:0 auto}
.footer{background:var(--c-dark);padding:34px 16px 20px;margin-top:14px}
.footer .copyright{max-width:1200px;margin-left:auto;margin-right:auto}
.footer-col ul li{margin-bottom:8px}
.footer-col ul a{color:var(--c-text2);font-size:.83rem;transition:color .2s}
.footer-col ul a:hover{color:var(--c-primary2)}
.footer-logo img{width:140px;height:auto;object-fit:cover;border-radius:6px;margin-bottom:14px}
.footer-country{display:flex;align-items:center;gap:9px;font-size:.8rem;color:var(--c-text2);margin-bottom:14px}
.flag{border-radius:3px}
.footer-social{display:flex;gap:10px;margin-bottom:14px}
.footer-social a{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:#141414;border:1px solid #2a2a2a;border-radius:50%;color:var(--c-text2);transition:color .2s,border-color .2s}
.footer-social a:hover{color:var(--c-primary2);border-color:var(--c-primary)}
.footer-email{display:flex;align-items:center;gap:8px;font-size:.82rem}
.footer-email a{color:var(--c-text2)}
.badge-row{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:18px}
.badge-row img{height:20px;width:auto;opacity:.85}
.copyright{border-top:1px solid #1d1d1d;margin-top:24px;padding-top:16px}
.copyright p{font-size:.74rem;color:#8a7fa0;line-height:1.6}
.text-center{text-align:center}
.sticky-widget{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--c-dark);border-top:2px solid var(--c-primary);display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 16px;flex-wrap:wrap;box-shadow:0 -6px 24px rgba(0,0,0,.45)}
.sw-text{display:flex;flex-direction:column;font-size:.8rem}
.sw-text b{color:var(--c-text)}
.sw-text span{color:var(--c-text2)}
.sw-code{color:var(--c-gold);letter-spacing:.06em}
.sw-actions{display:flex;align-items:center;gap:10px}
.sw-close{background:transparent;border:1px solid #333;border-radius:50%;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--c-text2);cursor:pointer;transition:border-color .2s}
.sw-close:hover{border-color:var(--c-primary)}
.hidden{display:none!important}
.mt1{margin-top:4px}
.mb1{margin-bottom:4px}
.text{color:var(--c-text)}
.text p{color:var(--c-text)}
.text h1,.text h2,.text h3,.text h4{color:var(--c-text)}
.text a{color:var(--c-primary2)}
.text ul{list-style:disc;padding-left:22px;margin-bottom:14px}
.text ol{list-style:decimal;padding-left:22px;margin-bottom:14px}
.text li{margin-bottom:6px;color:var(--c-text)}
.text blockquote{border-left:3px solid var(--c-primary);background:rgba(204,41,126,.08);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:13px 17px;margin:14px 0;font-style:italic}
.text img{border-radius:var(--radius-sm);margin:14px 0}
.text table{margin:16px auto;text-align:left}
.text th,.text td{padding:10px 14px}
.text hr{border:none;border-top:1px solid var(--c-border);margin:20px 0}
.text strong,.text b{color:#fff}
@media (max-width:1024px){
.tour-slider{grid-template-columns:repeat(2,1fr)}
.games-slider{grid-template-columns:repeat(3,1fr)}
.footer-grid{grid-template-columns:1fr 1fr}
.reviews-grid{grid-template-columns:1fr}
.wheel-grid{grid-template-columns:1fr;text-align:center}
.wheel-side>p{margin:0 auto 16px;max-width:460px}
.hero-promo{margin-left:auto;margin-right:auto}
.hero-actions{justify-content:center}
.hero-perks{justify-content:center}
}
@media (max-width:768px){
.menu-list{display:none;position:absolute;top:100%;left:0;right:0;background:var(--c-dark);flex-direction:column;padding:12px 16px;border-top:1px solid #222;box-shadow:0 14px 26px rgba(0,0,0,.5);z-index:100}
.menu-list.active{display:flex}
.menu-list a{padding:12px 10px;font-size:.9rem}
.header{position:relative;z-index:50}
.burger{display:flex}
.hb-online{display:none}
.hb-buttons{order:2}
.hb-menu{order:3}
.header .row{gap:10px;flex-wrap:nowrap}
.header-block.mb1{margin-bottom:0}
.hero{padding:36px 20px;text-align:center}
.hero h2{font-size:1.6rem}
.hero-text{margin:0 auto}
.tour-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
.tour-card{min-width:260px;scroll-snap-align:start}
.games-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:11px;padding-bottom:8px}
.game-card{min-width:150px;scroll-snap-align:start}
.wheel-stage{width:240px;height:240px}
.author-grid{flex-direction:column;align-items:center;text-align:center}
.author-links{justify-content:center}
}
@media (max-width:480px){
.games-slider .game-card{min-width:130px}
.footer-grid{grid-template-columns:1fr}
.btn--lg{width:100%}
.sticky-widget{justify-content:space-between;gap:8px}
.sw-text b{font-size:.76rem}
}

#wheel .wheel-grid {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 30px;
    align-items: center;
}

#wheel .wheel-stage {
    position: relative;
    width: 280px;
    height: 280px;
    margin: 0 auto;
}

#wheel #js-wheel {
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 6px solid var(--c-dark, #171020);
    border-radius: 50%;
    overflow: hidden;
    background: conic-gradient(
        #CC297E 0deg 45deg,
        #231336 45deg 90deg,
        #8e5bd4 90deg 135deg,
        #231336 135deg 180deg,
        #f6b73c 180deg 225deg,
        #231336 225deg 270deg,
        #2ecc71 270deg 315deg,
        #231336 315deg 360deg
    );
    transition: transform 4s cubic-bezier(.17, .67, .16, 1);
}

#wheel #js-wheel .wheel-seg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: transparent !important;
    clip-path: none !important;
    transform: none !important;
}

#wheel #js-wheel .wheel-seg span {
    position: absolute;
    width: 56px;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    color: #fff;
    font-family: inherit;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
    white-space: nowrap;
}

#wheel #js-wheel .ws-ic {
    display: block;
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    overflow: visible;
}

#wheel #js-wheel .ws-1 span {
    left: 59.6%;
    top: 26.9%;
}

#wheel #js-wheel .ws-2 span {
    left: 73.1%;
    top: 40.4%;
}

#wheel #js-wheel .ws-3 span {
    left: 73.1%;
    top: 59.6%;
}

#wheel #js-wheel .ws-4 span {
    left: 59.6%;
    top: 73.1%;
}

#wheel #js-wheel .ws-5 span {
    left: 40.4%;
    top: 73.1%;
}

#wheel #js-wheel .ws-6 span {
    left: 26.9%;
    top: 59.6%;
}

#wheel #js-wheel .ws-7 span {
    left: 26.9%;
    top: 40.4%;
}

#wheel #js-wheel .ws-8 span {
    left: 40.4%;
    top: 26.9%;
}

#wheel .wheel-pointer {
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 20px solid var(--c-gold, #f6b73c);
    z-index: 5;
}

#wheel .wheel-side h2 {
    margin-bottom: 8px;
}

#wheel .wheel-side > p {
    color: var(--c-text2, #bcb5c8);
    margin-bottom: 16px;
}

#wheel .wheel-result {
    display: none;
    background: rgba(46, 204, 113, .12);
    border: 1px solid rgba(46, 204, 113, .45);
    border-radius: var(--radius-sm, 8px);
    padding: 16px;
    margin-top: 16px;
}

#wheel .wheel-result.show {
    display: block;
    animation: fade-in .4s ease both;
}

#wheel .wheel-win {
    font-weight: 700;
    color: var(--c-green, #2ecc71);
    margin-bottom: 12px;
}

#wheel .wheel-lose {
    display: none;
    color: var(--c-text2, #bcb5c8);
    margin-top: 14px;
}

#wheel .wheel-lose.show {
    display: block;
    animation: fade-in .4s ease both;
}

@media (max-width: 1024px) {
    #wheel .wheel-grid {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
        gap: 24px;
    }

    #wheel .wheel-side > p {
        margin-left: auto;
        margin-right: auto;
        max-width: 460px;
    }
}

@media (max-width: 768px) {
    #wheel .wheel-stage {
        width: 240px;
        height: 240px;
    }

    #wheel #js-wheel .wheel-seg span {
        width: 50px;
        font-size: 8px;
    }

    #wheel #js-wheel .ws-ic {
        width: 15px;
        height: 15px;
        flex-basis: 15px;
    }
}

@media (max-width: 320px) {
    #wheel .wheel-stage {
        width: 220px;
        height: 220px;
    }
}

.tournaments-block .btn--primary,
.games-block .btn--primary,
#wheel .btn--primary,
.app-block .btn--primary {
    color: #fff !important;
}

.tournaments-block .btn--primary *,
.games-block .btn--primary *,
#wheel .btn--primary *,
.app-block .btn--primary * {
    color: #fff !important;
    fill: currentColor;
}

.tournaments-block .btn--primary:hover,
.tournaments-block .btn--primary:focus,
.games-block .btn--primary:hover,
.games-block .btn--primary:focus,
#wheel .btn--primary:hover,
#wheel .btn--primary:focus,
.app-block .btn--primary:hover,
.app-block .btn--primary:focus {
    color: #fff !important;
}

#author .author-grid {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 24px;
    align-items: start;
}

#author .author-photo {
    width: 120px;
    height: 120px;
    flex: 0 0 120px;
    overflow: hidden;
    border-radius: 50%;
    background: #24152f;
    border: 2px solid rgba(255, 255, 255, 0.12);
}

#author .author-photo img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center top;
    border-radius: 50%;
}

#author .author-info {
    min-width: 0;
}

#author .author-info h2 {
    margin-top: 0;
    margin-bottom: 8px;
}

#author .author-role {
    margin-bottom: 12px;
    line-height: 1.5;
}

#author .author-bio {
    line-height: 1.7;
    overflow-wrap: anywhere;
}

#author .author-links {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 14px;
}

#author .author-links a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

#author .author-links svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

#author .author-dates {
    margin-top: 14px;
    font-size: 13px;
    line-height: 1.6;
}

@media (max-width: 600px) {
    #author .author-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    #author .author-photo {
        width: 104px;
        height: 104px;
        margin: 0 auto;
    }

    #author .author-info {
        text-align: left;
    }
}

#games .games-slider {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

#games .game-card {
    min-width: 0;
    padding: 16px;
    box-sizing: border-box;
}

#games .game-card img {
    display: block;
    width: 100%;
    height: 240px;
    max-width: none;
    margin: 0 0 16px;
    object-fit: contain;
    object-position: center;
    border-radius: 10px;
}

#games .game-card h3 {
    margin-bottom: 8px;
}

#games .game-card .game-provider {
    display: block;
    margin-bottom: 12px;
}

@media (max-width: 900px) {
    #games .games-slider {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    #games .game-card img {
        height: 220px;
    }
}

@media (max-width: 520px) {
    #games .games-slider {
        grid-template-columns: 1fr;
    }

    #games .game-card img {
        height: 280px;
    }
}

@media (max-width: 768px) {
    .footer-grid {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }

    .footer-grid .footer-col {
        min-width: 0;
        box-sizing: border-box;
    }

    .footer-grid .fc-brand,
    .footer-grid .fc-links,
    .footer-grid .fc-legal,
    .footer-grid .fc-badges {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .copyright {
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .hb-buttons .header-buttons {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .hb-buttons .header-buttons .btn {
        min-height: 32px !important;
        height: 32px !important;
        padding: 0 10px !important;
        font-size: 12px !important;
        line-height: 1 !important;
        border-radius: 6px !important;
        white-space: nowrap;
    }

    .hb-buttons .header-buttons .btn svg {
        width: 13px;
        height: 13px;
    }
}

@media (max-width: 380px) {
    .hb-buttons .header-buttons {
        gap: 4px;
    }

    .hb-buttons .header-buttons .btn {
        min-height: 29px !important;
        height: 29px !important;
        padding: 0 7px !important;
        font-size: 11px !important;
    }
}

@media (max-width: 768px) {
    .hb-logo img,
    .header-block.hb-logo img {
        width: 100px !important;
        max-width: 100px !important;
        height: auto !important;
        object-fit: contain;
    }

    .footer img.logo,
    .footer-logo img,
    .footer .logo img,
    .footer img {
        max-width: 100px !important;
        height: auto !important;
        object-fit: contain;
    }
}
.ff {
    background: var(--c-bg2);
    border: 1px solid var(--c-border);
    border-left: 3px solid var(--c-primary);
    border-radius: var(--radius);
    padding: 26px 24px;
    margin: 0 auto 24px;
    color: var(--c-text);
    box-sizing: border-box;
}

.ff h2 {
    color: var(--c-text);
    margin-top: 24px;
    margin-bottom: 12px;
}

.ff h2:first-child {
    margin-top: 0;
}

.ff p,
.ff li {
    color: var(--c-text);
    line-height: 1.7;
}

.ff a {
    color: var(--c-primary2);
}

.ff blockquote {
    border-left: 3px solid var(--c-primary);
    background: rgba(204, 41, 126, 0.10);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    padding: 14px 18px;
    margin: 18px 0;
}

.ff table {
    width: 100%;
    margin: 16px 0;
    border-collapse: collapse;
}

.ff th {
    background: var(--c-dark);
    color: var(--c-text);
}

.ff td,
.ff th {
    border: 1px solid var(--c-border);
    padding: 11px 14px;
    vertical-align: top;
}

@media (max-width: 768px) {
    .ff {
        padding: 16px 14px;
        border-radius: var(--radius-sm);
    }

    .ff h2 {
        font-size: 1.25rem;
    }

    .ff table {
        min-width: 560px;
    }

    .ff {
        overflow-x: auto;
    }
}


.info-page {
    background: var(--c-bg2);
    border: 1px solid var(--c-border);
    border-left: 3px solid var(--c-primary);
    border-radius: var(--radius);
    padding: 26px 24px;
    box-sizing: border-box;
}

.info-page > .text {
    min-width: 0;
    color: var(--c-text);
}

.info-page > .text > h1 {
    color: var(--c-text);
    font-size: 1.9rem;
    line-height: 1.25;
    margin: 0 0 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--c-border);
}

.info-page > .text p {
    color: var(--c-text2);
    line-height: 1.8;
    margin-bottom: 16px;
}

.info-page > .text h2 {
    color: var(--c-text);
    margin: 28px 0 12px;
    padding-left: 12px;
    border-left: 3px solid var(--c-primary);
}

.info-page > .text h3 {
    color: var(--c-primary2);
    margin: 20px 0 10px;
}

.info-page > .text ul,
.info-page > .text ol {
    padding-left: 24px;
    margin-bottom: 18px;
}

.info-page > .text ul {
    list-style: disc;
}

.info-page > .text ol {
    list-style: decimal;
}

.info-page > .text li {
    color: var(--c-text2);
    line-height: 1.7;
    margin-bottom: 8px;
}

.info-page > .text blockquote {
    margin: 20px 0;
    padding: 16px;
    background: rgba(204, 41, 126, .1);
    border-left: 3px solid var(--c-primary);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
}

.info-page > .text a {
    color: var(--c-primary2);
}

.info-page > .text table {
    width: 100%;
    margin: 18px 0;
    border-collapse: collapse;
}

.info-page > .text th,
.info-page > .text td {
    padding: 11px 14px;
    border: 1px solid var(--c-border);
    vertical-align: top;
}

.info-page > .text thead th {
    background: var(--c-dark);
    color: var(--c-text);
}

@media (max-width: 768px) {
    .info-page {
        padding: 16px 14px;
        border-radius: var(--radius-sm);
    }

    .info-page > .text > h1 {
        font-size: 1.5rem;
    }

    .info-page > .text h2 {
        font-size: 1.2rem;
    }

    .info-page > .text table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}