:root{--pink:#de367b;--blue:#41b3e2;--text:#111;--muted:#646464;--bg:#f5f5f5;--soft:#ededed;--line:#dedede;--side:70px;--drawer:280px;--head:70px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f6f6;color:var(--text);font-family:Roboto,Arial,sans-serif;font-size:14px;overflow-x:hidden}a{text-decoration:none;color:inherit;cursor:pointer}button{font:inherit;border:0;background:transparent;cursor:pointer}.topbar{position:fixed;z-index:60;top:0;left:0;right:0;height:var(--head);background:#f1f1f1;display:grid;grid-template-columns:70px 245px 180px 1fr auto;align-items:center;border-bottom:1px solid #ececec}.icon-btn{width:70px;height:70px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}.hamburger span{width:26px;height:3px;background:#555;display:block}.quick-tabs{height:100%;display:flex;align-items:center;gap:25px}.quick-tab{height:100%;display:flex;align-items:center;gap:8px;color:#606060;font-size:16px}.quick-tab img{width:22px;height:22px;opacity:.65}.brand{height:70px;width:180px;display:flex;align-items:center;justify-content:center}.brand img,.drawer-logo img,.footer-logo{width:180px;height:72px;object-fit:fill;display:block}.header-search{justify-self:center}.searchbar{width:400px;height:48px;background:#e9e9e9;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;overflow:hidden}.searchbar input{flex:1;height:100%;border:0;background:transparent;padding:0 16px;color:#555;outline:none}.searchbar input::placeholder{color:#9b9b9b}.searchbar button{width:52px;height:100%;position:relative}.searchbar button:before{content:"";position:absolute;left:17px;top:14px;width:14px;height:14px;border:2px solid #111;border-radius:50%}.searchbar button:after{content:"";position:absolute;left:31px;top:29px;width:10px;height:2px;background:#111;transform:rotate(45deg);border-radius:2px}.header-actions{display:flex;align-items:center;gap:28px;padding-right:25px}.login{font-weight:700;color:#0b0b0b}.join{background:var(--blue);color:#fff;font-weight:700;min-width:100px;height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:0}.rail{position:fixed;z-index:50;top:var(--head);bottom:0;left:0;width:var(--side);background:#eee;display:flex;flex-direction:column;align-items:center}.rail-item{height:48px;width:64px;display:flex;align-items:center;justify-content:center;position:relative;color:#6a6a6a}.rail-item img{width:25px;height:25px;filter:grayscale(1);opacity:.72}.rail-item.active img{filter:none;opacity:1}.rail-arrow{position:absolute;right:10px;font-size:18px;color:#888}.rail-search{height:58px}.css-search{width:22px;height:22px;border:2px solid currentColor;border-radius:50%;display:inline-block;position:relative;color:#6b6b6b}.css-search:after{content:"";position:absolute;width:12px;height:2px;background:currentColor;right:-8px;bottom:-5px;transform:rotate(45deg);border-radius:2px}.bomb,.diamond{font-size:31px}.rail-lang{margin-top:auto;margin-bottom:40px;width:40px;height:40px;border-radius:50%;overflow:hidden}.rail-lang img{width:100%;height:100%;object-fit:cover}.drawer{position:fixed;z-index:80;top:0;bottom:0;left:0;width:var(--drawer);background:#f4f4f4;transform:translateX(-100%);transition:.25s ease;box-shadow:10px 0 20px rgba(0,0,0,.08);overflow-y:auto}.menu-open .drawer{transform:translateX(0)}.drawer-head{height:80px;display:flex;align-items:center;gap:15px;background:#f1f1f1}.drawer-head .close{font-size:45px;line-height:1;color:#565656;margin-left:22px;font-weight:300}.drawer-tabs{display:flex;gap:22px;align-items:center;color:#606060;font-size:16px}.drawer-tabs a{display:flex;gap:8px;align-items:center}.drawer-tabs img{width:22px}.drawer-logo,.drawer-actions{display:none}.drawer-body{padding:25px 16px 80px}.drawer-search{height:48px;background:#eee;display:flex;align-items:center;gap:22px;padding:0 20px;color:#4e4e4e;border-radius:4px;margin-bottom:8px}.drawer-search .css-search{color:#55bcea}.acc,.single{background:#eee;border-bottom:1px solid #e2e2e2}.acc-title{height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#555}.acc-title span{display:flex;align-items:center;gap:14px}.acc-title img,.acc-panel img,.single img{width:22px;height:22px;object-fit:contain;filter:grayscale(1);opacity:.75}.acc-title.active img{filter:none;opacity:1}.acc-title b,.language span{width:34px;height:34px;background:#f8f8f8;border-radius:4px;position:relative}.acc-title b:before,.language span:before{content:"";border:solid #222;border-width:0 1.5px 1.5px 0;display:inline-block;padding:4px;position:absolute;top:10px;left:12px;transform:rotate(45deg)}.acc.open .acc-title b:before{top:14px;transform:rotate(-135deg)}.acc-panel{display:none;padding:4px 0 8px}.acc.open .acc-panel{display:block}.acc-panel a,.single{height:45px;display:flex;align-items:center;gap:14px;padding:0 18px;color:#555}.acc-panel a.more{background:#e9e9e9}.acc-panel .small-webp{width:24px;height:24px}.single{background:#efefef;font-size:15px}.single span{font-size:25px;width:22px;text-align:center;color:#606060}.language{height:50px;width:100%;margin-top:28px;background:#eee;border:1px solid #ddd;border-radius:4px;display:flex;align-items:center;gap:14px;padding:0 14px;text-align:left}.language img{width:36px;height:25px;object-fit:cover}.language span{margin-left:auto;background:transparent}.main{padding-top:95px;margin-left:var(--side);min-height:100vh;transition:.25s ease}.menu-open .main{margin-left:var(--drawer)}.hero-wrap{max-width:1300px;margin:0 auto 16px;display:grid;grid-template-columns:minmax(0,900px) 385px;gap:16px}.hero{height:300px;border-radius:6px;overflow:hidden;background-size:cover;background-position:center;position:relative}.hero-main{background-image:url('../images/banner-welcome-desktop.avif')}.hero-side{background-image:url('../images/banner-drop-desktop.avif')}.hero-copy{position:absolute;left:32px;top:54px;color:#fff}.hero-copy h1,.hero-copy h2{margin:0 0 26px;font-size:48px;line-height:1.35;letter-spacing:2px;font-weight:800}.hero-copy h2{font-size:47px}.hero-copy a{display:inline-flex;background:var(--blue);height:45px;padding:0 14px;align-items:center;color:#fff;font-weight:800}.dots{display:flex;gap:8px;margin-top:22px}.dots span,.under-dots span{width:25px;height:4px;background:#e8e8e8;border-radius:4px}.dots .on,.under-dots span:first-child{background:var(--blue)}.category-strip{max-width:1300px;margin:0 auto 24px;height:50px;background:#e5e5e5;border-radius:4px;display:flex;align-items:center;overflow-x:auto;white-space:nowrap}.category-strip::-webkit-scrollbar{display:none}.category-strip a{height:100%;display:flex;align-items:center;gap:10px;padding:0 18px;color:#636363}.category-strip span{font-size:18px;color:#5b5b5b}.sports-section,.games-block,.payments,.footer{max-width:1300px;margin:0 auto}.section-head{height:48px;display:flex;align-items:center;justify-content:space-between}.section-head h2{margin:0;display:flex;align-items:center;gap:10px;font-size:25px;line-height:1;font-weight:800}.section-head h2 img{width:23px;height:23px;object-fit:contain;filter:none}.view-btn{height:40px;min-width:100px;background:#f4f4f4;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;color:#111}.controls{display:flex;align-items:center;gap:8px}.controls button{width:40px;height:40px;background:#f4f4f4;color:#555;font-size:25px}.bets-row{display:flex;gap:16px;overflow:hidden}.bet-card{flex:0 0 225px;background:#e8e8e8;border-radius:8px;padding:10px 8px;color:#222}.bet-card small{display:flex;justify-content:space-between;color:#333}.bet-card time{display:block;color:#888;margin:10px 0 12px;font-size:12px}.bet-card p{margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bet-card div{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}.bet-card span{background:#f4f4f4;border-radius:6px;min-height:47px;display:flex;align-items:center;justify-content:center;flex-direction:column}.bet-card b{font-weight:400}.under-dots{display:flex;justify-content:center;gap:8px;margin:20px 0 24px}.games-block{margin-bottom:26px}.blue-icon{color:#42b9ea;font-size:22px;font-weight:400}.games-row{display:grid;grid-auto-flow:column;grid-auto-columns:160px;gap:16px;overflow:hidden}.games-row>img,.play-fun{width:160px;height:255px;border-radius:5px;object-fit:cover;display:block;background:#ddd}.play-fun{display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#e7eee9,#c7cdca);color:#222;gap:12px}.play-fun span{width:48px;height:48px;border-radius:50%;background:var(--pink);color:#fff;display:flex;align-items:center;justify-content:center}.play-fun b{margin-top:18px}.play-fun small{color:#555}.payments{padding:58px 0 36px;border-top:45px solid #ebebeb}.payment-grid{display:flex;align-items:center;justify-content:center;gap:26px 34px;flex-wrap:wrap}.payment-grid img{max-height:42px;max-width:110px;object-fit:contain;filter:invert(1) opacity(.58)}.footer{border-top:1px solid #dcdcdc;padding-top:28px;color:#666}.footer-main{display:grid;grid-template-columns:minmax(0,620px) 190px 190px;gap:70px;align-items:start}.footer-logo{width:125px;height:50px;margin-bottom:25px}.legal p{line-height:1.65;margin:0 0 16px}.legal a{color:#2d8ad8}.foot-links{display:flex;flex-direction:column;gap:19px}.trust{border-top:1px solid #ddd;margin-top:35px;padding-top:56px;display:flex;align-items:center;justify-content:center;gap:55px}.trust span{width:28px;height:28px;border-radius:50%;background:#686868;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.trust img{max-height:34px;max-width:80px;filter:grayscale(1) brightness(.6)}.copy{text-align:center;color:#777;padding:20px 0 24px;margin:0}.chat-float{position:fixed;z-index:90;right:23px;bottom:26px;width:48px;height:48px;border-radius:50%;background:var(--pink);box-shadow:0 7px 18px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center}.chat-float img{width:27px;filter:invert(1)}.bottom-nav{display:none}.menu-open:before{content:"";position:fixed;z-index:75;left:var(--drawer);right:0;top:0;bottom:0;pointer-events:none}@media (max-width:1100px){.topbar{grid-template-columns:58px 170px 1fr auto}.quick-tabs,.header-search{display:none}.brand{grid-column:2;width:170px}.brand img{width:170px}.header-actions{padding-right:10px;gap:18px}.drawer{width:100%;max-width:375px}.rail{display:none}.main,.menu-open .main{margin-left:0;padding:82px 28px 74px}.hero-wrap{display:block;margin:0 auto 16px}.hero{height:200px;border-radius:7px}.hero-main{background-image:url('../images/banner-drop-mobile.avif')}.hero-side{display:none}.hero-copy{left:17px;top:39px}.hero-copy h1{font-size:24px;line-height:1.45;letter-spacing:.5px;max-width:210px}.hero-copy a{height:40px}.category-strip{height:51px;margin-bottom:24px}.category-strip a{padding:0 18px}.sports-section,.games-block,.payments,.footer{max-width:100%}.section-head{height:49px}.section-head h2{font-size:25px}.controls button{display:none}.view-btn{background:#f6f6f6}.bets-row{overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.bets-row::-webkit-scrollbar{display:none}.bet-card{flex-basis:225px;scroll-snap-align:start}.under-dots{margin-top:14px}.games-row{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:16px;overflow:visible}.games-row>img,.play-fun{width:100%;height:auto;aspect-ratio:160/255}.payments{border-top:0;margin-top:30px;padding:35px 0 28px}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px}.payment-grid img{max-width:90px;max-height:42px;margin:auto}.footer{padding-top:22px}.footer-main{grid-template-columns:1fr 1fr;gap:20px 40px}.legal{display:none}.foot-links{gap:20px}.trust{padding-top:44px;margin-top:35px;gap:32px;flex-wrap:wrap}.copy{padding-bottom:8px}.chat-float{display:none}.bottom-nav{position:fixed;z-index:70;left:0;right:0;bottom:0;height:64px;background:#eee;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(5,1fr)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:12px;color:#111}.bottom-nav img{width:22px;height:22px;object-fit:contain}.bottom-nav span{font-size:23px;line-height:1}.drawer-head{height:83px;padding:0 16px;gap:14px}.drawer-head .close{margin-left:0;font-size:40px}.drawer-tabs{display:none}.drawer-logo{display:block;margin-right:auto}.drawer-logo img{width:150px;height:60px}.drawer-actions{display:flex;align-items:center;gap:19px}.drawer-actions .join{min-width:80px;height:50px}.drawer-body{padding:12px 16px 92px}.drawer-search{height:48px;margin-bottom:0}.acc-title{height:48px}.acc-panel a,.single{height:45px}.language{margin-top:18px;height:48px}.menu-open:before{display:none}}@media (max-width:420px){.topbar{height:74px;grid-template-columns:56px 150px 1fr auto;background:#f1f1f1}.icon-btn{width:56px;height:74px}.hamburger span{width:25px;height:2px}.brand{width:150px}.brand img{width:150px;height:60px}.login{font-size:14px}.join{height:46px;min-width:80px}.header-actions{gap:14px}.main,.menu-open .main{padding-left:28px;padding-right:28px}.hero-copy h1{font-size:24px}.games-block{margin-bottom:27px}.payment-grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:1fr 1fr}.drawer{max-width:none}.drawer-logo img{width:150px;height:60px}}@media (min-width:1101px){.drawer .drawer-head{display:none}.drawer{top:var(--head);z-index:55}.menu-open .rail{display:none}.menu-open .topbar{grid-template-columns:70px 245px 180px 1fr auto}.menu-open .quick-tabs{display:flex}.menu-open .drawer-body{padding-top:25px}.menu-open .drawer{box-shadow:none}.menu-open .drawer-search{margin-bottom:8px}.drawer{border-right:1px solid #e3e3e3}.drawer-body{padding-left:20px;padding-right:20px}}


/* --- refinement pass: original icons, swipes and working controls --- */
:root{--card-w:160px;--gap:16px}.drawer-body{scrollbar-width:thin}.acc-title img,.acc-panel img,.single img{width:24px;height:24px;object-fit:contain;opacity:.75}.acc-title.active img,.acc-title span img[src*="active"]{opacity:1;filter:none}.acc-panel img.menu-webp{width:24px;height:24px;filter:grayscale(1);opacity:.72}.single img{filter:grayscale(1);opacity:.72}.rail-item img{width:25px;height:25px;object-fit:contain;filter:grayscale(1);opacity:.72}.rail-item.active img{filter:none;opacity:1}.category-strip a{gap:10px}.category-strip img{width:20px;height:20px;object-fit:contain;filter:grayscale(1);opacity:.68}.category-strip img[src*="originals"]{width:25px;height:20px}.hero-wrap{position:relative;display:flex;grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:0}.hero-wrap::-webkit-scrollbar{display:none}.hero{scroll-snap-align:start;flex:0 0 calc((100% - 16px)*.695);height:300px}.hero-side{flex-basis:calc((100% - 16px)*.305);display:block}.hero-dots{position:absolute;z-index:4;left:32px;bottom:24px;display:flex;gap:9px}.hero-dots button{width:26px;height:4px;border-radius:4px;background:#e7e7e7}.hero-dots button.active{background:var(--blue)}.section-head h2 img{width:23px;height:23px;object-fit:contain;filter:none}.controls button{cursor:pointer;transition:.18s ease}.controls button:hover{background:#ededed}.games-row{display:flex!important;grid-template-columns:none!important;grid-auto-flow:initial!important;grid-auto-columns:initial!important;gap:16px;overflow-x:auto!important;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:2px}.games-row::-webkit-scrollbar,.bets-row::-webkit-scrollbar{display:none}.games-row>img,.play-fun{flex:0 0 var(--card-w);width:var(--card-w);height:255px;scroll-snap-align:start}.bets-row{overflow-x:auto!important;scroll-behavior:smooth;scroll-snap-type:x proximity;padding-bottom:2px}.bet-card{scroll-snap-align:start}.under-dots span{transition:.2s ease}.under-dots span.active,.under-dots span:first-child{background:var(--blue)}.under-dots span:not(.active):first-child:not(.manual){background:#e8e8e8}.payments{padding:58px 0 36px;border-top:45px solid #ebebeb}.payment-grid{display:flex;align-items:center;justify-content:center;gap:26px 34px;flex-wrap:wrap;margin-bottom:25px}.payment-bottom{gap:28px 42px;margin-top:8px;margin-bottom:0}.payment-grid img{max-height:42px;max-width:112px;object-fit:contain;filter:invert(1) opacity(.58)}.payment-bottom img{max-height:34px;max-width:82px}.pay-logo-text{color:#676767;font-size:18px;font-weight:700;opacity:.7;display:inline-flex;align-items:center;min-width:58px}.trust .age-icon{width:29px;height:29px;filter:none}.trust .gcb{filter:none!important;opacity:1!important;max-width:70px;max-height:34px}.trust img:not(.gcb):not(.age-icon){filter:grayscale(1) brightness(.6)}.chat-float img{filter:invert(1)}
@media (max-width:1100px){.main,.menu-open .main{overflow:hidden}.hero-wrap{display:flex;margin-bottom:16px}.hero{height:200px;flex:0 0 100%;border-radius:7px}.hero-main{background-image:url('../images/banner-welcome-mobile.avif')!important}.hero-side{display:block;background-image:url('../images/banner-drop-mobile.avif')!important}.hero-dots{left:34px;bottom:22px}.category-strip{overflow-x:auto}.category-strip img{width:20px;height:20px}.games-row{overflow-x:auto!important;overflow-y:hidden!important;display:flex!important;gap:16px}.games-row>img,.play-fun{flex:0 0 160px!important;width:160px!important;height:255px!important;aspect-ratio:auto!important}.controls button{display:none}.payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px 24px}.payment-grid img,.payment-bottom img{max-width:92px;max-height:42px;margin:auto}.payment-bottom{margin-top:24px}.pay-logo-text{justify-content:center;margin:auto}.trust .gcb{max-width:66px}.single img{width:24px;height:24px}.bottom-nav img{filter:none}}
@media (max-width:420px){:root{--card-w:160px}.hero{height:200px}.games-row>img,.play-fun{flex-basis:160px!important}.hero-copy h1,.hero-copy h2{font-size:24px;line-height:1.42;letter-spacing:.2px;max-width:220px}.hero-copy{left:17px;top:40px}.hero-copy a{height:40px}.payment-grid{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1101px){.menu-open .drawer{overflow-y:auto}.menu-open .drawer .acc-panel{display:none}.menu-open .drawer .acc.open .acc-panel{display:block}.sports-section,.games-block,.payments,.footer,.category-strip,.hero-wrap{max-width:1300px}.menu-open .sports-section,.menu-open .games-block,.menu-open .payments,.menu-open .footer,.menu-open .category-strip,.menu-open .hero-wrap{max-width:1300px}.hero-wrap{padding-right:0}.games-row{padding-right:90px}}

/* hero wrapper + active sports dots fixes */
.hero-shell{max-width:1300px;margin:0 auto 16px;position:relative}.hero-shell .hero-wrap{max-width:none;margin:0}.under-dots span{background:#e8e8e8!important}.under-dots span.active{background:var(--blue)!important}
@media (max-width:1100px){.hero-shell{max-width:100%;margin:0 auto 16px}.hero-shell .hero-wrap{margin:0}}
@media (min-width:1101px){.sports-section,.games-block,.payments,.footer,.category-strip,.hero-shell{max-width:1300px}.menu-open .sports-section,.menu-open .games-block,.menu-open .payments,.menu-open .footer,.menu-open .category-strip,.menu-open .hero-shell{max-width:1300px}}

/* --- v3: menu icons default grey, hover/open state blue; longer game rails --- */
:root{--icon-grey-filter:brightness(0) saturate(100%) invert(41%) sepia(1%) saturate(0%) hue-rotate(42deg) brightness(92%) contrast(86%);--icon-blue-filter:brightness(0) saturate(100%) invert(61%) sepia(52%) saturate(720%) hue-rotate(160deg) brightness(94%) contrast(88%)}
.drawer .acc-title img,.drawer .acc-panel img,.drawer .single img,.drawer .drawer-tabs img{filter:var(--icon-grey-filter)!important;opacity:.82!important;transition:filter .16s ease,opacity .16s ease}.drawer .acc-title:hover img,.drawer .acc.open>.acc-title img,.drawer .acc-panel a:hover img,.drawer .single:hover img,.drawer .drawer-tabs a:hover img{filter:var(--icon-blue-filter)!important;opacity:1!important}.drawer .acc-title:hover,.drawer .acc.open>.acc-title,.drawer .acc-panel a:hover,.drawer .single:hover{background:#e9e9e9}.drawer .acc-title:hover span,.drawer .acc.open>.acc-title span,.drawer .acc-panel a:hover,.drawer .single:hover{color:#222}.drawer .acc-title b{transition:background .16s ease}.drawer .acc-title:hover b,.drawer .acc.open>.acc-title b{background:#fff}.rail .rail-item img{filter:var(--icon-grey-filter)!important;opacity:.82!important;transition:filter .16s ease,opacity .16s ease}.rail .rail-item:hover img,.rail .rail-item.active:hover img{filter:var(--icon-blue-filter)!important;opacity:1!important}.rail .rail-item.active img{filter:var(--icon-grey-filter)!important;opacity:.82!important}.category-strip img{filter:var(--icon-grey-filter)!important;opacity:.82!important}.category-strip a:hover img{filter:var(--icon-blue-filter)!important;opacity:1!important}.games-row{padding-right:170px!important}.games-row>img,.play-fun{background:#ddd;object-position:center}.games-block .controls button:active{transform:translateY(1px)}
@media (max-width:1100px){.games-row{padding-right:0!important}.drawer .acc-title img,.drawer .acc-panel img,.drawer .single img{width:24px!important;height:24px!important}.rail .rail-item.active img{filter:var(--icon-grey-filter)!important}}

/* --- v4: desktop swipe carousel + original hover card effect --- */
.hero-wrap{cursor:grab;touch-action:pan-y;scroll-snap-type:x mandatory!important}.hero-wrap.is-dragging{cursor:grabbing}.hero-wrap .hero{flex:0 0 100%!important;width:100%!important;scroll-snap-align:start}.hero-wrap .hero-side{display:block!important}.hero-dots{pointer-events:auto}.hero-dots button{transition:background .18s ease,width .18s ease}.hero-dots button.active{width:27px;background:var(--blue)!important}.hero-dots button:not(.active){background:#e7e7e7!important}.drag-scroll{cursor:grab;touch-action:pan-y}.drag-scroll.is-dragging{cursor:grabbing;user-select:none}.drag-scroll.is-dragging *{pointer-events:none}.games-row{scroll-snap-type:x proximity!important;cursor:grab}.games-row.is-dragging{cursor:grabbing}.game-card{position:relative;flex:0 0 var(--card-w);width:var(--card-w);height:255px;border-radius:5px;overflow:hidden;background:#ddd;scroll-snap-align:start;display:block;transition:transform .18s ease,box-shadow .18s ease}.game-card>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:5px;transition:filter .18s ease,transform .22s ease}.game-card:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.10)}.game-card:hover>img{filter:blur(2px) grayscale(.15) brightness(1.05);transform:scale(1.035)}.game-hover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:left;padding:18px 18px 16px;color:#222;background:rgba(235,235,235,.74);opacity:0;transition:opacity .18s ease}.game-card:hover .game-hover{opacity:1}.game-hover .play{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pink);color:#fff;font-style:normal;font-size:20px;line-height:1;padding-left:3px;margin-bottom:18px;box-shadow:0 3px 8px rgba(0,0,0,.12)}.game-hover em{font-style:normal;font-size:15px;margin-bottom:auto}.game-hover strong{display:block;width:100%;font-size:15px;line-height:1.25;margin-top:auto;margin-bottom:7px;font-weight:800;color:#202020}.game-hover small{display:block;width:100%;font-size:12px;color:#555}.games-row>.game-card,.games-row>.play-fun{flex:0 0 var(--card-w)!important;width:var(--card-w)!important;height:255px!important}.games-row>img{flex:0 0 var(--card-w)!important;width:var(--card-w)!important;height:255px!important}.play-fun{position:relative;transition:transform .18s ease,box-shadow .18s ease}.play-fun:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.10)}
@media (max-width:1100px){.hero-wrap .hero{flex:0 0 100%!important}.game-card,.games-row>.game-card,.games-row>.play-fun,.games-row>img{flex:0 0 160px!important;width:160px!important;height:255px!important}.game-hover{display:none}.game-card:hover{transform:none;box-shadow:none}.game-card:hover>img{filter:none;transform:none}}

/* --- v4.1: desktop keeps original two-banner layout, left banner is swipeable --- */
.hero-layout{max-width:1300px;margin:0 auto 16px;display:grid;grid-template-columns:minmax(0,900px) 385px;gap:16px;position:relative}.hero-slider{height:300px;border-radius:6px;overflow-x:auto;overflow-y:hidden;display:flex;gap:0;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:pan-y}.hero-slider::-webkit-scrollbar{display:none}.hero-slider.is-dragging{cursor:grabbing}.hero-slider .hero{flex:0 0 100%!important;width:100%!important;height:300px;border-radius:6px;scroll-snap-align:start}.hero-drop-slide{background-image:url('../images/banner-drop-desktop.avif')}.hero-layout>.hero-side{height:300px;display:block!important;flex:none!important;width:auto!important}.hero-shell .hero-dots{left:32px;bottom:24px}.hero-shell .hero-wrap{display:none!important}.hero-side .hero-copy{left:34px}.hero-side .hero-copy h2,.hero-drop-slide .hero-copy h2{font-size:47px;line-height:1.35;letter-spacing:2px}.hero-drop-slide .hero-copy{left:34px}
@media (max-width:1100px){.hero-layout{display:block;max-width:100%;margin:0 auto 16px}.hero-slider{height:200px;border-radius:7px}.hero-slider .hero{height:200px!important;border-radius:7px}.hero-drop-slide{background-image:url('../images/banner-drop-mobile.avif')!important}.hero-layout>.hero-side{display:none!important}.hero-shell .hero-dots{left:34px;bottom:22px}.hero-drop-slide .hero-copy h2{font-size:24px;line-height:1.42;letter-spacing:.2px;max-width:220px}}
@media (max-width:420px){.hero-slider{height:200px}.hero-slider .hero{height:200px!important}.hero-drop-slide .hero-copy{left:17px;top:40px}}

/* v5: desktop swipe hit-area for full promo banner */
.hero-layout.hero-swipe-ready{cursor:grab;user-select:none;touch-action:pan-y}
.hero-layout.hero-swipe-ready .hero-side{cursor:grab}
.hero-layout.is-dragging,.hero-layout.is-dragging .hero-side,.hero-slider.is-dragging{cursor:grabbing!important}
.hero-layout.is-dragging *{user-select:none}

/* v6: hide the static right promo column; use the carousel as the only hero banner */
.hero-layout{
  grid-template-columns:1fr!important;
  gap:0!important;
}
.hero-layout>.hero-side{
  display:none!important;
}
.hero-slider{
  width:100%!important;
}
@media (min-width:1101px){
  .hero-layout{max-width:1300px!important;}
  .hero-slider .hero{background-size:cover;background-position:center;}
}


/* Engine/DE integration */
:root{--brand-pink:#de367b;--brand-blue:#41b3e2;--content-bg:#fff}
html{scroll-padding-top:90px}
body{background:#f6f6f6}
.main>section,.main>nav,.main>.intro-block{max-width:1300px}
.intro-block{margin:0 auto 28px;background:#fff;border-radius:6px;padding:28px 32px;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.intro-block h1{font-size:34px;line-height:1.2;margin:0 0 12px;font-weight:800;color:#111;letter-spacing:.2px}
.intro-block .short-article{font-size:16px;line-height:1.65;color:#555;margin:0;max-width:980px}
.seo-content,.faq-reviews{max-width:1300px;margin:0 auto 36px;background:#fff;border-radius:6px;padding:34px 38px;color:#333;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.seo-content{margin-top:20px}
.seo-content h2,.faq-reviews h2{font-size:30px;line-height:1.25;margin:30px 0 16px;color:#111;font-weight:800}
.seo-content h2:first-child{margin-top:0}
.seo-content h3,.faq-reviews h3{font-size:22px;line-height:1.3;margin:24px 0 10px;color:#151515}
.seo-content p,.faq-reviews p,.faq-item-content-visible{font-size:16px;line-height:1.72;color:#555;margin:0 0 15px}
.seo-content ul,.seo-content ol{margin:14px 0 18px 22px;color:#555;font-size:16px;line-height:1.65}
.seo-content li{margin:6px 0}.seo-content table{width:100%;border-collapse:collapse;margin:22px 0;font-size:15px;overflow:hidden;border-radius:6px}.seo-content table th,.seo-content table td{border:1px solid #e3e3e3;padding:12px;text-align:left}.seo-content table th{background:#f0f0f0;color:#222}
.anchors-block{display:flex;flex-wrap:wrap;gap:8px;list-style:none!important;margin:0 0 24px!important;padding:0!important}.anchors-block li{margin:0!important}.anchors-block a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;background:#eef7fb;color:#227fa9;border-radius:18px;font-size:14px}
.faq{margin:0 0 34px}.faq-content{display:grid;gap:12px}.faq-item{background:#f7f7f7;border:1px solid #ececec;border-radius:8px;padding:18px 20px}.faq-item-title{margin:0 0 8px!important;font-size:19px!important;color:#111!important}.faq-item-content-visible{margin:0!important}
.review-card{background:#f7f7f7;border:1px solid #ececec;border-radius:8px;padding:18px 20px;margin:12px 0}.review-card h3{font-size:18px!important;margin:0 0 8px!important}.review-card p{margin:0!important}
.category-strip img,.section-head h2 img{flex:0 0 auto}.topbar a,.drawer a,.rail a,.bottom-nav a,.category-strip a,.footer a,.game-card,.play-fun{cursor:pointer}.footer a:hover,.foot-links a:hover{color:#111}.hero-copy h1,.hero-copy h2{text-shadow:0 1px 2px rgba(0,0,0,.08)}
.payment-grid img{filter:grayscale(1) brightness(.58)!important}.trust .gcb{filter:none!important}
@media (max-width:1100px){.intro-block,.seo-content,.faq-reviews{margin-left:20px;margin-right:20px;padding:24px 18px}.intro-block h1{font-size:28px}.seo-content h2,.faq-reviews h2{font-size:25px}.main{padding-bottom:74px}.payments{border-top:25px solid #ebebeb}.topbar{grid-template-columns:70px 150px 1fr auto}.header-search{display:none}.quick-tabs{display:none}.brand{grid-column:2;width:150px}.brand img{width:150px;height:66px}.header-actions{gap:18px}.join{min-width:82px}.drawer-head{height:74px}.drawer-logo{display:flex}.drawer-logo img{width:150px;height:66px}.drawer-actions{display:flex;margin-left:auto;margin-right:10px;gap:14px;align-items:center}.drawer-tabs{display:none}}
@media (max-width:640px){:root{--side:0}.rail{display:none}.main,.menu-open .main{margin-left:0}.topbar{grid-template-columns:58px 1fr auto;height:70px}.icon-btn{width:58px}.brand{justify-content:flex-start}.header-actions{padding-right:12px}.login{font-size:14px}.join{height:42px}.hero-shell,.category-strip,.games-block,.payments,.footer{margin-left:20px;margin-right:20px}.hero-copy h1,.hero-copy h2{font-size:24px}.intro-block{margin-top:4px}.drawer{width:min(100vw,390px)}.drawer-body{padding:22px 20px 90px}.drawer-head .close{margin-left:16px}.bottom-nav{display:grid}.chat-float{display:none}.footer-main{grid-template-columns:1fr;gap:28px}.trust{gap:32px;flex-wrap:wrap;padding-top:34px}.payment-grid{grid-template-columns:repeat(3,1fr)}}


/* --- v7 fixes: remove auto anchors, clickable banners/payments, tighter mobile spacing --- */
.hero{position:relative}.hero-full-link{position:absolute;inset:0;z-index:1;display:block}.hero-copy{z-index:2}.hero-copy a{position:relative;z-index:3}.payment-grid .pay-link,.trust .trust-link{display:flex;align-items:center;justify-content:center;min-height:42px;color:#666}.payment-grid .pay-link:hover img,.trust .trust-link:hover img{opacity:.82}.pay-logo-text{font-weight:700;color:#777;text-transform:none}.anchors-block{display:none!important}
@media (max-width:640px){.main,.menu-open .main{padding-left:10px!important;padding-right:10px!important}.hero-shell,.category-strip,.games-block,.payments,.footer,.intro-block,.seo-content,.faq-reviews{margin-left:0!important;margin-right:0!important}.intro-block,.seo-content,.faq-reviews{padding-left:16px!important;padding-right:16px!important}.hero-slider .hero{background-position:center!important}.payment-grid{gap:24px 14px!important}.payment-grid .pay-link{min-height:38px}.trust .trust-link{min-width:70px}}
@media (max-width:420px){.main,.menu-open .main{padding-left:8px!important;padding-right:8px!important}.intro-block,.seo-content,.faq-reviews{padding-left:14px!important;padding-right:14px!important}}


/* --- v8 mobile header + desktop click fixes --- */
@media (max-width:360px){
  .topbar{grid-template-columns:44px minmax(118px,1fr) auto!important;height:68px!important;overflow:hidden!important}
  .icon-btn{width:44px!important;height:68px!important}
  .hamburger span{width:23px!important;height:2px!important}
  .brand{width:126px!important;height:68px!important;min-width:0!important}
  .brand img{width:126px!important;height:52px!important;object-fit:fill!important}
  .header-actions{gap:6px!important;padding-right:4px!important;min-width:0!important}
  .login{font-size:12px!important;line-height:1!important;white-space:nowrap!important}
  .join{min-width:72px!important;width:72px!important;height:40px!important;padding:0 5px!important;font-size:11px!important;line-height:40px!important;white-space:nowrap!important;overflow:hidden!important}
  .main,.menu-open .main{padding-top:78px!important}
  .drawer-head{height:68px!important;grid-template-columns:44px 126px 1fr!important;overflow:hidden!important}
  .drawer-head .close{width:44px!important;margin-left:0!important}
  .drawer-logo img{width:126px!important;height:52px!important}
  .drawer-actions{gap:6px!important;margin-right:4px!important}
}
@media (max-width:330px){
  .brand{width:120px!important}.brand img{width:120px!important;height:50px!important}
  .join{min-width:68px!important;width:68px!important;font-size:10.5px!important;padding:0 4px!important}
  .header-actions{gap:5px!important;padding-right:3px!important}
}
.games-row:not(.is-dragging) .game-card,.hero-slider:not(.is-dragging) .hero-full-link,.payment-grid .pay-link,.trust .trust-link{pointer-events:auto!important}


/* --- v9 footer trust logos restored --- */
.trust{display:flex!important;align-items:center!important;justify-content:center!important;gap:54px!important;flex-wrap:wrap!important}
.trust .trust-link{display:flex!important;align-items:center!important;justify-content:center!important;min-width:86px!important;min-height:46px!important;flex:0 0 auto!important}
.trust img{display:block!important;visibility:visible!important;opacity:1!important;object-fit:contain!important;max-width:none!important;max-height:none!important}
.trust .age-icon{width:29px!important;height:29px!important;filter:none!important}
.trust .gt-logo{width:86px!important;height:auto!important;filter:grayscale(1) brightness(.62)!important}
.trust .ga-logo{width:58px!important;height:auto!important;filter:grayscale(1) brightness(.62)!important}
.trust .gcb{width:70px!important;height:auto!important;filter:none!important}
@media (max-width:640px){.trust{gap:24px 30px!important;padding-top:34px!important}.trust .trust-link{min-width:74px!important;min-height:42px!important}.trust .gt-logo{width:78px!important}.trust .ga-logo{width:54px!important}.trust .gcb{width:66px!important}}
/* Global responsive table wrapper for short_article/article */
.intro-block .short-article{width:100%!important;max-width:none!important}
.intro-block .short-article>:not(.table-scroll){max-width:980px}
.short-article .table-scroll,.article-card .table-scroll,.article .table-scroll,.content .table-scroll,.intro-block .table-scroll,.seo-content .table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin:18px 0 24px}
.short-article .table-scroll table,.article-card .table-scroll table,.article .table-scroll table,.content .table-scroll table,.intro-block .table-scroll table,.seo-content .table-scroll table{width:100%!important;max-width:100%;border-collapse:collapse;table-layout:auto;margin:0!important}
.short-article .table-scroll th,.short-article .table-scroll td,.article-card .table-scroll th,.article-card .table-scroll td,.article .table-scroll th,.article .table-scroll td,.content .table-scroll th,.content .table-scroll td,.intro-block .table-scroll th,.intro-block .table-scroll td,.seo-content .table-scroll th,.seo-content .table-scroll td{white-space:nowrap;word-break:normal;overflow-wrap:normal;border:1px solid #e3e3e3;padding:12px;text-align:left}
.short-article .table-scroll th,.article-card .table-scroll th,.article .table-scroll th,.content .table-scroll th,.intro-block .table-scroll th,.seo-content .table-scroll th{background:#f0f0f0;color:#222}
@media (max-width:800px){.short-article .table-scroll table,.article-card .table-scroll table,.article .table-scroll table,.content .table-scroll table,.intro-block .table-scroll table,.seo-content .table-scroll table{width:max-content!important;min-width:720px;max-width:none!important}}

@media screen and (max-width: 500px) {
  .hero-copy {
    margin-top: -20px;
  }
}