:root{
  --bg:#08090a;--panel:#111214;--panel-2:#17181a;--line:#2a2929;--border:#473425;
  --text:#f1eee8;--muted:#9f9b94;--gold:#efb84e;--gold-2:#ffd46f;--red:#8f0b0b;--red-2:#b3110d;
  --radius:.45rem;--shadow:0 .6rem 1.8rem rgba(0,0,0,.25)
}
*{box-sizing:border-box}
html{font-size:clamp(14px,calc(12px + .24vw),18px);scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:radial-gradient(circle at 50% 0,#251108 0,#090a0b 34rem);color:var(--text);font:400 1rem/1.55 Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.shell{width:min(calc(100% - 2rem),var(--content-width,1180px));margin-inline:auto}.desktop-only{display:block}.utility-bar{height:2rem;background:#050607;border-bottom:1px solid #2d211b;color:#aaa;font-size:.72rem}.utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.utility-left,.utility-right{display:flex;align-items:center;gap:1.1rem}.utility-left span:first-child,.utility-right span:nth-child(2){color:#66a974}.site-header{position:sticky;top:0;z-index:70;background:linear-gradient(90deg,#6d0507,#9d090a 48%,#680405);border-bottom:2px solid #b67720;box-shadow:0 .35rem 1.2rem rgba(0,0,0,.35)}.nav-row{height:4.2rem;display:flex;align-items:center;gap:.7rem}.brand{width:7.2rem;height:3.25rem;display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.desktop-nav{height:100%;display:flex;align-items:stretch;flex:1 1 auto;min-width:0;overflow:hidden}.desktop-nav a{min-width:0;max-width:7.5rem;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 .42rem;font-size:.86rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:#ffd36b}.desktop-nav a.active:after{content:"";position:absolute;left:.5rem;right:.5rem;bottom:0;height:.18rem;background:#ffbd36;border-radius:.2rem}.search-box{width:10rem;min-width:7rem;flex:0 1 10rem;height:2.5rem;border:1px solid rgba(255,255,255,.2);border-radius:1.4rem;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;color:#d6b9ad;background:rgba(0,0,0,.16);font-size:.78rem;overflow:hidden}.search-box span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box b{font-size:1.2rem}.header-actions{display:flex;gap:.55rem;align-items:center;flex:0 0 auto}.header-actions-left{order:1}.btn{min-height:2.35rem;padding:.58rem 1rem;border-radius:.32rem;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;font-size:.84rem;font-weight:800;line-height:1;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn-gold{background:linear-gradient(#ffc54c,#e9940f);border-color:#ffc964;color:#421d00;box-shadow:inset 0 1px rgba(255,255,255,.28)}.btn-outline,.btn-ghost{background:rgba(0,0,0,.18);border-color:#c29c5b;color:#fff}.btn-xl{min-width:8.5rem;min-height:2.85rem;font-size:.95rem}.btn-wide{min-width:10rem}.btn-block{display:flex;width:100%}.nav-toggle{display:none;margin-left:auto;width:2.7rem;height:2.7rem;border:1px solid #c16f2a;border-radius:.35rem;background:#3c0707;padding:.55rem;flex-direction:column;justify-content:center;gap:.28rem}.nav-toggle span{display:block;height:.13rem;background:#fff;border-radius:1rem}.drawer-overlay,.mobile-drawer{display:none}

.home-stage{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:.55rem;margin-top:.55rem;align-items:stretch}.hero-column{min-width:0}.hero-slider{height:23rem;position:relative;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#130b07;box-shadow:var(--shadow)}.hero-slide{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(8,7,6,.94),rgba(8,5,2,.42) 56%,rgba(0,0,0,.08)),var(--hero);background-size:cover;background-position:center;opacity:0;transform:scale(1.012);transition:opacity .55s ease,transform 1.2s ease;pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-copy{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.8rem 3rem;max-width:38rem}.eyebrow{font-size:.73rem;font-weight:900;letter-spacing:.14em;color:#efc36d}.hero-copy h1{font-size:2.35rem;line-height:1.16;margin:.45rem 0 .75rem;text-shadow:0 .12rem .4rem #000}.hero-copy h1 em{font-style:normal;color:#ffc548}.hero-copy p{margin:0 0 1.2rem;color:#d4cfc8;font-size:1rem}.hero-actions{display:flex;gap:.8rem}.slider-arrow{position:absolute;top:50%;z-index:5;translate:0 -50%;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(4,4,4,.54);color:#fff;cursor:pointer;transition:.2s}.slider-arrow:hover{background:rgba(151,15,9,.82);border-color:#efb84e}.slider-arrow.prev{left:.1rem}.slider-arrow.next{right:.1rem}.slider-arrow svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.slider-dots{position:absolute;left:50%;bottom:.75rem;translate:-50% 0;z-index:6;display:flex;gap:.4rem}.slider-dots button{width:.55rem;height:.55rem;border:0;border-radius:2rem;padding:0;background:#b7b3ad;opacity:.75;cursor:pointer;transition:.25s}.slider-dots button.active{width:1.45rem;background:#d51b15;opacity:1}.category-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem;margin-top:.5rem}.category-strip a{min-height:4.6rem;background:linear-gradient(#171719,#101113);border:1px solid #39312b;border-radius:.35rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;position:relative;font-size:.84rem;font-weight:800}.category-strip a:hover{border-color:#b77627;background:#1a1511}.category-strip b{font-size:1.45rem;color:#f4c55d;line-height:1}.new-badge{position:absolute;right:.25rem;top:.25rem;font-style:normal;background:#3bad58;color:#fff;border-radius:1rem;padding:.08rem .3rem;font-size:.58rem}.latest-panel{background:#101113;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-height:100%}.panel-title{height:2.7rem;padding:0 .85rem;display:flex;align-items:center;gap:.55rem;border-bottom:1px solid #3a2d24;color:#f4d59a;font-size:.9rem}.mini-news{display:grid;grid-template-columns:6.1rem 1fr;gap:.65rem;padding:.66rem;border-bottom:1px solid #282628;min-height:5.5rem;transition:.2s}.mini-news:hover{border-color:#171719}.mini-news img{width:6.1rem;height:4rem;object-fit:cover;border-radius:.3rem}.mini-news h3{font-size:.78rem;line-height:1.35;margin:.28rem 0;color:#efefec}.mini-news small{display:none;font-size:.68rem;color:#777}.tag{display:inline-flex;padding:.12rem .35rem;border-radius:.2rem;background:#ae1712;color:#fff;font-size:.62rem}.tag-1{background:#d37a12}.tag-2{background:#286d9a}.panel-more{display:flex;align-items:center;justify-content:center;min-height:2.7rem;color:#ddd;font-size:.78rem}

.dashboard-grid{display:grid;grid-template-columns:17.5rem minmax(0,1fr) 17rem;gap:.55rem;margin-top:.55rem}.card-panel{background:#101113;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.section-head{min-height:2.65rem;display:flex;align-items:center;gap:.7rem;padding:0 .8rem;border-bottom:1px solid #332b27}.section-head h2{font-size:.95rem;margin:0}.section-head>a{margin-left:auto;color:#d1b890;font-size:.78rem}.match-row{padding:.66rem .8rem;border-bottom:1px solid #29272a;display:grid;grid-template-columns:1fr;gap:.25rem}.match-row:last-child{border-bottom:0}.match-row>div{display:flex;justify-content:space-between;gap:.5rem}.match-row small{color:#888;font-size:.68rem}.match-row strong{font-size:.78rem}.match-row>span{display:flex;justify-content:space-between;font-size:.78rem}.match-row>span b{color:#e6b54f}.match-row em{font-style:normal;color:#f0b833;font-size:.78rem}.tabs-head{overflow:auto}.tabs{display:flex;gap:.8rem;color:#888;font-size:.73rem;white-space:nowrap}.tabs b{color:#f0ba45}.recommended{min-width:0}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(0,1fr);gap:.4rem;padding:.5rem}.game-card{min-width:0;background:#191a1c;border-radius:.32rem;overflow:hidden;border:1px solid #28282a;transition:.2s}.game-card:hover{translate:0 -.12rem;border-color:#70502d}.game-card img{width:100%;aspect-ratio:1.55;object-fit:cover}.game-card span,.game-card small{display:block;padding:0 .52rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.game-card span{font-size:.77rem;margin-top:.38rem;-webkit-line-clamp:2}.game-card small{font-size:.61rem;color:#777;padding-bottom:.45rem;-webkit-line-clamp:2}.promos .section-head{margin-bottom:.15rem}.promo-card{min-height:5.3rem;display:flex;align-items:stretch;justify-content:space-between;border-bottom:1px solid #4a2420;background:linear-gradient(100deg,#5f0d0b,#2b0b0b);overflow:hidden}.promo-card:last-child{border-bottom:0}.promo-card div{padding:.7rem .8rem}.promo-card small,.promo-card strong{display:block}.promo-card small{font-size:.82rem;color:#f0d1bf}.promo-card strong{font-size:1rem;color:#ffd26b;margin:.12rem 0}.promo-card span{display:inline-block;margin-top:.24rem;background:#f2a619;color:#421e00;border-radius:.25rem;padding:.15rem .75rem;font-size:.72rem;font-weight:900}.promo-card img{width:5.7rem;object-fit:cover}

.jackpot-row{display:grid;grid-template-columns:18rem minmax(22rem,1fr) 1.35fr;gap:.55rem;margin-top:.55rem}.jackpot-visual,.recent-wins,.trust-row{border:1px solid var(--border);border-radius:var(--radius);background:#111214;min-height:5.4rem}.jackpot-visual{background:linear-gradient(90deg,#841009,#2a0707);padding:.75rem 1rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.jackpot-visual span{display:block;color:#e2b05a;font-size:.82rem}.jackpot-visual strong{display:block;color:#ffcf46;font-size:1.72rem;letter-spacing:.015em;font-variant-numeric:tabular-nums;transition:filter .2s;text-shadow:0 0 .8rem rgba(255,201,62,.12)}.recent-wins{display:grid;grid-template-columns:6.4rem 1fr;align-items:stretch;padding:.48rem}.recent-wins h3{font-size:.9rem;margin:0;display:flex;align-items:center;padding:0 .55rem}.recent-wins-list{display:grid;grid-template-columns:repeat(3,1fr);min-width:0}.recent-win-item{border-left:1px solid #2f2924;padding:.36rem .62rem;font-size:.72rem;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;--win-x:1.1rem;--win-y:0}.recent-win-item span,.recent-win-item b,.recent-win-item em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-win-item b{font-weight:600;color:#c8c5bf}.recent-win-item em{font-style:normal;color:#ffc846;font-size:.78rem}.recent-win-item.is-leaving{animation:winOut .26s ease both}.recent-win-item.is-entering{animation:winIn .4s ease both}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.trust-row>div{display:flex;align-items:center;gap:.6rem;padding:.7rem .75rem;border-left:1px solid #2a2927;color:#f0bc4b}.trust-row>div:first-child{border-left:0}.trust-icon{font-size:1.55rem}.trust-row>div>span:last-child{display:flex;flex-direction:column;color:#fff}.trust-row b{font-size:.8rem}.trust-row small{font-size:.69rem;color:#8c8b88}.faq-section{padding:.75rem 0 1rem}.faq-section h2{font-size:1.05rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.3rem}.faq-grid details,.faq-stack details{background:#141517;border:1px solid #262629;border-radius:.28rem;padding:.7rem .8rem}.faq-grid summary,.faq-stack summary{cursor:pointer;font-weight:700;font-size:.88rem}.faq-grid p,.faq-stack p{color:#aaa;margin-bottom:0;font-size:.82rem}

.sticky-cta{background:linear-gradient(90deg,#930b0b,#760707,#990f0d);border-top:1px solid #d68a1c;border-bottom:1px solid #400}.sticky-cta-inner{min-height:4.4rem;display:grid;grid-template-columns:1.4fr 10rem 1fr 1fr;align-items:center;gap:1.4rem}.sticky-cta strong,.sticky-cta small{display:block}.sticky-cta strong{font-size:1rem}.sticky-cta small{color:#d4b6a8;font-size:.78rem}.cta-app,.cta-support{display:flex;gap:.6rem;align-items:center;font-size:1.55rem}.cta-app span,.cta-support span{font-size:.86rem}.site-footer{background:#0a0b0c;padding:1rem 0 .55rem;border-top:1px solid #28201b}.footer-grid{display:grid;grid-template-columns:1.25fr repeat(2,minmax(0,.78fr)) 1fr 1.25fr;gap:1.35rem}.footer-logo{width:9rem;height:3rem;object-fit:contain;object-position:left center}.site-footer p,.site-footer a,.site-footer small{color:#aaa;font-size:.86rem;line-height:1.7}.site-footer a{display:block;padding:.12rem 0}.site-footer a:hover{color:#efc361}.site-footer h4{font-size:.94rem;margin:0 0 .38rem;color:#e7e3dd}.pay-row{display:flex;gap:.55rem;flex-wrap:wrap}.pay-row b{font-size:.93rem}.footer-bottom{border-top:1px solid #202022;margin-top:.75rem;padding-top:.55rem;color:#777;font-size:.78rem;display:flex;justify-content:space-between;gap:1rem}.socials{display:flex;gap:.5rem;color:#999;font-size:1.1rem}

.page-banner{height:15rem;margin-top:.65rem;border:1px solid var(--border);border-radius:var(--radius);background-image:linear-gradient(90deg,rgba(5,5,5,.92),rgba(5,5,5,.35)),var(--banner);background-size:cover;background-position:center;display:flex;align-items:center;padding:2.4rem}.page-banner h1{font-size:2.15rem;margin:.4rem 0}.page-banner p{color:#ccc;max-width:40rem;font-size:.96rem}.content-layout,.news-page-layout,.article-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 19rem;gap:.65rem;margin-top:.65rem;margin-bottom:1rem}.article-panel,.news-list-panel,.article-detail,.sidebar-panel{border:1px solid var(--border);border-radius:var(--radius);background:#111214;padding:1.15rem}.breadcrumb{font-size:.92rem;color:#aaa;display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem}.breadcrumb a{color:#d7bc8f}.article-panel h2,.article-detail h2{margin-top:1.55rem;color:#f2cb77;font-size:1.28rem}.article-panel p,.article-detail p,.article-detail li{color:#b9b7b1;font-size:.96rem}.info-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1rem 0}.info-card-grid>div{background:#191a1c;border:1px solid #2f2b28;border-radius:.38rem;padding:.9rem}.info-card-grid b{color:#e2ab45}.info-card-grid h3{margin:.3rem 0;font-size:1.02rem}.article-panel blockquote,.article-detail blockquote{margin:1.1rem 0;padding:.9rem 1.05rem;border-left:.2rem solid var(--gold);background:#1b1711;color:#d7c5a7;font-size:.94rem}.sidebar-panel{align-self:start}.side-news{display:grid;grid-template-columns:6rem 1fr;gap:.55rem;padding:.55rem 0;border-bottom:1px solid #252527}.side-news.wide{grid-template-columns:8rem 1fr}.side-news img{width:100%;height:3.7rem;object-fit:cover;border-radius:.28rem}.side-news.wide img{height:4.6rem}.side-news b{display:block;font-size:.86rem}.side-news small{font-size:.74rem;color:#888}.category-link{display:flex;align-items:center;gap:.6rem;padding:.72rem;border-bottom:1px solid #252527;font-size:.9rem}.category-link span{width:1.6rem}.category-link i{margin-left:auto}.sidebar-promo{margin-top:.75rem;padding:1rem;background:linear-gradient(145deg,#66100b,#210908);border:1px solid #7f3523;border-radius:.38rem}.sidebar-promo span,.sidebar-promo strong{display:block}.sidebar-promo span{font-size:1.7rem;color:#f7bd3d;font-weight:900}.sidebar-promo strong{margin-bottom:.75rem;font-size:.94rem}.news-list-card{display:grid;grid-template-columns:14rem 1fr;gap:1rem;padding:.75rem 0;border-bottom:1px solid #29282a}.news-list-card img{width:14rem;height:7.9rem;object-fit:cover;border-radius:.38rem}.news-meta{display:flex;align-items:center;gap:.6rem;color:#888;font-size:.75rem}.news-list-card h2{font-size:1.25rem;margin:.5rem 0}.news-list-card p{color:#aaa;font-size:.9rem}.read-more{color:#efb750;font-size:.85rem}.pagination{display:flex;gap:.38rem;margin-top:1rem}.pagination a{width:2.2rem;height:2.2rem;display:grid;place-items:center;background:#191a1c;border:1px solid #333;border-radius:.25rem;font-size:.82rem}.pagination a.active{background:#9e0d0d;border-color:#cf5b20}.empty-state{padding:3rem;text-align:center;color:#aaa}.page-error{min-height:25rem}.article-detail h1{font-size:2rem;line-height:1.25}.article-byline{color:#888;font-size:.8rem;margin-bottom:1rem}.article-cover{width:100%;max-height:32rem;object-fit:cover;border-radius:.42rem;border:1px solid #3a2a20;margin-bottom:1.1rem}.article-detail figure{margin:1.2rem 0}.article-detail figure img{border-radius:.38rem}.article-detail figcaption{color:#888;text-align:center;font-size:.8rem}.sticky-side{position:sticky;top:5rem}

@keyframes winOut{to{opacity:0;transform:translate(var(--win-x),var(--win-y)) scale(.98)}}
@keyframes winIn{from{opacity:0;transform:translate(calc(var(--win-x) * -1),calc(var(--win-y) * -1)) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:1180px){.desktop-nav a{padding:0 .5rem;font-size:.85rem}.search-box{display:none!important}.home-stage{grid-template-columns:1fr 16rem}.dashboard-grid{grid-template-columns:15.5rem 1fr 15.5rem}.jackpot-row{grid-template-columns:16rem 1fr}.trust-row{grid-column:1/-1}.recent-wins{grid-template-columns:5.6rem 1fr}.footer-grid{grid-template-columns:1.2fr .75fr .75fr 1fr 1fr}}
@media(max-width:1024px){.desktop-only,.desktop-nav,.desktop-actions{display:none!important}.utility-left span:nth-child(n+2){display:none}.utility-inner{/* justify-content:flex-end; */}.nav-row{height:3.7rem}.nav-toggle{display:flex}.drawer-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.72);opacity:0;pointer-events:none;transition:.25s;z-index:80}.mobile-drawer{display:block;position:fixed;z-index:90;top:0;right:0;width:min(24rem,88vw);height:100dvh;background:#0d0e10;border-left:1px solid #5a3b23;transform:translateX(100%);transition:transform .3s ease;box-shadow:-1.25rem 0 2.8rem #000}.drawer-open .drawer-overlay{opacity:1;pointer-events:auto}.drawer-open .mobile-drawer{transform:translateX(0)}.drawer-open{overflow:hidden}.drawer-head{height:4.2rem;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #2e2722}.drawer-head img{width:8rem;height:2.8rem;object-fit:contain;object-position:left center}.drawer-head button{width:2.6rem;height:2.6rem;border:0;border-radius:50%;background:#291313;color:#fff;font-size:1.7rem}.mobile-drawer nav{padding:.5rem .8rem}.mobile-drawer nav a{display:flex;gap:.8rem;align-items:center;padding:.9rem .6rem;border-bottom:1px solid #262628;font-size:1.08rem;font-weight:750}.mobile-drawer nav a b{margin-left:auto;font-size:1.25rem}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem}.drawer-actions .btn{font-size:.95rem}.home-stage{grid-template-columns:1fr}.latest-panel{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem;margin-top:0}.panel-title,.panel-more{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr 1fr}.match-board{grid-column:1}.recommended{grid-column:1/-1;grid-row:2}.promos{grid-column:2;grid-row:1}.jackpot-row{grid-template-columns:1fr 1fr}.trust-row{grid-column:1/-1}.sticky-cta-inner{grid-template-columns:1fr 10rem}.cta-app,.cta-support{display:none}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:auto}.content-layout,.news-page-layout,.article-detail-layout{grid-template-columns:1fr}.sticky-side{position:static}.sidebar-panel{order:2}}
@media(max-width:720px){.shell{width:min(calc(100% - 1rem),var(--content-width,1180px))}.utility-bar{height:1.85rem}.utility-right{gap:.6rem;font-size:.68rem}.brand img{width:5.8rem}.hero-slider{height:22rem}.hero-copy{padding:2.3rem 1.35rem}.hero-copy h1{font-size:2.05rem}.hero-copy p{font-size:.92rem}.hero-actions{flex-wrap:wrap}.slider-arrow{width:2rem;height:2rem}.category-strip{grid-template-columns:repeat(3,1fr)}.category-strip a{min-height:4.3rem;font-size:.82rem}.latest-panel{grid-template-columns:1fr}.dashboard-grid,.jackpot-row{grid-template-columns:1fr}.match-board,.recommended,.promos{grid-column:1;grid-row:auto}.game-grid{grid-template-columns:repeat(2,1fr)}.recent-wins{grid-template-columns:1fr;padding:.45rem}.recent-wins h3{padding:.2rem .35rem .5rem}.recent-wins-list{grid-template-columns:1fr}.recent-win-item{border-left:0;border-top:1px solid #2f2924;padding:.58rem .45rem;--win-x:0;--win-y:.8rem;font-size:.78rem}.recent-win-item em{font-size:.84rem}.trust-row{grid-template-columns:1fr 1fr}.faq-grid{grid-template-columns:1fr}.sticky-cta-inner{grid-template-columns:1fr auto;gap:.6rem;min-height:4.7rem}.sticky-cta-inner>div:first-child small{display:none}.btn-wide{min-width:7.4rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child,.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){grid-column:1/-1}.site-footer p,.site-footer a,.site-footer small{font-size:.9rem}.page-banner{height:13rem;padding:1.45rem}.page-banner h1{font-size:1.85rem}.info-card-grid{grid-template-columns:1fr}.news-list-card{grid-template-columns:1fr}.news-list-card img{width:100%;height:auto}.article-detail h1{font-size:1.7rem}.content-layout,.news-page-layout,.article-detail-layout{margin-top:.5rem}.article-panel,.news-list-panel,.article-detail,.sidebar-panel{padding:.85rem}.breadcrumb{font-size:.96rem}.footer-bottom{flex-direction:column}}
@media(max-width:420px){html{font-size:clamp(14px,4vw,16px)}.hero-slider{height:20.5rem}.hero-copy h1{font-size:1.8rem}.btn-xl{min-width:7rem}.category-strip{grid-template-columns:repeat(2,1fr)}.trust-row{grid-template-columns:1fr}.game-grid{gap:.3rem}}

/* v3: desktop promotion placement + mobile drawer/footer production refinements */
.header-actions-before-nav{margin-right:.15rem}
.cta-buttons{display:flex;align-items:center;gap:.55rem;flex-wrap:nowrap}
.cta-buttons .btn-wide{min-width:7.5rem}
.sticky-cta-inner{grid-template-columns:minmax(0,1.35fr) minmax(15.5rem,auto) minmax(8rem,.75fr) minmax(8rem,.75fr)}
.footer-brand,.footer-link-group,.footer-payments,.footer-contact{min-width:0}
.footer-link-group a{padding:.2rem 0}
.footer-payments .pay-row{margin-bottom:.35rem}

@media(max-width:1024px){
  .mobile-drawer{display:flex;flex-direction:column}
  .mobile-drawer nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}
  .drawer-actions{margin-top:auto;flex:0 0 auto;background:#0d0e10;border-top:1px solid #35251d;padding:1rem max(1rem,env(safe-area-inset-right)) calc(1rem + env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}
  .sticky-cta-inner{grid-template-columns:minmax(0,1fr) auto}
  .cta-buttons{justify-content:flex-end}
  .footer-grid{grid-template-columns:1.35fr repeat(2,minmax(0,1fr));gap:1.2rem}
  .footer-payments,.footer-contact{grid-column:auto}
}

@media(max-width:720px){
  .sticky-cta{padding:.75rem 0}
  .sticky-cta-inner{display:grid;grid-template-columns:1fr;gap:.7rem;align-items:stretch}
  .cta-copy{padding:0 .1rem}
  .sticky-cta-inner>div:first-child small{display:block;margin-top:.15rem}
  .cta-buttons{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.55rem}
  .cta-buttons .btn-wide{width:100%;min-width:0;min-height:2.65rem}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem}
  .footer-brand,.footer-payments,.footer-contact{grid-column:1/-1;padding:.85rem 0;border-bottom:1px solid #222}
  .footer-link-group{padding:.65rem .7rem;background:#0f1012;border:1px solid #222;border-radius:.38rem}
  .footer-link-group h4{margin-bottom:.45rem}
  .footer-link-group a{padding:.28rem 0}
  .footer-payments{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1rem}
  .footer-payments h4{width:100%;margin-bottom:0}
  .footer-payments small{width:100%}
  .footer-contact p{margin:.18rem 0}
  .footer-bottom{padding:.75rem 0 .25rem;gap:.25rem;align-items:flex-start}
}

@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .footer-brand,.footer-link-group,.footer-payments,.footer-contact{grid-column:1}
  .footer-link-group{padding:.8rem}
  .drawer-actions{grid-template-columns:1fr 1fr}
}

/* v5: AI-generated full navigation labels, SVG logo and 1280px maximum content width */
.shell{width:min(calc(100% - 2rem),1280px,var(--content-width,1280px))}
.brand{width:clamp(7rem,9vw,9.5rem);height:3.25rem}
.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}
.desktop-nav{gap:.1rem;overflow:visible}
.desktop-nav a{flex:0 0 auto;max-width:none;padding:0 clamp(.38rem,.72vw,.72rem);overflow:visible;text-overflow:clip}

@media(max-width:720px){
  .shell{width:min(calc(100% - 1rem),1280px)}
  .brand{width:6.5rem;height:2.9rem}
  .brand img{width:100%;height:100%}
}
/* v6: balanced feature cards, daily scrolling board and complete responsive banners */
.latest-panel{height:28.1rem;display:flex;flex-direction:column}
.latest-panel .panel-title,.latest-panel .panel-more{flex:0 0 2.7rem}
.latest-panel .mini-news{height:5.675rem;min-height:5.675rem;flex:0 0 5.675rem;align-items:center}
.latest-panel .mini-news>div{min-width:0}
.latest-panel .mini-news h3{height:2.7em;margin:.28rem 0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis}
.hero-slide{background-size:cover,contain;background-position:center,center;background-repeat:no-repeat}
.hero-copy{max-width:32rem;padding:2.2rem 2.6rem}
.hero-copy h1{font-size:clamp(1.85rem,2.3vw,2.2rem);max-width:18ch;margin:.35rem 0 .6rem}
.hero-copy p{max-width:31rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}
.page-banner{background-size:cover,contain;background-repeat:no-repeat;background-position:center,center}

.dashboard-grid{--feature-panel-height:34rem;align-items:start}
.match-board,.recommended{height:var(--feature-panel-height)}
.match-board,.recommended{display:flex;flex-direction:column;min-height:0}
.match-board>.section-head,.recommended>.section-head{flex:0 0 2.65rem}
.match-viewport{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;mask-image:linear-gradient(to bottom,transparent 0,#000 4%,#000 96%,transparent 100%)}
.match-track{will-change:transform}
.match-track.is-scrolling{animation:matchBoardScroll var(--match-scroll-duration,48s) linear infinite}
.match-board:hover .match-track,.match-board:focus-within .match-track{animation-play-state:paused}
.match-row{height:5.2rem;min-height:5.2rem;padding:.58rem .8rem;display:flex;flex-direction:column;justify-content:center}
.match-row>div,.match-row>span{min-width:0}
.match-row strong,.match-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes matchBoardScroll{to{transform:translateY(var(--match-scroll-distance,-50%))}}

.recommended .game-grid{flex:1 1 auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.55rem;padding:.65rem}
.recommended .game-card{display:grid;grid-template-columns:minmax(6.6rem,38%) minmax(0,1fr);min-width:0;min-height:0;background:linear-gradient(135deg,#1d1e21,#121315);border-color:#3b332d}
.recommended .game-card:hover{border-color:#bd8233;box-shadow:0 .45rem 1.3rem rgba(0,0,0,.24)}
.recommended .game-card img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
.game-card-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:.62rem .7rem}
.recommended .game-card span{margin:0;padding:0;font-size:.94rem;font-weight:800;line-height:1.35;-webkit-line-clamp:2}
.recommended .game-card small{margin-top:.28rem;padding:0;font-size:.76rem;line-height:1.48;color:#a4a19d;-webkit-line-clamp:3}

.pay-row{display:grid;grid-template-columns:1fr;gap:.38rem}
.payment-method{display:flex;flex-direction:column;padding:.42rem .5rem;border:1px solid #29292b;border-radius:.3rem;background:#111214}
.payment-method b{color:#e8c16e;font-size:.84rem}
.payment-method small{color:#8f8d89;font-size:.7rem;line-height:1.45}
.footer-contact p{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem;margin:.3rem 0}
.footer-contact p b{color:#d9b86f;font-size:.76rem;white-space:nowrap}
.footer-contact p span{min-width:0;color:#aaa;font-size:.76rem;overflow-wrap:anywhere}

@media(max-width:1024px){
  .latest-panel{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem}
  .latest-panel .panel-title,.latest-panel .panel-more{grid-column:1/-1}
  .latest-panel .mini-news{height:5.8rem;min-height:5.8rem}
}

@media(max-width:720px){
  .latest-panel{grid-template-columns:1fr}
  .latest-panel .mini-news{height:5.9rem;min-height:5.9rem}
  .hero-slider{height:29rem}
  .hero-slide{background-size:cover,100% auto;background-position:center,center top}
  .hero-copy{max-width:none;justify-content:flex-end;padding:10.5rem 1.25rem 2rem;background:linear-gradient(180deg,transparent 12%,rgba(8,6,5,.82) 48%,rgba(8,6,5,.98) 100%)}
  .hero-copy h1{font-size:1.72rem;max-width:18ch}
  .hero-copy p{font-size:.9rem;-webkit-line-clamp:3}
  .dashboard-grid{--feature-panel-height:34rem}
  .recommended .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:.45rem;padding:.5rem}
  .recommended .game-card{display:flex;flex-direction:column}
  .recommended .game-card img{height:5.6rem;flex:0 0 5.6rem}
  .game-card-copy{padding:.48rem .55rem;justify-content:flex-start}
  .recommended .game-card span{font-size:.86rem;line-height:1.3}
  .recommended .game-card small{font-size:.72rem;line-height:1.38;-webkit-line-clamp:2}
  .match-row{height:5rem;min-height:5rem}
  .footer-payments{display:block}
  .pay-row{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
}

@media(max-width:420px){
  .hero-slider{height:28rem}
  .hero-copy{padding:9.5rem 1rem 1.7rem}
  .recommended .game-card img{height:5rem;flex-basis:5rem}
  .recommended .game-card small{font-size:.69rem}
  .pay-row{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .match-viewport{overflow:auto;mask-image:none}
  .match-track.is-scrolling{animation:none}
}

/* The article cover is the only illustration rendered on detail pages. */
.article-detail figure{display:none!important}


/* v8: CSS-only marquee, richer AI site introductions and complete mobile branding */
.brand-name{display:none}
.mobile-header-promos{display:none}

.dashboard-grid{align-items:stretch}
.match-board,.recommended{height:auto;min-height:0}
.match-viewport{overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}
.match-viewport::-webkit-scrollbar{display:none;width:0;height:0}
.match-track{display:flex;flex-direction:column;gap:0;will-change:transform;animation:matchBoardScroll 76s linear infinite}
.match-sequence{display:flex;flex:0 0 auto;flex-direction:column;gap:0}
.match-board:hover .match-track,.match-board:focus-within .match-track{animation-play-state:running}
.match-row{flex:0 0 5.2rem}
.match-row>div{display:grid;grid-template-columns:5.6rem minmax(0,1fr);align-items:center;gap:.45rem}
.match-row>div strong{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-pair{display:grid!important;grid-template-columns:minmax(0,1fr) 2.7rem minmax(0,1fr);align-items:center;min-height:1.4rem;gap:.3rem}
.match-pair .match-team{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.match-pair .match-home{text-align:right}
.match-pair .match-away{text-align:left}
.match-pair b{width:2.7rem;height:1.4rem;display:grid;place-items:center;justify-self:center;align-self:center;border-radius:1rem;background:#2b2114;color:#f3bd4f;font-size:.68rem;line-height:1}
.match-row em{align-self:flex-end;font-variant-numeric:tabular-nums}
@keyframes matchBoardScroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}

.recommended{background:linear-gradient(145deg,#121416,#0d0e10)}
.introduction-heading{display:grid;grid-template-columns:minmax(13rem,.85fr) minmax(0,1.3fr);align-items:center;gap:1.8rem;padding:1.35rem 1.45rem;border-bottom:1px solid #332b27;background:radial-gradient(circle at 12% 15%,rgba(183,118,39,.18),transparent 44%)}
.introduction-heading>div>span{display:block;color:#df9f3e;font-size:.72rem;font-weight:900;letter-spacing:.16em}
.introduction-heading h2{margin:.25rem 0 0;font-size:1.55rem;line-height:1.25}
.introduction-heading p{margin:0;color:#b9b5af;font-size:.98rem;line-height:1.8}
.introduction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:.85rem}
.introduction-feature,.introduction-feature:nth-child(even){min-width:0;display:grid;grid-template-columns:1fr;grid-template-rows:9.5rem auto;overflow:hidden;border:1px solid #35302b;border-radius:.65rem;background:linear-gradient(145deg,#1b1c1f,#111214);transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.introduction-feature:hover{transform:translateY(-2px);border-color:#a97738;box-shadow:0 .65rem 1.6rem rgba(0,0,0,.28)}
.introduction-feature:nth-child(even) .introduction-media{order:0}
.introduction-feature:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(14rem,38%) minmax(0,1fr);grid-template-rows:auto;min-height:18rem}
.introduction-media{min-width:0;min-height:0;position:relative;overflow:hidden}
.introduction-media:after,.introduction-feature:nth-child(even) .introduction-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(17,18,20,.6))}
.introduction-feature:last-child:nth-child(odd) .introduction-media:after{background:linear-gradient(90deg,transparent 52%,rgba(17,18,20,.65))}
.introduction-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.introduction-feature:hover .introduction-media img{transform:scale(1.025)}
.introduction-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:1.05rem 1.15rem 1.15rem}
.introduction-copy>span{color:#e7aa4e;font-size:.8rem;font-weight:900;letter-spacing:.08em}
.introduction-copy h3{margin:.2rem 0 .45rem;font-size:1.18rem;line-height:1.35}
.introduction-copy p{margin:0;color:#b7b3ad;font-size:.96rem;line-height:1.75}
.introduction-copy ul{display:flex;flex-wrap:wrap;gap:.35rem .8rem;margin:.65rem 0 0;padding:0;list-style:none}
.introduction-copy li{color:#ddd0b8;font-size:.9rem}
.introduction-copy li:before{content:"✓";margin-right:.25rem;color:#d99c3f}

.promos{display:flex;flex-direction:column;gap:.55rem;padding-bottom:.6rem}
.promos .section-head{width:100%;margin-bottom:0;flex:0 0 2.65rem}
.promos .promo-card{margin:0 .55rem;min-height:5.35rem;border:1px solid #5a2c22!important;border-radius:.45rem;background:linear-gradient(105deg,#66100d,#260b0b);box-shadow:0 .35rem .85rem rgba(0,0,0,.18)}
.promos .promo-card:hover{border-color:#b66531!important;filter:brightness(1.05)}
.promos .promo-card img{border-left:1px solid rgba(255,255,255,.08)}

@media(max-width:1024px){
  .nav-row{height:auto;min-height:3.7rem;padding:.4rem 0}
  .brand{width:auto;max-width:calc(100% - 3.4rem);height:auto;min-height:2.9rem;display:flex;flex:1 1 auto;gap:.65rem;overflow:visible}
  .brand img{width:6.5rem;height:2.9rem;flex:0 0 6.5rem}
  .brand-name{display:block;min-width:0;color:#fff;font-size:clamp(.9rem,2.8vw,1.08rem);font-weight:850;line-height:1.25;overflow-wrap:anywhere;text-shadow:0 1px 2px rgba(0,0,0,.45)}
  .nav-toggle{flex:0 0 2.7rem;margin-left:.2rem}
  .drawer-nav-label{min-width:0;flex:1;overflow-wrap:anywhere}
  .match-board{height:34rem;min-height:34rem}
  .recommended{height:auto;min-height:0}
}

@media(max-width:720px){
  .mobile-header-promos{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;padding-bottom:.6rem}
  .mobile-header-promos .btn{min-height:2.45rem;font-size:.83rem}
  .home-stage .hero-slider{height:20rem}
  .home-stage .hero-slide{background-image:linear-gradient(145deg,#1b0c09,#090a0b 65%,#26150a)!important;background-size:cover!important;background-position:center!important}
  .home-stage .hero-copy{justify-content:center;padding:2rem 1.3rem;background:radial-gradient(circle at 85% 20%,rgba(196,126,35,.18),transparent 34%)}
  .home-stage .hero-copy h1{font-size:1.75rem}
  .page-banner{height:auto;min-height:10.5rem;padding:1.35rem;background-image:linear-gradient(135deg,#1a0d0b,#0d0e10 70%,#2a170c)!important;background-size:cover!important;background-position:center!important}
  .introduction-heading{display:block;padding:1.15rem}
  .introduction-heading h2{font-size:1.4rem}
  .introduction-heading p{margin-top:.65rem;font-size:.95rem;line-height:1.72}
  .introduction-list{grid-template-columns:1fr;gap:.8rem;padding:.75rem}
  .introduction-feature,.introduction-feature:nth-child(even),.introduction-feature:last-child:nth-child(odd){grid-column:auto;display:grid;grid-template-columns:1fr;grid-template-rows:11rem auto;min-height:0}
  .introduction-media{height:auto}
  .introduction-media:after,.introduction-feature:nth-child(even) .introduction-media:after{background:linear-gradient(180deg,transparent 58%,rgba(17,18,20,.72))}
  .introduction-copy{padding:1rem}
  .introduction-copy h3{font-size:1.16rem}
  .introduction-copy p{font-size:.95rem;line-height:1.72}
  .introduction-copy li{font-size:.9rem}
  .promos{padding-bottom:.65rem}
  .promos .promo-card{margin:0 .65rem}
  .match-row>div{grid-template-columns:5.5rem minmax(0,1fr)}
}

@media(max-width:420px){
  .home-stage .hero-slider{height:19rem}
  .home-stage .hero-copy{padding:1.7rem 1rem}
  .brand{gap:.45rem}
  .brand img{width:5.5rem;flex-basis:5.5rem}
  .brand-name{font-size:.92rem}
  .introduction-feature,.introduction-feature:nth-child(even),.introduction-feature:last-child:nth-child(odd){grid-template-rows:9.5rem auto}
  .introduction-copy ul{display:grid;grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .introduction-feature,.introduction-media img{transition:none}
}

/* v10: cinematic introduction bands, right-side activity/board stack and header mobile CTA */
.desktop-nav a{font-size:clamp(.94rem,.78vw,1rem)}
.mobile-header-cta{display:none}

.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 17rem;align-items:stretch;gap:.7rem}
.recommended{grid-column:1;grid-row:1;height:auto;max-height:none;min-width:0;display:flex;flex-direction:column;border:0;background:transparent;overflow:visible}
.dashboard-aside{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column;gap:.7rem}
.dashboard-aside .promos{flex:0 0 auto}
.dashboard-aside .match-board{height:auto;max-height:none;min-height:38rem;flex:1 1 38rem;display:flex;flex-direction:column}
.match-viewport{position:relative;min-height:0;flex:1 1 auto;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
.match-viewport::-webkit-scrollbar{display:none;width:0;height:0}
.match-track{display:flex;flex:none;flex-direction:column;gap:0;width:100%;will-change:transform;backface-visibility:hidden;animation:matchBoardMarquee 72s linear infinite;animation-delay:-1s}
.match-sequence{display:flex;flex:0 0 auto;flex-direction:column;gap:0}
.match-row{height:4.85rem;min-height:4.85rem;flex:0 0 4.85rem}
.match-board:hover .match-track,.match-board:focus-within .match-track{animation-play-state:running!important}
@keyframes matchBoardMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}

.introduction-heading{min-height:8rem;flex:0 0 auto;display:grid;grid-template-columns:minmax(13rem,.8fr) minmax(0,1.25fr);align-items:center;gap:2rem;margin-bottom:.55rem;padding:1.3rem 1.55rem;border:1px solid #3a2927;border-radius:.65rem;background:radial-gradient(circle at 8% 20%,rgba(140,43,213,.24),transparent 38%),linear-gradient(120deg,#1d092f,#121016 54%,#251035)}
.introduction-heading>div>span{color:#d89cff;font-size:.78rem;font-weight:900;letter-spacing:.15em}
.introduction-heading h2{margin:.2rem 0 0;font-size:clamp(1.5rem,2vw,1.9rem)}
.introduction-heading p{margin:0;color:#d0c8d8;font-size:1rem;line-height:1.75}
.introduction-list{display:flex;flex-direction:column;gap:.55rem;padding:0}
.introduction-feature,
.introduction-feature:nth-child(even),
.introduction-feature:last-child:nth-child(odd){position:relative;isolation:isolate;min-width:0;min-height:16rem;display:block;overflow:hidden;border:1px solid rgba(190,121,255,.32);border-radius:.65rem;background:linear-gradient(115deg,#310654,#170525 48%,#210539);box-shadow:0 .45rem 1.4rem rgba(0,0,0,.24);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.introduction-feature:hover{transform:translateY(-2px);border-color:#ba6fff;box-shadow:0 .75rem 1.8rem rgba(0,0,0,.32)}
.introduction-copy{position:relative;z-index:2;min-width:0;min-height:16rem;display:flex;flex-direction:column;justify-content:center;padding:1.25rem 1.55rem}
.introduction-kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:.05rem}
.introduction-kicker b{width:6rem;font-size:clamp(2.8rem,4.2vw,4.5rem);font-style:italic;font-weight:950;line-height:.9;letter-spacing:-.06em;color:transparent;background:linear-gradient(180deg,#fff 5%,#bc7aff 46%,#5b16df 88%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 .15rem .12rem rgba(62,0,113,.65))}
.introduction-kicker span{display:inline-flex;align-items:center;min-height:1.7rem;padding:.2rem .8rem;border:1px solid rgba(211,159,255,.6);border-radius:2rem;background:rgba(72,9,120,.55);color:#f0d7ff;font-size:.8rem;font-weight:850}
.introduction-copy h3{max-width:46%;margin:.22rem 0 .5rem;font-size:clamp(1.35rem,1.8vw,1.75rem);line-height:1.24}
.introduction-copy p{max-width:46%;margin:0;color:#e0d9e5;font-size:1rem;line-height:1.72;overflow:visible;display:block}
.introduction-copy ul{max-width:48%;display:flex;flex-wrap:wrap;gap:.45rem .6rem;margin:.8rem 0 0;padding:0;list-style:none}
.introduction-copy li{padding:.28rem .72rem;border:1px solid rgba(215,170,255,.32);border-radius:2rem;background:rgba(48,9,75,.5);color:#f0e6f5;font-size:.91rem;white-space:normal}
.introduction-copy li:before{content:"◆";margin-right:.35rem;color:#ffd35f}
.introduction-link{position:absolute;right:1.5rem;bottom:1.25rem;display:inline-flex;align-items:center;gap:.55rem;padding:.52rem 1rem;border-radius:2rem;background:linear-gradient(100deg,#ffd45d,#eca21c);color:#3e1800;font-size:.9rem;font-weight:900;box-shadow:0 .35rem 1rem rgba(0,0,0,.2)}
.introduction-link b{font-size:1.35rem;line-height:.7}
.introduction-media{position:absolute;z-index:1;inset:0;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle,#613180 0,#1b092a 72%)}
.introduction-media:after,
.introduction-feature:nth-child(even) .introduction-media:after,
.introduction-feature:last-child:nth-child(odd) .introduction-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,4,44,.98) 0,rgba(28,4,44,.9) 35%,rgba(28,4,44,.45) 54%,rgba(23,5,37,.06) 78%)}
.introduction-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease}
.introduction-feature:hover .introduction-media img{transform:scale(1.018)}

.introduction-feature:nth-child(2){grid-template-columns:minmax(26rem,1.22fr) minmax(20rem,.78fr);border-color:#d2bdff;background:linear-gradient(115deg,#f9f5ff,#eae0ff 58%,#d6c2ff);color:#29134f}
.introduction-feature:nth-child(2) .introduction-media{order:-1;background:#d9c7ff}
.introduction-feature:nth-child(2) .introduction-media:after{background:linear-gradient(90deg,rgba(248,244,255,.98) 0,rgba(244,238,255,.92) 35%,rgba(244,238,255,.42) 56%,transparent 80%)}
.introduction-feature:nth-child(2) .introduction-kicker b{background:linear-gradient(180deg,#9551ff,#4315ad);background-clip:text;-webkit-background-clip:text}
.introduction-feature:nth-child(2) .introduction-kicker span{border-color:#9d71df;background:#eee5ff;color:#5923ac}
.introduction-feature:nth-child(2) .introduction-copy p{color:#4d3e66}
.introduction-feature:nth-child(2) .introduction-copy li{border-color:#b69bdd;background:rgba(255,255,255,.62);color:#482174}
.introduction-feature:nth-child(3){grid-template-columns:minmax(19rem,.75fr) minmax(27rem,1.25fr);border-color:#1769ce;background:linear-gradient(115deg,#041b4a,#052663 50%,#021536)}
.introduction-feature:nth-child(3) .introduction-kicker b{background:linear-gradient(180deg,#a8ecff,#208fff 70%,#0755ce);background-clip:text;-webkit-background-clip:text}
.introduction-feature:nth-child(3) .introduction-kicker span{border-color:#3c91ee;background:rgba(3,49,113,.7);color:#c8ebff}
.introduction-feature:nth-child(3) .introduction-media{background:#052863}
.introduction-feature:nth-child(3) .introduction-media:after{background:linear-gradient(90deg,rgba(3,27,72,.98) 0,rgba(3,27,72,.9) 35%,rgba(3,27,72,.4) 56%,transparent 80%)}
.introduction-feature:nth-child(4){grid-template-columns:minmax(24rem,1.08fr) minmax(21rem,.92fr);border-color:#e7b763;background:linear-gradient(115deg,#fff8e8,#fbe3b8 58%,#edbd69);color:#512c0f}
.introduction-feature:nth-child(4) .introduction-media{order:-1;background:#f0c575}
.introduction-feature:nth-child(4) .introduction-media:after{background:linear-gradient(90deg,rgba(255,248,233,.98) 0,rgba(255,246,225,.92) 35%,rgba(255,246,225,.4) 56%,transparent 80%)}
.introduction-feature:nth-child(4) .introduction-kicker b{background:linear-gradient(180deg,#dba859,#8a4814);background-clip:text;-webkit-background-clip:text}
.introduction-feature:nth-child(4) .introduction-kicker span{border-color:#d9a75c;background:#fff2d7;color:#784414}
.introduction-feature:nth-child(4) .introduction-copy p{color:#654a35}
.introduction-feature:nth-child(4) .introduction-copy ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.introduction-feature:nth-child(4) .introduction-copy li{border-color:#dbb77a;border-radius:.45rem;background:rgba(255,255,255,.48);color:#684119}
.introduction-feature:nth-child(5){grid-template-columns:minmax(19rem,.78fr) minmax(27rem,1.22fr);border-color:#8b42de;background:linear-gradient(115deg,#23043f,#140421 52%,#2b0846)}
.introduction-feature:nth-child(5) .introduction-media{background:#260742}
.introduction-feature:nth-child(5) .introduction-media:after{background:linear-gradient(90deg,rgba(30,4,48,.98) 0,rgba(30,4,48,.9) 35%,rgba(30,4,48,.42) 56%,transparent 80%)}
.introduction-feature:nth-child(6){grid-template-columns:minmax(27rem,1.25fr) minmax(19rem,.75fr);border-color:#1aab9b;background:linear-gradient(115deg,#061f2a,#062d38 56%,#064439)}
.introduction-feature:nth-child(6) .introduction-media{order:-1;background:#07363a}
.introduction-feature:nth-child(6) .introduction-media:after{background:linear-gradient(90deg,rgba(5,35,43,.98) 0,rgba(5,35,43,.9) 35%,rgba(5,35,43,.42) 56%,transparent 80%)}

@media(max-width:1180px) and (min-width:1025px){
  .desktop-nav a{font-size:.94rem;padding-inline:.42rem}
  .dashboard-grid{grid-template-columns:minmax(0,1fr) 16rem}
  .jackpot-row{grid-template-columns:16rem minmax(22rem,1fr) 1.35fr}
  .introduction-feature,.introduction-feature:nth-child(n){grid-template-columns:minmax(17rem,.9fr) minmax(20rem,1.1fr)}
  .introduction-feature:nth-child(2) .introduction-media,.introduction-feature:nth-child(4) .introduction-media,.introduction-feature:nth-child(6) .introduction-media{order:-1}
}

@media(max-width:1024px){
  .mobile-header-cta{display:block;padding:.55rem 0 .65rem;border-top:1px solid rgba(255,210,100,.25)}
  .mobile-header-cta .sticky-cta-inner{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem}
  .mobile-header-cta .cta-copy strong{font-size:.95rem}
  .mobile-header-cta .cta-copy small{font-size:.76rem}
  .mobile-header-cta .cta-buttons{display:grid;grid-template-columns:repeat(2,minmax(6.5rem,1fr));gap:.45rem}
  .mobile-header-cta .btn-wide{min-width:6.5rem}
  .dashboard-grid{grid-template-columns:1fr}
  .recommended{grid-column:1;grid-row:1}
  .dashboard-aside{grid-column:1;grid-row:2}
  .jackpot-row{grid-template-columns:16rem 1fr}
  .introduction-heading{grid-template-columns:1fr;gap:.55rem;min-height:0}
  .introduction-feature,.introduction-feature:nth-child(n){grid-template-columns:minmax(15rem,.85fr) minmax(18rem,1.15fr);min-height:17rem}
  .introduction-feature:nth-child(2) .introduction-media,.introduction-feature:nth-child(4) .introduction-media,.introduction-feature:nth-child(6) .introduction-media{order:-1}
  .introduction-copy{padding:1.15rem}
}

@media(max-width:860px){
  .dashboard-grid{grid-template-columns:1fr}
  .recommended{grid-column:1;grid-row:1}
  .dashboard-aside{grid-column:1;grid-row:2}
  .dashboard-aside .match-board{height:40rem;min-height:40rem;max-height:40rem;flex-basis:40rem}
  .jackpot-row{grid-template-columns:1fr 1fr}
}

@media(max-width:720px){
  /*.mobile-header-cta .sticky-cta-inner{grid-template-columns:1fr;gap:.5rem}*/
  .mobile-header-cta .cta-copy{padding:0}
  .mobile-header-cta .cta-copy strong{font-size:.92rem}
  .mobile-header-cta .cta-copy small{display:block;margin-top:.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-header-cta .cta-buttons{width:100%}
  .mobile-header-cta .btn-wide{width:100%;min-height:2.45rem}
  .introduction-heading{padding:1.15rem;margin-bottom:.45rem}
  .introduction-heading h2{font-size:1.45rem}
  .introduction-heading p{font-size:.96rem;line-height:1.68}
  .introduction-list{gap:.5rem;display:none}
  .introduction-feature,.introduction-feature:nth-child(n){display:flex;flex-direction:column;min-height:0}
  .introduction-feature:nth-child(n) .introduction-copy{order:2;min-height:0;padding:1.05rem}
  .introduction-feature:nth-child(n) .introduction-media{position:relative;inset:auto;order:1;width:100%;height:13rem;min-height:13rem}
  .introduction-copy h3,.introduction-copy p,.introduction-copy ul{max-width:none}
  .introduction-link{position:static;align-self:flex-start;margin-top:.85rem}
  .introduction-media:after,.introduction-feature:nth-child(n) .introduction-media:after{background:linear-gradient(180deg,transparent 56%,rgba(15,7,20,.75))}
  .introduction-feature:nth-child(2) .introduction-media:after,.introduction-feature:nth-child(4) .introduction-media:after{background:linear-gradient(180deg,transparent 56%,rgba(246,232,208,.72))}
  .introduction-kicker b{font-size:3.15rem}
  .introduction-copy h3{font-size:1.32rem}
  .introduction-copy p{font-size:1rem;line-height:1.72}
  .introduction-copy li{font-size:.92rem}
  .dashboard-aside .match-board{height:36rem;min-height:36rem;max-height:36rem;flex-basis:36rem}
  .jackpot-row{grid-template-columns:1fr}
}

@media(max-width:420px){
  .introduction-feature:nth-child(n) .introduction-media{height:11rem;min-height:11rem}
  .introduction-copy ul,.introduction-feature:nth-child(4) .introduction-copy ul{display:grid;grid-template-columns:1fr}
  .introduction-link{width:100%;justify-content:center}
}

@media(prefers-reduced-motion:reduce){
  .match-viewport{overflow:auto;mask-image:none}
  .introduction-feature,.introduction-media img{transition:none}
}

.footer-sticky-cta .sticky-cta-inner{grid-template-columns:minmax(0,1fr) auto}

/* v11: production footer copy, complete banners, global mobile CTA and title search */
.socials,.footer-payments small{display:none!important}
.introduction-copy>.introduction-link{background:linear-gradient(100deg,#ffe078,#f2ab22);border:1px solid #fff0a8;color:#291000;text-shadow:none}

.search-box{position:relative;overflow:visible;padding:0 .35rem 0 .85rem}
.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:.78rem}
.search-box input::placeholder{color:#d6b9ad;opacity:1}
.search-box button{width:2rem;height:2rem;flex:0 0 2rem;border:0;border-radius:50%;background:transparent;color:#f7d19b;font-size:1.2rem;cursor:pointer}
.search-box:focus-within{border-color:#e4ad55;background:rgba(0,0,0,.28)}
.search-results{position:absolute;z-index:120;top:calc(100% + .45rem);right:0;width:min(24rem,80vw);max-height:24rem;overflow-y:auto;border:1px solid #5a3d28;border-radius:.45rem;background:#101113;box-shadow:0 .9rem 2rem rgba(0,0,0,.5)}
.search-results[hidden]{display:none}
.search-status{padding:.6rem .75rem;border-bottom:1px solid #2c2927;color:#b8a898;font-size:.72rem}
.search-result-list a{display:block;padding:.72rem .8rem;border-bottom:1px solid #262426;color:#f2eee8;font-size:.84rem;line-height:1.45}
.search-result-list a:last-child{border-bottom:0}
.search-result-list a:hover,.search-result-list a:focus-visible{background:#281813;color:#ffd36b}

.hero-slide{background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
.hero-copy{width:min(32rem,46%);max-width:46%;position:relative;z-index:2}
.page-banner{height:clamp(16rem,25vw,20rem);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}
.page-banner>div{position:relative;z-index:2;width:46%;max-width:38rem;min-width:0}
.page-banner h1{overflow-wrap:anywhere}

@media(max-width:1024px){
  .mobile-header-cta{width:100%;max-width:100%;overflow:hidden}
  .mobile-header-cta .sticky-cta-inner{width:min(calc(100% - 1rem),1280px);max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,15rem);gap:.6rem;padding:0}
  .mobile-header-cta .cta-copy,.mobile-header-cta .cta-buttons{min-width:0;max-width:100%}
  .mobile-header-cta .cta-copy strong,.mobile-header-cta .cta-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mobile-header-cta .cta-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}
  .mobile-header-cta .btn-wide{width:100%;min-width:0;max-width:100%;padding-inline:.45rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(max-width:720px){
  .mobile-header-cta .sticky-cta-inner{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .mobile-header-cta .cta-copy small{display:block}
  .footer-sticky-cta .sticky-cta-inner{grid-template-columns:minmax(0,1fr)}
  .hero-copy{width:auto;max-width:none}
  .page-banner{height:auto;min-height:10.5rem;background-image:linear-gradient(135deg,#1a0d0b,#0d0e10 70%,#2a170c)!important;background-size:cover!important;background-position:center!important}
  .page-banner>div{width:100%;max-width:none}
}