/* Homepage interaction and layout polish for the Qoolbet experience shell. */
.qool-next-logo{position:relative;display:flex!important;align-items:center;justify-content:flex-start;overflow:hidden;isolation:isolate;flex:0 0 auto}
.qool-next-logo img{width:clamp(200px,17vw,250px)!important;max-width:none!important;height:auto!important;max-height:58px!important;object-fit:contain;object-position:left center}
.qool-next-logo:after{content:"";position:absolute;top:-35%;bottom:-35%;left:-48%;width:27%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,255,255,.78),rgba(111,255,205,.3),transparent);filter:blur(1px);pointer-events:none;animation:qool-home-logo-shine 6.5s ease-in-out infinite}
@keyframes qool-home-logo-shine{0%,48%{left:-48%;opacity:0}54%{opacity:.95}72%,100%{left:125%;opacity:0}}
.qool-next-topactions .qool-next-logout{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border:1px solid rgba(162,184,208,.2);border-radius:10px;background:#111a26;color:#dce6f0!important;text-decoration:none!important;font-size:12px;font-weight:750;white-space:nowrap;transition:background .18s,border-color .18s,color .18s}
.qool-next-topactions .qool-next-logout:hover{background:#173a31;border-color:rgba(73,226,154,.45);color:#91efbf!important}
.qool-next-sidebar{scrollbar-width:none!important;-ms-overflow-style:none!important;overscroll-behavior:contain}
.qool-next-sidebar::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.qool-next-sidebar nav a[data-qool-soon]{cursor:pointer}

/* Three rotating homepage banners with manual controls and reduced-motion support. */
.qool-home-banner{padding:0!important}
.qool-home-banner-track{position:absolute;inset:0;z-index:0}
.qool-home-banner-slide{position:absolute;inset:0;display:flex;align-items:center;padding:clamp(24px,3vw,48px);opacity:0;visibility:hidden;pointer-events:none;z-index:0;background-position:center;background-size:cover;transition:opacity .55s ease,visibility .55s ease}
.qool-home-banner-slide:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,9,17,.92),rgba(5,9,17,.56) 48%,rgba(5,9,17,.1))}
.qool-home-banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.qool-home-banner-slide--games{background-image:url('/assets/theme15/qool-experience-hero-20261028.png')}
.qool-home-banner-slide--tables{background-image:url('/assets/theme15/images/qoolbet-wall-roulette-bg.png')}
.qool-home-banner-slide--sports{background-image:radial-gradient(ellipse at 78% 43%,rgba(48,224,174,.42),transparent 30%),linear-gradient(120deg,#0a1723,#153c39 52%,#101426)}
.qool-home-banner-slide .qool-experience-hero-copy{z-index:1;max-width:610px}
.qool-home-banner-slide h1{font-size:clamp(38px,5vw,76px)!important;line-height:.98!important}
.qool-home-banner-slide--sports h1{font-size:clamp(34px,4.3vw,64px)!important}
.qool-home-banner-slide--sports .qool-experience-button{background:linear-gradient(105deg,#49e29a,#91f2be)!important;color:#07140e!important;box-shadow:0 12px 32px rgba(73,226,154,.2)!important}
.qool-home-banner-controls{position:absolute;right:clamp(18px,2.4vw,38px);bottom:16px;z-index:5;display:flex;align-items:center;gap:9px}
.qool-home-banner-controls>button{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(226,239,248,.25);border-radius:50%;background:rgba(6,12,20,.72);color:#f4f8fb;font-size:20px;line-height:1;cursor:pointer;backdrop-filter:blur(8px)}
.qool-home-banner-dots{display:flex;align-items:center;gap:6px}
.qool-home-banner-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(235,244,248,.45);cursor:pointer;transition:width .2s,background .2s}
.qool-home-banner-dots button.is-active{width:23px;background:#49e29a}
.qool-home-banner .qool-experience-hero-links{z-index:4;right:200px}

/* Make game art fit the tile without cropping and keep the cards gently alive. */
.qool-experience-featured-game{animation:qool-home-card-float 4.8s ease-in-out infinite;will-change:transform}
.qool-experience-featured-game:nth-child(2n){animation-delay:-1.2s}
.qool-experience-featured-game:nth-child(3n){animation-delay:-2.1s}
.qool-experience-featured-game:hover,.qool-experience-featured-game:focus-visible{animation-play-state:paused;transform:translateY(-5px) scale(1.015)!important;z-index:2}
.qool-experience-featured-game img{object-fit:contain!important;padding:5px;background:linear-gradient(145deg,#111b28,#0a111a)!important}
@keyframes qool-home-card-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.qool-experience-featured-game span{left:5px!important;right:5px!important;bottom:5px!important;border-radius:9px;background:linear-gradient(transparent,rgba(2,6,12,.96))!important}
.qool-home-coupon-card{min-height:190px!important}
.qool-home-ticket-list{display:grid;gap:7px;max-height:270px;overflow-y:auto;scrollbar-width:none}
.qool-home-ticket-list::-webkit-scrollbar{display:none}
.qool-home-ticket-list>p{margin:0;color:#aab7c7;font-size:12px;line-height:1.5}
.qool-home-ticket{padding:9px 10px;border:1px solid rgba(162,184,208,.14);border-radius:11px;background:rgba(7,13,21,.62)}
.qool-home-ticket summary{display:grid;gap:4px;cursor:pointer;list-style:none}
.qool-home-ticket summary::-webkit-details-marker{display:none}
.qool-home-ticket-title{display:flex;justify-content:space-between;gap:8px;color:#eef4f8;font-size:11px;font-weight:800}
.qool-home-ticket-status{color:#92efbd}
.qool-home-ticket-status[data-status="lost"]{color:#ff9292}
.qool-home-ticket-status[data-status="won"]{color:#f2d17e}
.qool-home-ticket-meta{color:#a4b2c2;font-size:10px;line-height:1.45}
.qool-home-ticket-selections{display:grid;gap:4px;margin-top:8px;padding-top:7px;border-top:1px solid rgba(162,184,208,.12)}
.qool-home-ticket-selection{color:#c5d0dc;font-size:10px;line-height:1.4}
.qool-home-ticket-history{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:9px;color:#8feebc!important;font-size:11px;font-weight:800;text-decoration:none!important}
.qool-home-ticket-history:hover{color:#c4f8dc!important}

/* Loyalty program notice */
.qool-home-modal[hidden]{display:none!important}
.qool-home-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px}
.qool-home-modal-backdrop{position:absolute;inset:0;border:0;background:rgba(2,6,11,.76);backdrop-filter:blur(7px)}
.qool-home-modal-card{position:relative;width:min(440px,100%);padding:28px;border:1px solid rgba(162,184,208,.2);border-radius:20px;background:radial-gradient(ellipse at 90% 0,rgba(138,117,255,.16),transparent 40%),linear-gradient(145deg,#151f2d,#0c131d);color:#f4f7fb;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.qool-home-modal-card h2{margin:8px 0;color:#f4f7fb;font-size:25px}
.qool-home-modal-card>p:not(.qool-experience-eyebrow){color:#aab7c7;font-size:14px;line-height:1.6}
.qool-home-modal-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:15px;background:#173a31;color:#91efbf;font-size:24px}
.qool-home-modal-close{position:absolute;top:11px;right:12px;width:34px;height:34px;border:1px solid rgba(162,184,208,.18);border-radius:10px;background:#121c28;color:#edf3f8;font-size:22px;cursor:pointer}
.qool-home-modal-confirm{margin-top:10px;padding:10px 20px;border:0;border-radius:10px;background:linear-gradient(100deg,#49e29a,#91f2be);color:#07140e;font-weight:850;cursor:pointer}

/* Keep the homepage footer in normal document flow and visible after content. */
body:has(.qool-experience) footer.qool-footer--new{display:block!important;visibility:visible!important;position:relative!important;clear:both;width:100%!important;opacity:1!important}
@media(max-width:720px){.qool-next-logo img{width:185px!important;max-height:44px!important}.qool-next-logo:after{animation-duration:7s}.qool-next-topactions .qool-next-logout{padding:7px 8px;font-size:10px}.qool-next-topactions .qool-next-logout span{display:none}.qool-home-banner-slide{padding:22px 18px 62px;background-position:62% center}.qool-home-banner-slide h1{font-size:clamp(34px,10vw,58px)!important}.qool-home-banner-slide--sports h1{font-size:clamp(31px,8.5vw,50px)!important}.qool-home-banner-controls{right:14px;bottom:47px}.qool-home-banner .qool-experience-hero-links{right:14px;bottom:10px}.qool-home-ticket-list{max-height:340px}}
@media(prefers-reduced-motion:reduce){.qool-next-logo:after,.qool-experience-featured-game{animation:none!important}.qool-home-banner-slide,.qool-experience-featured-game img{transition:none!important}}

/* Qoolbet 3D banner stages, horizontal game rail, and a smaller dimensional brand mark. */
html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:244px!important;min-width:244px!important;max-width:244px!important;flex:0 0 244px!important;height:84px!important;position:relative;display:flex!important;align-items:center;isolation:isolate;filter:drop-shadow(0 2px 0 rgba(255,255,255,.18)) drop-shadow(0 7px 10px rgba(0,0,0,.52))}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{position:relative;z-index:1;width:244px!important;min-width:244px!important;max-width:244px!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:drop-shadow(0 1px 0 rgba(246,201,121,.68)) drop-shadow(0 5px 7px rgba(0,0,0,.55))}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo:before{content:"";position:absolute;inset:12% 16% 10% 4%;z-index:0;border-radius:50%;background:radial-gradient(ellipse,rgba(255,205,115,.2),rgba(45,221,171,.07) 44%,transparent 72%);filter:blur(12px);pointer-events:none}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo:after{z-index:2}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo:hover>img{filter:drop-shadow(0 2px 0 rgba(255,221,165,.8)) drop-shadow(0 8px 14px rgba(48,224,174,.25));transform:translateY(-1px)}
.qool-home-banner-slide .qool-experience-hero-copy{position:relative!important;z-index:4!important}
.qool-banner-3d{position:absolute;z-index:2;right:7.5%;top:50%;width:clamp(190px,24vw,390px);aspect-ratio:1;transform:translate3d(0,calc(-50% + var(--qool-story-shift,0px)),0);transform-style:preserve-3d;perspective:950px;pointer-events:none;opacity:.96;filter:drop-shadow(0 24px 34px rgba(0,0,0,.36))}
.qool-banner-3d__orb{position:absolute;inset:24%;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:radial-gradient(circle at 31% 25%,rgba(255,255,255,.94),rgba(255,231,174,.62) 7%,rgba(82,225,181,.52) 25%,rgba(21,73,80,.72) 53%,rgba(8,16,29,.94) 78%);box-shadow:inset -18px -24px 38px rgba(1,7,16,.78),inset 8px 9px 22px rgba(255,255,255,.46),0 0 42px rgba(68,235,187,.36);transform:translateZ(24px);animation:qool-3d-orb-float 7s ease-in-out infinite}
.qool-banner-3d__ring{position:absolute;inset:11%;border:2px solid rgba(247,205,125,.74);border-left-color:rgba(72,232,183,.92);border-bottom-color:rgba(72,232,183,.22);border-radius:50%;transform:rotateX(69deg) rotateZ(-28deg) translateZ(18px);box-shadow:0 0 22px rgba(72,232,183,.25),inset 0 0 14px rgba(247,205,125,.16);animation:qool-3d-ring-turn 15s linear infinite}
.qool-banner-3d__ring--inner{inset:4%;border-width:1px;border-color:rgba(255,255,255,.26);transform:rotateY(68deg) rotateZ(28deg) translateZ(-12px);animation-duration:19s;animation-direction:reverse}
.qool-banner-3d__token{position:absolute;z-index:3;width:17%;aspect-ratio:1;border:1px solid rgba(255,231,172,.85);border-radius:50%;background:radial-gradient(circle at 32% 24%,#fff2c8,#f2ba5a 30%,#a55d20 72%,#432314);box-shadow:inset 0 2px 3px rgba(255,255,255,.7),inset 0 -5px 7px rgba(69,32,9,.62),0 12px 19px rgba(0,0,0,.42),0 0 17px rgba(255,204,99,.26);transform:rotateY(-20deg) translateZ(36px);animation:qool-3d-token-float 5s ease-in-out infinite}
.qool-banner-3d__token:after{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#fff2c4;font-size:clamp(12px,2vw,24px);text-shadow:0 1px 3px #91501a}
.qool-banner-3d__token--one{top:11%;left:21%}.qool-banner-3d__token--two{right:12%;top:45%;width:13%;animation-delay:-1.8s}.qool-banner-3d__token--three{left:29%;bottom:8%;width:11%;animation-delay:-3.1s}
.qool-banner-3d--tables{filter:hue-rotate(286deg) saturate(1.14)}.qool-banner-3d--tables .qool-banner-3d__orb{background:radial-gradient(circle at 32% 24%,#fff1e9,rgba(255,116,111,.78) 10%,rgba(176,28,73,.7) 32%,rgba(33,13,34,.94) 77%);box-shadow:inset -18px -24px 38px rgba(10,2,12,.8),inset 8px 9px 22px rgba(255,255,255,.38),0 0 42px rgba(250,80,119,.38)}
.qool-banner-3d--sports{filter:hue-rotate(22deg) saturate(1.18)}.qool-banner-3d--sports .qool-banner-3d__orb{background:radial-gradient(circle at 30% 24%,#fff,rgba(161,255,224,.83) 8%,rgba(45,217,167,.78) 27%,rgba(19,79,92,.83) 58%,rgba(5,15,28,.96) 80%);background-image:repeating-conic-gradient(from 12deg at 50% 50%,rgba(255,255,255,.18) 0 8deg,transparent 8deg 36deg),radial-gradient(circle at 30% 24%,#fff,rgba(161,255,224,.83) 8%,rgba(45,217,167,.78) 27%,rgba(19,79,92,.83) 58%,rgba(5,15,28,.96) 80%)}
.qool-experience-featured-track{grid-auto-columns:clamp(150px,12vw,190px)!important;gap:13px!important;padding:8px 5px 16px!important;scrollbar-width:none;scroll-behavior:auto;overscroll-behavior-inline:contain}
.qool-experience-featured-game{border:1px solid rgba(219,232,246,.15)!important;border-radius:15px!important;background:linear-gradient(145deg,#1a2635,#0b111b 76%)!important;box-shadow:0 14px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.16)!important;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.18,.8,.24,1),border-color .3s,box-shadow .3s!important;animation-delay:0s!important}
.qool-experience-featured-game:before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 28%,transparent 70%,rgba(45,221,171,.13));pointer-events:none}
.qool-experience-featured-game img{transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .4s!important}
.qool-experience-featured-game span{z-index:2!important;padding:32px 10px 10px!important;background:linear-gradient(transparent,rgba(2,6,12,.94))!important;font-size:12px!important}
@media(hover:hover) and (pointer:fine){.qool-experience-featured-game:hover,.qool-experience-featured-game:focus-visible{transform:perspective(800px) translateY(-5px) rotateY(-2deg) scale(1.025)!important;border-color:rgba(243,200,117,.72)!important;box-shadow:0 20px 38px rgba(0,0,0,.42),0 0 0 1px rgba(45,221,171,.18),inset 0 1px 0 rgba(255,255,255,.22)!important}.qool-experience-featured-game:hover img{transform:scale(1.045);filter:saturate(1.12) brightness(1.05)}}
.qool-experience-wallet-bonus{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 12px;padding:9px 10px;border:1px solid rgba(243,200,117,.24);border-radius:10px;background:linear-gradient(105deg,rgba(243,200,117,.12),rgba(45,221,171,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.qool-experience-wallet-bonus span{color:#d9c28d;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.qool-experience-wallet-bonus strong{color:#f5cf80;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
@keyframes qool-3d-orb-float{0%,100%{transform:translate3d(0,0,24px) rotateX(0)}50%{transform:translate3d(0,-11px,34px) rotateX(4deg)}}
@keyframes qool-3d-ring-turn{0%{transform:rotateX(69deg) rotateZ(-28deg) translateZ(18px)}100%{transform:rotateX(69deg) rotateZ(332deg) translateZ(18px)}}
@keyframes qool-3d-token-float{0%,100%{transform:translate3d(0,0,35px) rotateY(-20deg)}50%{transform:translate3d(0,-9px,48px) rotateY(12deg)}}
@media(max-width:1000px){html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:218px!important;min-width:218px!important;max-width:218px!important;flex-basis:218px!important;height:76px!important}html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:218px!important;min-width:218px!important;max-width:218px!important;max-height:none!important}.qool-banner-3d{right:1%;width:clamp(170px,23vw,260px);opacity:.78}}
@media(max-width:720px){html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:184px!important;min-width:184px!important;max-width:184px!important;flex:0 0 184px!important;height:66px!important}html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:184px!important;min-width:184px!important;max-width:184px!important;max-height:none!important}.qool-home-banner-slide{overflow:hidden}.qool-banner-3d{right:-12%;width:190px;opacity:.3;top:47%}.qool-experience-featured-track{grid-auto-columns:136px!important}.qool-experience-wallet-bonus{margin:8px 0 10px}}
@media(max-width:380px){html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:162px!important;min-width:162px!important;max-width:162px!important;flex-basis:162px!important;height:60px!important}html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:162px!important;min-width:162px!important;max-width:162px!important;max-height:none!important}}
@media(prefers-reduced-motion:reduce){.qool-banner-3d__orb,.qool-banner-3d__ring,.qool-banner-3d__token{animation:none!important}.qool-experience-featured-game,.qool-experience-featured-game img{transition:none!important}}
/* Qoolbet 2026 homepage: compact navigation, balanced scenic banners and coherent page base. */
html,body,.qool-next-shell,.qool-next-shell>main,.qool-page{background:#07100f!important}
html .qool-next-shell .qool-next-topbar{min-height:68px!important;height:68px!important;padding-block:3px!important;align-items:center!important}
html .qool-next-shell .qool-next-topbar>.qool-next-logo{height:64px!important;max-height:64px!important}
html .qool-next-shell .qool-next-topbar>.qool-next-logo>img{max-height:48px!important}
.qool-home-banner-slide{background-color:#07100f!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center center!important}
.qool-home-banner-slide--games{background-image:linear-gradient(90deg,rgba(4,10,14,.96) 0%,rgba(4,10,14,.82) 31%,rgba(4,10,14,.32) 63%,rgba(4,10,14,.08) 100%),url('/assets/theme15/images/qool-banner-games-scene-20261028.webp')!important;background-position:center center,58% center!important}
.qool-home-banner-slide--tables{background-image:linear-gradient(90deg,rgba(4,10,14,.97) 0%,rgba(4,10,14,.86) 32%,rgba(4,10,14,.36) 66%,rgba(4,10,14,.08) 100%),url('/assets/theme15/images/qool-banner-tables-scene-20261028.webp')!important;background-position:center center,60% center!important}
.qool-home-banner-slide--sports{background-image:linear-gradient(90deg,rgba(4,10,14,.98) 0%,rgba(4,10,14,.84) 34%,rgba(4,10,14,.25) 67%,rgba(4,10,14,.04) 100%),url('/assets/theme15/images/qool-banner-sports-scene-20261028.webp')!important;background-position:center center,58% center!important}
.qool-home-banner-slide--promos{background-image:linear-gradient(90deg,rgba(4,10,14,.97) 0%,rgba(4,10,14,.82) 34%,rgba(4,10,14,.3) 68%,rgba(4,10,14,.04) 100%),url('/assets/theme15/images/qool-banner-promos-scene-20261028.webp')!important;background-position:center center,58% center!important}
.qool-home-banner-slide--jackpot{background-image:linear-gradient(90deg,rgba(4,10,14,.97) 0%,rgba(4,10,14,.82) 34%,rgba(4,10,14,.3) 68%,rgba(4,10,14,.04) 100%),url('/assets/theme15/images/qool-banner-jackpot-scene-20261028.webp')!important;background-position:center center,57% center!important}
.qool-experience-featured-game{height:156px!important;min-height:0!important;overflow:hidden!important}
.qool-experience-featured-game img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;padding:0!important}
.qool-experience-featured-game span{padding:28px 10px 9px!important}
.qool-next-footer,footer{background-color:#07100f!important}
@media(max-width:720px){
 html .qool-next-shell .qool-next-topbar{min-height:56px!important;height:56px!important;padding-block:2px!important}
 html .qool-next-shell .qool-next-topbar>.qool-next-logo{height:52px!important;max-height:52px!important}
 html .qool-next-shell .qool-next-topbar>.qool-next-logo>img{max-height:42px!important}
 .qool-experience-featured-game{height:130px!important}
 .qool-experience-featured-game img{object-fit:contain!important;padding:3px!important}
 .qool-home-banner-slide--games,.qool-home-banner-slide--tables,.qool-home-banner-slide--sports,.qool-home-banner-slide--promos,.qool-home-banner-slide--jackpot{background-position:center center,64% center!important}
}

/* Screenshot refinements: fit logo, close banner seam, tighten game rail and remove footer gap. */
html body .qool-next-shell .qool-next-topbar{height:60px!important;min-height:60px!important;padding:2px clamp(14px,2vw,28px)!important;align-items:center!important}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:178px!important;min-width:178px!important;max-width:178px!important;flex:0 0 178px!important;height:50px!important;max-height:50px!important;overflow:visible!important}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{display:block!important;width:178px!important;min-width:178px!important;max-width:178px!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
html body .qool-next-shell>.qool-next-content{margin-top:0!important;padding-top:0!important;background:#07100f!important}
html body .qool-next-shell .qool-experience-shell{margin-top:0!important;padding-top:0!important;padding-bottom:0!important}
html body .qool-next-shell .qool-experience-hero,html body .qool-next-shell .qool-home-banner{margin-top:0!important;padding-top:0!important}
html body .qool-next-shell .qool-experience-featured-track{grid-auto-columns:clamp(120px,7.8vw,138px)!important;grid-auto-flow:column!important;gap:11px!important;column-gap:11px!important;justify-content:flex-start!important;overflow-x:auto!important}
html body .qool-next-shell .qool-experience-featured-game{height:132px!important;min-height:0!important;overflow:hidden!important}
html body .qool-next-shell .qool-experience-featured-game img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:2px!important;image-rendering:auto!important}
html body .qool-next-shell .qool-experience-featured-game span{padding:25px 8px 8px!important}
html body .qool-next-shell footer.qool-footer--new{margin-top:0!important;background:#07100f!important}
html body .qool-next-shell .qool-next-content,html body .qool-next-shell{background-color:#07100f!important}
@media(max-width:720px){
 html body .qool-next-shell .qool-next-topbar{height:56px!important;min-height:56px!important;padding:2px 10px!important}
 html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:150px!important;min-width:150px!important;max-width:150px!important;flex:0 0 150px!important;height:46px!important;max-height:46px!important}
 html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{width:150px!important;min-width:150px!important;max-width:150px!important;max-height:44px!important}
 html body .qool-next-shell>.qool-next-content{margin-top:0!important}
 html body .qool-next-shell .qool-experience-featured-track{grid-auto-columns:126px!important;gap:10px!important;column-gap:10px!important}
 html body .qool-next-shell .qool-experience-featured-game{height:126px!important}
}

/* Fit the square transparent logo canvas into the horizontal header slot. */
html body .qool-next-shell .qool-next-topbar>.qool-next-logo{width:174px!important;min-width:174px!important;max-width:174px!important;flex:0 0 174px!important;height:54px!important;max-height:54px!important;overflow:hidden!important;position:relative!important}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img{position:absolute!important;left:0!important;top:-43px!important;display:block!important;width:145px!important;min-width:145px!important;max-width:none!important;height:145px!important;max-height:none!important;object-fit:fill!important;object-position:center!important;transform:none!important;z-index:2!important}

/* The 18px top inset belongs to the homepage content child, directly under the shell. */
html body .qool-next-shell .qool-next-content>.qool-experience{margin-top:0!important;padding-top:0!important}

/* Align the sticky sidebar directly under the compact top navigation. */
html body .qool-next-shell .qool-next-sidebar{top:60px!important;padding-top:8px!important}
@media(max-width:720px){html body .qool-next-shell .qool-next-sidebar{top:56px!important;padding-top:6px!important}}
/* Keep the wallet aligned with the lower edge of the 56px header. */
html body .qool-next-shell .qool-experience-rail{top:56px!important;margin-top:0!important}
html body .qool-next-shell .qool-experience-rail-card--wallet{min-height:225px!important;padding:20px!important;gap:12px!important}
@media(max-width:850px){html body .qool-next-shell .qool-experience-rail{position:static!important;top:auto!important;margin-top:0!important}}

/* Match the home content backdrop to the footer's navy surface. */
html body .qool-next-shell,
html body .qool-next-shell > .qool-next-content,
html body .qool-next-shell .qool-next-content {
  background-color: #0b111a !important;
}
