.qool-jackpot-section{margin:14px 0 10px}.qool-home-section-heading{display:flex;gap:10px;align-items:baseline;margin:0 2px 10px}.qool-home-section-heading h2{margin:0;color:#f3d26d;font-size:15px;text-transform:uppercase}.qool-home-section-heading span{color:#9b9b8d;font-size:11px}.qool-jackpot-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qool-jackpot-card{position:relative;min-height:82px;padding:12px 14px;border:1px solid #80682d;border-radius:10px;background:linear-gradient(115deg,#15170d,#302a12 55%,#17180d);box-shadow:0 5px 18px #0008;cursor:help}.qool-jackpot-card-head{display:flex;align-items:center;gap:8px}.qool-jackpot-suit{font-size:20px;color:#f0c95b}.qool-jackpot-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#eacb70}.qool-jackpot-value{display:block;margin-top:5px;color:#fff1b1;font-size:clamp(17px,2vw,25px);font-variant-numeric:tabular-nums}.qool-jackpot-value.qool-jackpot-flip{animation:qool-jackpot-flip .42s cubic-bezier(.2,.8,.3,1)}@keyframes qool-jackpot-flip{0%{transform:translateY(65%);opacity:0}55%{transform:translateY(-10%);opacity:1}100%{transform:translateY(0);opacity:1}}.qool-jackpot-card small{display:block;margin-top:4px;color:#9c9d89;font-size:9px}.qool-jackpot-popover{position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);z-index:20;display:grid;gap:4px;padding:10px;border:1px solid #866f31;border-radius:8px;background:#293604;color:#f7f0c9;opacity:0;pointer-events:none;transform:translateY(5px);transition:.18s}.qool-jackpot-card:hover .qool-jackpot-popover,.qool-jackpot-card:focus .qool-jackpot-popover{opacity:1;transform:translateY(0)}.qool-jackpot-popover span{font-size:11px}.qool-home-providers{margin:14px 0 12px;overflow:hidden}.qool-home-provider-window{overflow:hidden}.qool-home-provider-track{display:flex;width:max-content;gap:18px}.qool-home-provider{width:82px;flex:0 0 82px;border:0;background:none;color:#eee;text-align:center}.qool-home-provider-disc{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 7px;border:1px solid #8e793d;border-radius:50%;background:#171b12}.qool-home-provider-disc img{width:100%;height:100%;object-fit:contain;border-radius:50%}.qool-home-provider-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#d0cfbf}@media(max-width:800px){.qool-jackpot-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.qool-jackpot-card{min-height:70px;padding:9px}.qool-jackpot-label{font-size:9px}.qool-jackpot-value{font-size:16px}}
/* jackpot popup visual refinement v2 */
.qool-jackpot-card{min-height:72px;padding:10px 16px}
.qool-jackpot-popover{left:0;right:auto;bottom:calc(100% + 9px);width:100%;min-width:300px;padding:10px 12px;background:linear-gradient(145deg,#344d00,#263900)!important;border:1px solid #829b19;border-radius:12px;box-shadow:0 10px 24px #000b;color:#f8f5d8;gap:0}
.qool-jackpot-popover b{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;margin-bottom:10px;border-radius:10px;background:#203000;color:#eee;font-size:14px}
.qool-jackpot-popover b::after{content:'257439';color:#fff;font-size:18px}
.qool-jackpot-popover span{display:block;padding:5px 0;color:#c8ce9b;font-size:12px}
.qool-jackpot-popover span:first-of-type::before{content:'En Yüksek Kazanç';display:block;margin-bottom:3px;color:#ffe981;font-weight:800;font-size:13px}
.qool-jackpot-popover span:last-of-type{border-top:1px solid #728b1b;margin-top:8px;padding-top:10px}
.qool-jackpot-popover span:last-of-type::before{content:'En Son Kazanan';display:block;margin-bottom:3px;color:#ffe981;font-weight:800;font-size:13px}
@media(min-width:801px){.qool-jackpot-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}}
/* final layout override */
.qool-jackpot-section{display:block!important;width:100%!important}
.qool-jackpot-strip{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;gap:12px!important}
.qool-jackpot-card{display:block!important;width:100%!important;box-sizing:border-box!important}
.qool-jackpot-card .qool-jackpot-popover{display:grid!important;visibility:hidden!important}
.qool-jackpot-card:hover .qool-jackpot-popover,.qool-jackpot-card:focus .qool-jackpot-popover{visibility:visible!important}
@media(max-width:800px){.qool-jackpot-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* logical jackpot values and downward winner panel */
.qool-jackpot-card .qool-jackpot-popover{top:calc(100% + 9px)!important;bottom:auto!important;min-width:230px!important;width:calc(100% - 20px)!important;background:linear-gradient(145deg,#293b0b,#17240b)!important;border-color:#697f24!important}
.qool-jackpot-card small{display:none!important}
@media(min-width:801px){.qool-jackpot-strip{gap:10px!important}.qool-jackpot-card{padding:9px 12px!important;min-height:68px!important}}
/* final visual correction */
.qool-jackpot-card{min-height:58px!important;padding:7px 10px!important;background:linear-gradient(115deg,rgba(34,35,20,.94),rgba(62,52,18,.94))!important}
.qool-jackpot-card-head{gap:6px!important}.qool-jackpot-suit{font-size:17px!important}.qool-jackpot-label{font-size:9px!important}.qool-jackpot-value{margin-top:2px!important;font-size:clamp(15px,1.55vw,20px)!important;line-height:1.15!important}.qool-jackpot-value.qool-jackpot-flip{animation:qool-jackpot-flip .7s cubic-bezier(.16,1,.3,1)!important}
.qool-jackpot-card .qool-jackpot-popover{background:linear-gradient(145deg,rgba(28,50,34,.98),rgba(51,43,17,.98))!important;border-color:#b08b39!important;color:#f6e9b3!important;top:calc(100% + 7px)!important;bottom:auto!important}
.qool-jackpot-popover b{background:rgba(11,25,20,.85)!important;color:#f5d67b!important}.qool-jackpot-popover span{color:#e0d7ad!important}
@keyframes qool-jackpot-flip{0%{transform:translateY(-70%);opacity:0}45%{transform:translateY(14%);opacity:1}100%{transform:translateY(0);opacity:1}}
body.welcome-theme .qool-page{background-color:transparent!important;background-image:linear-gradient(180deg,rgba(3,4,5,.42),rgba(21,22,24,.12) 48%,rgba(46,47,50,.38)),url('/assets/theme15/images/qoolbet-wall-roulette-bg.png')!important;background-size:92% auto!important;background-position:center top!important;background-repeat:repeat-y!important;background-attachment:scroll!important}
body.welcome-theme #navbar,body.welcome-theme #navbar-menu2{background-color:rgba(45,46,49,.4)!important;background-image:none!important}
@media(max-width:700px){body.welcome-theme .qool-page{background-size:100% auto!important}}
/* full-bleed wall and richer flip */
body.welcome-theme,body.welcome-theme .qool-page{background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;min-height:100vh!important}
.qool-jackpot-value.qool-jackpot-flip{animation:qool-jackpot-flip-creative .72s cubic-bezier(.22,.85,.25,1)!important;text-shadow:0 0 12px rgba(255,218,105,.85)!important}
@keyframes qool-jackpot-flip-creative{0%{transform:perspective(180px) rotateX(-78deg) translateY(-18px);opacity:0;filter:blur(4px)}42%{transform:perspective(180px) rotateX(18deg) translateY(3px);opacity:1;filter:blur(0)}72%{transform:perspective(180px) rotateX(-7deg) translateY(-1px)}100%{transform:perspective(180px) rotateX(0) translateY(0);opacity:1}}
.qool-jackpot-popover b{display:flex!important;justify-content:space-between!important}.qool-jackpot-popover b strong{color:#fff!important;font-size:16px}.qool-jackpot-popover span em{display:block!important;font-style:normal!important;color:#ffe27a!important;font-weight:800!important;font-size:12px!important;margin-bottom:3px!important}
body.welcome-theme .qool-page{background-size:100% auto!important;background-repeat:repeat-y!important;background-position:center top!important}
.qool-jackpot-suit{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:50%!important;background:radial-gradient(circle at 30% 25%,#ffeaa2,#b17b22 68%,#31200b)!important;color:#171208!important;font-size:22px!important;box-shadow:inset 0 0 0 2px #fff0a6,0 3px 8px #000b!important}.qool-jackpot-card:nth-child(2) .qool-jackpot-suit{background:radial-gradient(circle at 30% 25%,#ffbda7,#a7352d 68%,#350d0b)!important;color:#fff!important}.qool-jackpot-card:nth-child(3) .qool-jackpot-suit{background:radial-gradient(circle at 30% 25%,#bde7ff,#347ea8 68%,#10263b)!important;color:#fff!important}.qool-jackpot-card:nth-child(4) .qool-jackpot-suit{background:radial-gradient(circle at 30% 25%,#dec7ff,#6645a0 68%,#21123a)!important;color:#fff!important}.qool-jackpot-value{display:flex!important;align-items:baseline!important;gap:0!important}.qool-jackpot-major{display:inline-block!important}.qool-jackpot-minor{display:inline-block!important;color:#ffe28b!important}.qool-jackpot-value.qool-jackpot-flip .qool-jackpot-minor{animation:qool-digit-roll .65s cubic-bezier(.2,.8,.25,1)}@keyframes qool-digit-roll{0%{transform:translateY(-90%);opacity:0;filter:blur(3px)}45%{transform:translateY(14%);opacity:1;filter:blur(0)}100%{transform:translateY(0)}}
/* remove legacy duplicate popup labels */
.qool-jackpot-popover b::after,.qool-jackpot-popover span:first-of-type::before,.qool-jackpot-popover span:last-of-type::before{content:none!important;display:none!important}
.qool-jackpot-popover b strong{display:inline!important;margin-left:auto!important}.qool-jackpot-popover span em{display:block!important}
.qool-jackpot-value{display:flex!important;align-items:baseline!important;white-space:nowrap!important;overflow:hidden!important}.qool-digit{display:inline-block!important;min-width:.56em!important;text-align:center!important;line-height:1!important}.qool-digit-change{animation:qool-digit-up .42s cubic-bezier(.2,.8,.25,1)!important;text-shadow:0 0 9px #ffe08a!important}.qool-digit-punct{display:inline-block!important;min-width:.25em!important}@keyframes qool-digit-up{0%{transform:translateY(90%);opacity:0;filter:blur(2px)}45%{transform:translateY(-12%);opacity:1;filter:blur(0)}100%{transform:translateY(0);opacity:1}}
/* remove old background layers around the page */
html,body.welcome-theme{background-color:#0b0c0d!important;background-image:linear-gradient(180deg,rgba(3,4,5,.5),rgba(36,37,40,.28)),url('/assets/theme15/images/qoolbet-wall-roulette-bg.png')!important;background-size:cover!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
body.welcome-theme #menu-panel-left,body.welcome-theme #navbar,body.welcome-theme #navbar-menu2{background-color:rgba(20,21,24,.4)!important;background-image:none!important}
body.welcome-theme .qpro-footer,body.welcome-theme footer{background-color:rgba(49,50,53,.72)!important;background-image:none!important}
body.welcome-theme .qool-page{background-color:transparent!important;background-image:none!important}
@media(max-width:700px){html,body.welcome-theme{background-attachment:scroll!important;background-size:auto 100%!important;background-repeat:repeat-y!important}}
/* lighter translucent header and transparent logo */
body.welcome-theme #navbar,body.welcome-theme #navbar-menu2{background-color:rgba(45,46,49,.24)!important}
body.welcome-theme .navbar-brand img,body.welcome-theme .qpro-header-brand img{background:transparent!important;mix-blend-mode:normal!important}
/* force transparent logo host and lighter top navigation */
body.welcome-theme #navbar,body.welcome-theme #navbar-menu2,body.welcome-theme .navbar,body.welcome-theme .navbar-brand,body.welcome-theme .navbar-brand a{background:rgba(45,46,49,.14)!important;background-image:none!important;box-shadow:none!important}
body.welcome-theme .navbar-brand img,body.welcome-theme .navbar-brand a img{background:transparent!important;background-color:transparent!important;mix-blend-mode:normal!important;box-shadow:none!important}
body.welcome-theme .navbar-brand::before,body.welcome-theme .navbar-brand::after{background:transparent!important;content:none!important}
/* fix square logo box imposed by legacy theme */
body.welcome-theme #navbar .navbar-brand{background:transparent!important;background-image:none!important;overflow:visible!important;height:auto!important;min-height:64px!important}
body.welcome-theme #navbar .navbar-brand .img-link{display:block!important;width:190px!important;height:64px!important;background:transparent!important;background-image:none!important}
body.welcome-theme #navbar .navbar-brand .img-link img{display:block!important;width:190px!important;height:auto!important;max-height:64px!important;object-fit:contain!important;background:transparent!important;background-color:transparent!important;border:0!important;box-shadow:none!important}
body.welcome-theme #navbar,body.welcome-theme #navbar-menu2{background-color:rgba(45,46,49,.14)!important;background-image:none!important}
/* remove separate legacy bar behind the logo */
body.welcome-theme .navbar-menu1,body.welcome-theme .navbar-menu1.br-rstyle,body.welcome-theme .navbar-menu1 .container,body.welcome-theme .navbar-menu1 .row,body.welcome-theme .navbar-menu1 .col-5,body.welcome-theme .navbar-brand{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.welcome-theme .navbar-menu1::before,body.welcome-theme .navbar-menu1::after,body.welcome-theme .navbar-brand::before,body.welcome-theme .navbar-brand::after{display:none!important;content:none!important;background:none!important}
/* remove second header background strip while preserving links */
body.welcome-theme #navbar-menu2,body.welcome-theme #navbar-menu2 .container-fluid,body.welcome-theme #navbar-menu2 .container,body.welcome-theme #navbar-menu2 .row,body.welcome-theme #navbar .navbar-menu2,body.welcome-theme #navbar .navbar-collapse{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.welcome-theme #navbar-menu2::before,body.welcome-theme #navbar-menu2::after,body.welcome-theme #navbar::before,body.welcome-theme #navbar::after{display:none!important;content:none!important}
/* remove remaining strip directly under sidebar logo */
body.welcome-theme #menu-panel-left .merdo-sidebar-brand,body.welcome-theme #menu-panel-left .merdo-sidebar-brand::before,body.welcome-theme #menu-panel-left .merdo-sidebar-brand::after{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important}
body.welcome-theme #menu-panel-left .merdo-sidebar-brand{border-bottom:0!important;height:auto!important;min-height:0!important;padding-bottom:0!important;margin-bottom:0!important}
body.welcome-theme #menu-panel-left{background-color:rgba(12,13,16,.28)!important;background-image:none!important}
/* keep sidebar logo; hide duplicate legacy navbar logo */
body.welcome-theme #navbar .navbar-brand .img-link{display:none!important}
body.welcome-theme #navbar .navbar-brand{min-width:0!important;width:auto!important}
/* align hero and jackpot edges with the menu/content frame */
body.welcome-theme .qool-page{padding-left:0!important;padding-right:0!important}
body.welcome-theme .qool-home-hero,body.welcome-theme .qool-jackpot-section,body.welcome-theme .qool-home-providers{margin-left:0!important;margin-right:0!important}
/* neon rainbow separator below the top menu */
body.welcome-theme #navbar-menu2{position:relative!important;border-bottom:0!important}
body.welcome-theme #navbar-menu2::after{display:block!important;content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;height:2px!important;background:linear-gradient(90deg,#ff2d55 0%,#ff9f1c 17%,#ffe66d 33%,#39e75f 50%,#21d4fd 67%,#7b61ff 83%,#ff2d55 100%)!important;background-size:220% 100%!important;box-shadow:0 0 6px rgba(65,213,255,.75),0 0 10px rgba(255,45,85,.45)!important;animation:qool-neon-line 7s linear infinite!important;z-index:50!important}@keyframes qool-neon-line{from{background-position:0 0}to{background-position:220% 0}}
/* larger hero, tighter jackpot join */
body.welcome-theme .qool-home-hero{margin-bottom:4px!important}
body.welcome-theme .qool-home-hero #large-slider{aspect-ratio:3.35/1!important;min-height:0!important}
body.welcome-theme .qool-jackpot-section{margin-top:0!important}
/* richer jackpot cards */
.qool-jackpot-card{overflow:visible!important;background:radial-gradient(circle at 88% 16%,rgba(255,219,104,.16),transparent 34%),linear-gradient(115deg,rgba(31,31,16,.96),rgba(76,59,17,.92) 52%,rgba(30,31,15,.96))!important;border-color:#a17d2d!important;box-shadow:inset 0 1px 0 rgba(255,234,155,.22),0 5px 18px #0009!important}
.qool-jackpot-card::after{content:"";position:absolute;left:12px;right:12px;bottom:5px;height:1px;background:linear-gradient(90deg,transparent,#f5d56c,#fff2a3,#b68a2c,transparent);opacity:.65;pointer-events:none}
.qool-jackpot-card::before{content:"✦";position:absolute;right:12px;top:8px;color:#f5d56c;opacity:.5;font-size:12px;animation:qool-jackpot-spark 2.8s ease-in-out infinite;pointer-events:none}@keyframes qool-jackpot-spark{0%,100%{transform:scale(.8) rotate(0);opacity:.25}50%{transform:scale(1.25) rotate(18deg);opacity:.9}}
.qool-jackpot-label{ text-shadow:0 0 7px rgba(248,210,92,.35)}
/* lift jackpot, providers and category blocks toward the banner */
body.welcome-theme .qool-jackpot-section{position:relative!important;z-index:4!important;margin-top:-64px!important}
body.welcome-theme .qool-home-providers{position:relative!important;z-index:3!important;margin-top:-2px!important}
body.welcome-theme .qool-category-grid{position:relative!important;z-index:2!important;margin-top:4px!important}
@media(max-width:700px){body.welcome-theme .qool-jackpot-section{margin-top:-28px!important}}
/* half-strength lift */
body.welcome-theme .qool-jackpot-section{margin-top:-32px!important}
@media(max-width:700px){body.welcome-theme .qool-jackpot-section{margin-top:-14px!important}}

/* final hero gap: 23px lift on desktop */
@media(min-width:701px){body.welcome-theme .qool-jackpot-section{margin-top:-23px!important}}



/* hide the large provider cards inside the games lobby; keep the top provider rail */
body.welcome-theme .fx-lobby .qool-providers-heading,
body.welcome-theme .fx-lobby #qool-provider-rail{display:none!important}
body.welcome-theme .fx-lobby .qool-slot-content{padding-top:8px!important}

.qool-home-provider-disc{position:relative;overflow:hidden!important}.qool-home-provider-disc.no-image::before{content:"GÖRSEL YOK";display:grid;place-items:center;width:100%;height:100%;padding:8px;box-sizing:border-box;color:#f1d16a;font-size:10px;font-weight:900;line-height:1.1;text-align:center}.qool-home-provider-name{height:16px;line-height:16px;margin-top:2px;text-align:center}

/* richer category badges */
.qool-category{position:relative;border:1px solid rgba(255,226,116,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 7px 18px #0008!important}.qool-category span{display:grid!important;place-items:center!important;width:58px!important;height:58px!important;border-radius:18px!important;border:2px solid rgba(255,255,255,.65)!important;background:rgba(8,12,17,.25)!important;box-shadow:inset 0 0 0 4px rgba(255,255,255,.09),0 0 16px rgba(255,228,120,.32)!important;font-size:34px!important;opacity:1!important;transform:rotate(-4deg)}.qool-category:nth-child(2) span{transform:rotate(4deg)}.qool-category:nth-child(3) span{border-radius:50%!important}.qool-category:nth-child(4) span{border-radius:16px!important}
/* premium 2.5D category icon sprite */
.qool-category span{font-size:0!important;width:74px!important;height:74px!important;border:1px solid rgba(255,235,150,.72)!important;border-radius:20px!important;background-color:rgba(9,12,16,.3)!important;background-image:url('/assets/theme15/images/qool-category-icons-3d.png')!important;background-repeat:no-repeat!important;background-size:400% 100%!important;background-position:0% center!important;transform:none!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 0 22px rgba(255,210,75,.45),0 7px 12px #0009!important}
.qool-category:nth-child(2) span{background-position:33.333% center!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 0 22px rgba(255,170,55,.45),0 7px 12px #0009!important}
.qool-category:nth-child(3) span{background-position:66.666% center!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 0 22px rgba(54,230,130,.42),0 7px 12px #0009!important}
.qool-category:nth-child(4) span{background-position:100% center!important;box-shadow:inset 0 0 0 3px rgba(255,255,255,.1),0 0 22px rgba(40,180,255,.5),0 7px 12px #0009!important}
.qool-category:hover span{filter:saturate(1.25) brightness(1.12);transform:translateY(-3px) scale(1.04)!important;transition:transform .24s ease,filter .24s ease}
/* subtle motion for 2.5D category icons */
.qool-category span{animation:qool-icon-float 4.8s ease-in-out infinite;transform-origin:50% 82%!important}
.qool-category:nth-child(2) span{animation-delay:-1.2s}.qool-category:nth-child(3) span{animation-delay:-2.4s}.qool-category:nth-child(4) span{animation-delay:-3.6s}
@keyframes qool-icon-float{0%,100%{transform:translateY(0) rotate(-1deg)}25%{transform:translateY(-3px) rotate(1.2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(2px) rotate(-1.2deg)}}
/* transparent-to-deep gradients beneath the category icons */
.qool-category:nth-child(1){background:linear-gradient(90deg,rgba(102,25,25,.22) 0%,rgba(190,23,42,.98) 78%,#d21d30 100%)!important}
.qool-category:nth-child(2){background:linear-gradient(90deg,rgba(115,80,21,.2) 0%,rgba(201,145,24,.96) 78%,#edb225 100%)!important}
.qool-category:nth-child(3){background:linear-gradient(90deg,rgba(19,91,64,.2) 0%,rgba(31,151,83,.96) 78%,#29ad5a 100%)!important}
.qool-category:nth-child(4){background:linear-gradient(90deg,rgba(21,74,105,.2) 0%,rgba(19,117,180,.96) 78%,#1687d0 100%)!important}
/* center jackpot amount inside each card */
.qool-jackpot-card .qool-jackpot-value{justify-content:center!important;text-align:center!important;width:100%!important;margin-left:0!important;margin-right:0!important}
.qool-jackpot-card .qool-jackpot-card-head{justify-content:center!important}
.qool-jackpot-card .qool-jackpot-source{display:none!important}
/* premium promo panels below categories */
.qool-home-promos{gap:16px!important;margin-top:10px!important}.qool-home-promos>a{position:relative!important;overflow:hidden!important;min-height:104px!important;padding:22px 28px!important;border:1px solid rgba(239,194,74,.55)!important;border-radius:16px!important;background:linear-gradient(110deg,rgba(37,29,23,.94),rgba(119,76,25,.9))!important;box-shadow:inset 0 1px 0 rgba(255,242,174,.24),0 8px 18px #0009!important;transition:transform .24s ease,box-shadow .24s ease!important}.qool-home-promos>a:nth-child(2){background:linear-gradient(110deg,rgba(30,31,30,.94),rgba(59,61,55,.92))!important}.qool-home-promos>a:hover{transform:translateY(-4px)!important;box-shadow:inset 0 1px 0 rgba(255,242,174,.35),0 12px 25px #000b!important}.qool-home-promos>a::before{content:'⚽';position:absolute;right:24px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(255,224,119,.8);border-radius:16px;background:linear-gradient(145deg,#2b2116,#bd8530);box-shadow:inset 0 0 0 4px rgba(255,255,255,.1),0 0 18px rgba(255,202,80,.35);font-size:27px}.qool-home-promos>a:nth-child(2)::before{content:'🎁';background:linear-gradient(145deg,#242831,#4c5665);box-shadow:inset 0 0 0 4px rgba(255,255,255,.08),0 0 18px rgba(74,171,255,.3)}.qool-home-promos>a strong{font-size:22px!important;letter-spacing:.02em!important;text-shadow:0 2px 8px #0008}.qool-home-promos>a small{font-size:12px!important;color:#f3e4b1!important}.qool-home-promos>a::after{content:'';position:absolute;left:28px;right:100px;bottom:13px;height:2px;background:linear-gradient(90deg,#f0c95b,transparent);opacity:.8}
/* premium game lobby controls */
.fx-lobby{position:relative!important;padding-top:20px!important}.fx-heading{display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important}.fx-heading input{height:48px!important;box-sizing:border-box!important;padding:0 18px 0 46px!important;border:1px solid rgba(225,181,65,.7)!important;border-radius:13px!important;background:linear-gradient(100deg,rgba(10,13,18,.94),rgba(42,35,18,.82))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,241,167,.12),0 5px 16px #0007!important;font-size:14px!important}.fx-heading input::placeholder{color:#b8ad8b!important}.fx-heading input{background-image:linear-gradient(45deg,transparent 48%,#e8be51 49%,#e8be51 53%,transparent 54%),linear-gradient(-45deg,transparent 48%,#e8be51 49%,#e8be51 53%,transparent 54%)!important;background-size:9px 9px,9px 9px!important;background-position:18px 19px,24px 19px!important;background-repeat:no-repeat!important}.fx-heading select{height:48px!important;border:1px solid rgba(225,181,65,.55)!important;border-radius:13px!important;background:linear-gradient(100deg,#151920,#302714)!important;color:#f5e2a1!important;padding:0 13px!important;box-shadow:0 5px 16px #0007!important}.qool-categories{display:flex!important;gap:8px!important;margin:0 0 18px!important;padding:0!important;overflow:visible!important}.qool-categories button{border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;padding:10px 16px!important;background:rgba(28,31,37,.84)!important;color:#c7cbd4!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 10px #0005!important;transition:.2s!important}.qool-categories button:hover{border-color:#d9ad3e!important;color:#ffe18a!important;transform:translateY(-2px)}.qool-categories button.active{background:linear-gradient(110deg,#d39b27,#f2ce65)!important;border-color:#ffe08a!important;color:#17130a!important;box-shadow:0 0 15px rgba(237,188,54,.35)!important}.fx-lobby #fx-status{display:inline-block!important;margin:0 0 12px!important;padding:5px 10px!important;border:1px solid rgba(218,173,57,.35)!important;border-radius:20px!important;background:rgba(46,38,20,.72)!important;color:#f1d16b!important}
@media(max-width:700px){.fx-heading{grid-template-columns:1fr!important}.fx-heading select{width:100%!important}.qool-categories{overflow-x:auto!important;padding-bottom:3px!important}}
/* one-line lobby controls */
.fx-lobby{display:grid!important;grid-template-columns:auto minmax(220px,1fr) 180px!important;column-gap:10px!important;align-items:center!important}.fx-lobby .fx-heading{display:contents!important}.fx-lobby .fx-heading input{grid-column:2!important;grid-row:1!important;width:100%!important;height:42px!important}.fx-lobby .fx-heading select{grid-column:3!important;grid-row:1!important;width:100%!important;height:42px!important}.fx-lobby .qool-categories{grid-column:1!important;grid-row:1!important;margin:0!important;gap:6px!important;white-space:nowrap!important}.fx-lobby .qool-categories button{padding:9px 12px!important;font-size:12px!important}.fx-lobby #fx-status{display:none!important}.fx-lobby #fx-grid,.fx-lobby .qool-slot-section,.fx-lobby>.qool-more{grid-column:1/-1!important}
@media(max-width:900px){.fx-lobby{grid-template-columns:1fr 160px!important}.fx-lobby .qool-categories{grid-column:1/-1!important;grid-row:1!important}.fx-lobby .fx-heading input{grid-column:1!important;grid-row:2!important}.fx-lobby .fx-heading select{grid-column:2!important;grid-row:2!important}}
@media(max-width:600px){.fx-lobby{display:block!important}.fx-lobby .qool-categories{display:flex!important;overflow-x:auto!important;margin-bottom:8px!important}.fx-lobby .fx-heading{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.fx-lobby .fx-heading input,.fx-lobby .fx-heading select{grid-column:1!important;grid-row:auto!important}}
/* fix overlap between filter pills and search */
@media(min-width:901px){.fx-lobby{grid-template-columns:minmax(355px,max-content) minmax(180px,1fr) 180px!important;gap:12px!important}.fx-lobby .qool-categories{min-width:355px!important;width:max-content!important;overflow:visible!important}.fx-lobby .qool-categories button{flex:0 0 auto!important}.fx-lobby .fx-heading input{min-width:0!important;box-sizing:border-box!important}.fx-lobby .fx-heading select{box-sizing:border-box!important}}
.qool-slot-section{margin-top:8px!important}
/* colorful framed icons in the left menu */
#menu-panel-left .menu-icons,#menu-panel-left .qpro-side-emoji{display:inline-grid!important;place-items:center!important;width:24px!important;height:24px!important;margin-right:7px!important;border:1px solid rgba(255,218,91,.65)!important;border-radius:8px!important;background:linear-gradient(145deg,rgba(57,45,17,.95),rgba(18,23,31,.95))!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.08),0 0 9px rgba(242,187,54,.28)!important;font-size:13px!important;color:#ffd965!important}.qpro-menu-link--deposit .menu-icons,.qpro-menu-heading--finance .qpro-side-emoji{color:#6ed6ff!important;border-color:#56c8ff!important;box-shadow:0 0 10px #35baf755!important}.qpro-menu-link--football .menu-icons,.qpro-menu-heading--sports .qpro-side-emoji{color:#76ed98!important;border-color:#38d878!important;box-shadow:0 0 10px #32d87955!important}.qpro-menu-link--live .menu-icons{color:#ffbd66!important;border-color:#ff9b35!important}.qpro-menu-link--slot .menu-icons,.qpro-menu-heading--casino .qpro-side-emoji{color:#ff7cf2!important;border-color:#e65de0!important;box-shadow:0 0 10px #ed64e655!important}.qpro-menu-link--promotions .menu-icons,.qpro-menu-heading--quick .qpro-side-emoji{color:#ffe36b!important;border-color:#edc13b!important}.qpro-menu-link:hover .menu-icons{transform:translateY(-1px) scale(1.08);transition:.18s}
/* premium rounded game cards */
.qool-slot-card{border:1px solid rgba(221,178,66,.34)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(39,42,51,.96),rgba(21,24,31,.96))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 15px #0009!important;overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.qool-slot-card:hover{transform:translateY(-6px)!important;border-color:#e7be53!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 14px 24px #000c,0 0 14px rgba(220,171,53,.18)!important}.qool-slot-open{padding:7px 7px 14px!important}.qool-slot-open img{height:150px!important;border-radius:10px!important;object-fit:cover!important;box-shadow:0 3px 10px #0008!important}.qool-slot-open strong{height:42px!important;margin:10px 5px 6px!important;font-size:14px!important;line-height:18px!important}.qool-slot-open small{color:#e7c968!important;font-size:10px!important}.qool-slot-favorite{right:10px!important;bottom:10px!important;color:#f1d478!important}.qool-slot-row{gap:16px!important}
@media(max-width:600px){.qool-slot-open img{height:112px!important}.qool-slot-card{border-radius:11px!important}}

/* qool-home-slot-orbs-20261011: match Slotlar cards on home only */
#fx-grid .qool-slot-row{grid-auto-columns:210px!important;gap:15px!important;padding:8px 4px 17px!important;}
#fx-grid .qool-slot-card{box-sizing:border-box;width:210px!important;height:210px!important;min-width:0;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;}
#fx-grid .qool-slot-open{box-sizing:border-box;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;padding:12px 20px 20px!important;border:1px solid #f0bf62!important;border-radius:50%!important;background:radial-gradient(circle at 32% 20%,#fff6d84d 0%,#f7c45b20 22%,#9d65220d 48%,#0008 100%)!important;box-shadow:inset 0 0 18px #000b,0 8px 18px #000b,0 0 0 3px #f0ba4b55!important;text-align:center!important;overflow:hidden!important;}
#fx-grid .qool-slot-open:hover,#fx-grid .qool-slot-open:focus-visible{border-color:#fff0b0!important;box-shadow:inset 0 0 18px #0008,0 10px 20px #000c,0 0 0 3px #ffe2a099,0 0 18px #ffc35bcc!important;outline:0;}
#fx-grid .qool-slot-open img{display:block!important;width:100%!important;height:108px!important;flex:0 0 108px!important;margin:0!important;object-fit:contain!important;border-radius:50%!important;background:transparent!important;box-shadow:0 8px 14px #000c,0 0 0 1px #fff4!important;}
#fx-grid .qool-slot-open strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;width:100%!important;height:auto!important;min-height:2.4em;margin:8px 0 2px!important;font-size:12px!important;line-height:1.2!important;text-align:center!important;text-shadow:0 2px 5px #000;}
#fx-grid .qool-slot-open small{display:block!important;width:100%!important;padding:0!important;color:#e4c891!important;font-size:10px!important;text-align:center!important;text-shadow:0 2px 5px #000;}
#fx-grid .qool-slot-favorite{top:11px!important;right:16px!important;bottom:auto!important;z-index:2;}
@media(max-width:650px){#fx-grid .qool-slot-row{grid-auto-columns:164px!important;gap:10px!important;}#fx-grid .qool-slot-card{width:164px!important;height:164px!important;}#fx-grid .qool-slot-open{padding:9px 13px 13px!important;}#fx-grid .qool-slot-open img{height:80px!important;flex-basis:80px!important;}#fx-grid .qool-slot-open strong{font-size:10px!important;margin:5px 0 1px!important;}#fx-grid .qool-slot-open small{font-size:9px!important;}#fx-grid .qool-slot-favorite{top:7px!important;right:11px!important;}}

/* qool-game-card-restore-20261022: rectangular artwork cards on home and slots pages */
#fx-grid .qool-slot-row{grid-auto-columns:210px!important;gap:15px!important;padding:8px 4px 17px!important;}
#fx-grid .qool-slot-card{box-sizing:border-box;width:210px!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;border:1px solid rgba(221,178,66,.42)!important;border-radius:13px!important;background:linear-gradient(145deg,#29241b,#17140f)!important;box-shadow:0 6px 18px #0008!important;overflow:hidden!important;}
#fx-grid .qool-slot-open{box-sizing:border-box;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:0 0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;text-align:center!important;overflow:hidden!important;}
#fx-grid .qool-slot-open img,#fx-grid .qc-game-placeholder{display:block!important;width:100%!important;height:136px!important;min-height:136px!important;flex:0 0 136px!important;margin:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;background:#15130f!important;box-shadow:none!important;image-rendering:auto!important;}
#fx-grid .qool-slot-open img.qc-wide-art{height:136px!important;flex-basis:136px!important;object-fit:cover!important;}
#fx-grid .qool-slot-open strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;width:auto!important;height:auto!important;min-height:2.4em!important;margin:9px 10px 2px!important;padding:0!important;color:#fff8e9!important;font-size:12px!important;line-height:1.2!important;text-align:left!important;text-shadow:none!important;}
#fx-grid .qool-slot-open small{display:block!important;width:auto!important;padding:0 10px!important;color:#e4c891!important;font-size:10px!important;text-align:left!important;text-shadow:none!important;}
#fx-grid .qool-slot-favorite{top:9px!important;right:9px!important;bottom:auto!important;z-index:2;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(auto-fill,minmax(185px,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:14px!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;border:1px solid rgba(221,178,66,.42)!important;border-radius:13px!important;background:linear-gradient(145deg,#29241b,#17140f)!important;box-shadow:0 6px 18px #0008!important;overflow:hidden!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open{box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;padding:0 0 10px!important;border:0!important;border-radius:12px!important;background:transparent!important;box-shadow:none!important;text-align:center!important;overflow:hidden!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,body .qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder{display:block!important;width:100%!important;height:140px!important;min-height:140px!important;flex:0 0 140px!important;margin:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:0!important;background:#15130f!important;box-shadow:none!important;image-rendering:auto!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img.qc-wide-art{height:140px!important;flex-basis:140px!important;object-fit:cover!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>strong{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;width:auto!important;height:auto!important;min-height:2.4em!important;margin:9px 10px 2px!important;padding:0!important;color:#fff8e9!important;font-size:12px!important;line-height:1.2!important;text-align:left!important;text-shadow:none!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>small{display:block!important;width:auto!important;padding:0 10px!important;color:#e4c891!important;font-size:10px!important;text-align:left!important;text-shadow:none!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-favorite{top:9px!important;right:9px!important;bottom:auto!important;z-index:2;}
@media(max-width:650px){#fx-grid .qool-slot-row{grid-auto-columns:164px!important;gap:10px!important;}#fx-grid .qool-slot-card{width:164px!important;}#fx-grid .qool-slot-open img,#fx-grid .qc-game-placeholder{height:104px!important;min-height:104px!important;flex-basis:104px!important;}#fx-grid .qool-slot-open img.qc-wide-art{height:104px!important;flex-basis:104px!important;}#fx-grid .qool-slot-open{padding-bottom:9px!important;}#fx-grid .qool-slot-open strong{font-size:10px!important;margin:7px 8px 2px!important;}#fx-grid .qool-slot-open small{font-size:9px!important;padding:0 8px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,body .qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder{height:106px!important;min-height:106px!important;flex-basis:106px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img.qc-wide-art{height:106px!important;flex-basis:106px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open{padding-bottom:9px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>strong{font-size:10px!important;margin:7px 8px 2px!important;}body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>small{font-size:9px!important;padding:0 8px!important;}}

/* Reference game catalog: compact landscape art cards, title overlay, player row. */
:root{--qool-ref-card-gap:8px;--qool-ref-card-ratio:1.18/1;}
#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;gap:12px 8px!important;overflow:visible!important;overflow-x:visible!important;padding:4px 0 10px!important;scroll-snap-type:none!important;}
#fx-grid .qool-slot-card,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card{position:relative!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;height:auto!important;aspect-ratio:var(--qool-ref-card-ratio)!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;transition:transform .16s ease!important;}
#fx-grid .qool-slot-card:hover,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card:hover{transform:translateY(-2px)!important;box-shadow:none!important;}
#fx-grid .qool-slot-card::after,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card::after{content:none!important;display:none!important;}
#fx-grid .qool-slot-open,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open{position:absolute!important;inset:0 0 18px!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:#131b25!important;box-shadow:none!important;overflow:hidden!important;text-align:left!important;}
#fx-grid .qool-slot-open::after,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open::after{content:""!important;display:block!important;position:absolute!important;inset:35% 0 0!important;z-index:1!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.10) 18%,rgba(0,0,0,.84) 100%)!important;pointer-events:none!important;}
#fx-grid .qool-slot-open>img,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,#fx-grid .qc-game-placeholder,body .qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;flex:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:6px!important;background:#131b25!important;box-shadow:none!important;transform:none!important;mask-image:none!important;}
#fx-grid .qool-slot-open>strong,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>strong{position:absolute!important;left:5px!important;right:5px!important;bottom:5px!important;z-index:2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;color:#fff!important;font-size:clamp(10px,1vw,15px)!important;font-weight:900!important;line-height:1.04!important;text-align:center!important;text-transform:uppercase!important;text-shadow:0 1px 2px #000,0 2px 5px #000!important;}
#fx-grid .qool-slot-open>small,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>small{position:absolute!important;left:0!important;right:0!important;bottom:-18px!important;z-index:3!important;display:block!important;width:auto!important;height:15px!important;margin:0!important;padding:0 1px!important;overflow:hidden!important;color:#d5dde6!important;font-size:10px!important;font-weight:600!important;line-height:15px!important;text-align:left!important;text-shadow:none!important;white-space:nowrap!important;}
#fx-grid .qool-slot-open>small::before,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>small::before{content:""!important;display:inline-block!important;width:6px!important;height:6px!important;margin:0 4px 1px 0!important;border-radius:50%!important;background:#11e461!important;box-shadow:0 0 5px #11e461!important;}
#fx-grid .qool-slot-favorite,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-favorite{top:5px!important;right:5px!important;bottom:auto!important;z-index:4!important;color:#fff!important;filter:drop-shadow(0 1px 2px #000)!important;}
#fx-grid .qool-slot-section>header,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0 0 9px!important;padding:0 1px!important;}
#fx-grid .qool-slot-section>header h2,#fx-grid .qool-slot-section>header h3,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header h2,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header h3{margin:0!important;color:#f6f8fb!important;font-size:16px!important;font-weight:800!important;line-height:1.2!important;}
#fx-grid .qool-slot-section>header a,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header a{color:#f6f8fb!important;font-size:10px!important;font-weight:800!important;letter-spacing:.04em!important;text-transform:uppercase!important;}
@media(max-width:1250px){#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(7,minmax(0,1fr))!important;}}
@media(max-width:1050px){#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;}}
@media(max-width:850px){#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:11px 7px!important;}}
@media(max-width:650px){#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:11px 7px!important;}#fx-grid .qool-slot-card,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card{border-radius:5px!important;}#fx-grid .qool-slot-open,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open{inset:0 0 17px!important;border-radius:5px!important;}#fx-grid .qool-slot-open>img,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,#fx-grid .qc-game-placeholder,body .qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder{border-radius:5px!important;}#fx-grid .qool-slot-open>strong,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>strong{left:3px!important;right:3px!important;bottom:4px!important;font-size:clamp(9px,2.7vw,12px)!important;}#fx-grid .qool-slot-open>small,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>small{bottom:-17px!important;height:14px!important;font-size:9px!important;line-height:14px!important;}}
@media(max-width:370px){#fx-grid .qool-slot-row,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
#fx-grid .qool-slot-section>header h2::before,#fx-grid .qool-slot-section>header h3::before,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header h2::before,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-section>header h3::before{content:'★'!important;display:inline-block!important;margin-right:6px!important;color:#f4f6fa!important;font-size:19px!important;vertical-align:-1px!important;}


/* Remove legacy orb/aura pseudo layers that cover slot artwork. */
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card::before,body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card::after,#fx-grid .qool-slot-card::before,#fx-grid .qool-slot-card::after{content:none!important;display:none!important;inset:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;opacity:0!important;transform:none!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open::before,#fx-grid .qool-slot-open::before{content:none!important;display:none!important;inset:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:none!important;opacity:0!important;transform:none!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open::after,#fx-grid .qool-slot-open::after{border-radius:0!important;clip-path:none!important;-webkit-clip-path:none!important;}
body .qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,#fx-grid .qool-slot-open>img,body .qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder,#fx-grid .qc-game-placeholder{border-radius:6px!important;clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;transform:none!important;}

/* Slot page image fill: outrank the old inline rule reserving a large footer area. */
html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qool-slot-card{box-sizing:border-box!important;height:auto!important;min-height:0!important;aspect-ratio:1.18/1!important;padding:0!important;}
html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open{position:absolute!important;inset:0 0 18px!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:hidden!important;border-radius:6px!important;}
html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open>img,html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qc-game-placeholder{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;flex:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border-radius:6px!important;clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;transform:none!important;}
html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open::after{inset:35% 0 0!important;border-radius:0!important;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.12) 18%,rgba(0,0,0,.82) 100%)!important;}

/* Seam-free artwork fade: remove the hard start edge on the title contrast layer. */
html body .fx-lobby.qc-lobby.qc-slot-lobby #qc-grid .qool-slot-open::after,#fx-grid .qool-slot-open::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.86) 100%)!important;box-shadow:none!important;filter:none!important;opacity:1!important;transform:none!important;clip-path:none!important;-webkit-clip-path:none!important;pointer-events:none!important;}

/* Home game cards use the same full-art layout as the slot catalog. */
html body .fx-lobby #fx-grid .qool-slot-row{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:unset!important;gap:12px 8px!important;width:100%!important;overflow:visible!important;padding:4px 0 10px!important;scroll-snap-type:none!important;}
html body .fx-lobby #fx-grid .qool-slot-card{position:relative!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1.3/1!important;margin:0!important;padding:0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:6px!important;background:transparent!important;box-shadow:0 3px 9px rgba(0,0,0,.3)!important;overflow:hidden!important;}
html body .fx-lobby #fx-grid .qool-slot-card::before,html body .fx-lobby #fx-grid .qool-slot-card::after,html body .fx-lobby #fx-grid .qool-slot-open::before{content:none!important;display:none!important;background:none!important;box-shadow:none!important;filter:none!important;}
html body .fx-lobby #fx-grid .qool-slot-open{position:absolute!important;inset:0!important;display:block!important;box-sizing:border-box!important;width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:6px!important;background:#131b25!important;box-shadow:none!important;overflow:hidden!important;text-align:center!important;}
html body .fx-lobby #fx-grid .qool-slot-open>img,html body .fx-lobby #fx-grid .qool-slot-open .qc-game-placeholder{position:absolute!important;inset:0!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;flex:none!important;margin:0!important;object-fit:cover!important;object-position:center!important;border:0!important;border-radius:6px!important;background:#131b25!important;box-shadow:none!important;clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;filter:none!important;transform:none!important;}
html body .fx-lobby #fx-grid .qool-slot-open::after{content:""!important;display:block!important;position:absolute!important;inset:0!important;z-index:1!important;border-radius:0!important;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,.12) 66%,rgba(0,0,0,.86) 100%)!important;box-shadow:none!important;filter:none!important;pointer-events:none!important;}
html body .fx-lobby #fx-grid .qool-slot-open>strong{position:absolute!important;left:4px!important;right:4px!important;bottom:5px!important;z-index:2!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;color:#fff!important;font-size:clamp(10px,1vw,14px)!important;font-weight:900!important;line-height:1.05!important;text-align:center!important;text-transform:uppercase!important;text-shadow:0 1px 2px #000,0 2px 5px #000!important;}
html body .fx-lobby #fx-grid .qool-slot-open>small{display:none!important;}
html body .fx-lobby #fx-grid .qool-slot-favorite{top:5px!important;right:5px!important;bottom:auto!important;z-index:3!important;}
@media(max-width:1250px){html body .fx-lobby #fx-grid .qool-slot-row{grid-template-columns:repeat(7,minmax(0,1fr))!important;}}
@media(max-width:1050px){html body .fx-lobby #fx-grid .qool-slot-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;}}
@media(max-width:850px){html body .fx-lobby #fx-grid .qool-slot-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;}}
@media(max-width:650px){html body .fx-lobby #fx-grid .qool-slot-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px 6px!important;}html body .fx-lobby #fx-grid .qool-slot-open>strong{font-size:clamp(9px,2.7vw,12px)!important;}}
@media(max-width:370px){html body .fx-lobby #fx-grid .qool-slot-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* Keep low-resolution provider art close to its native 188:83 proportions. */
@media(min-width:851px){html body .fx-lobby #fx-grid .qool-slot-card{aspect-ratio:1.9/1!important;}}


/* 20261026 slot card right-rail clearance */
@media (min-width: 801px) {
  #fx-grid {
    width: calc(100% - 64px) !important;
    max-width: calc(100% - 64px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  #fx-grid .qool-slot-section,
  #fx-grid .qool-slot-row,
  #fx-grid .qool-slot-card {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  #fx-grid .qool-slot-row {
    grid-template-columns: repeat(auto-fill, minmax(min(165px, 100%), 1fr)) !important;
  }
  #fx-grid .qool-slot-card {
    width: 100% !important;
  }
}

/* Homepage game cards: larger, evenly spaced; live games stay on one row. */
@media (min-width: 801px) {
  #fx-grid { margin-inline: auto !important; }
  #fx-grid .qool-slot-row { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
}
@media (min-width: 801px) and (max-width: 1250px) {
  #fx-grid .qool-slot-row { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
}
#fx-grid .qool-slot-section:has(> header > h2:first-child) { min-width: 0; }

/* Taller and complete seven-column homepage rows. */
@media (min-width: 1251px) { html body .fx-lobby #fx-grid .qool-slot-row { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; } }
@media (min-width: 851px) and (max-width: 1250px) { html body .fx-lobby #fx-grid .qool-slot-row { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; } }
@media (min-width: 851px) { html body .fx-lobby #fx-grid .qool-slot-card { aspect-ratio: 1.45 / 1 !important; } }

/* Keep the complete provider artwork visible, including text printed in the image. */
html body .fx-lobby #fx-grid .qool-slot-open { background:#121a25 !important; }
html body .fx-lobby #fx-grid .qool-slot-open>img {
  inset:0 0 25px 0 !important;
  width:100% !important;
  height:calc(100% - 25px) !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#121a25 !important;
  image-rendering:auto !important;
}
html body .fx-lobby #fx-grid .qool-slot-open::after { content:none !important; display:none !important; }
html body .fx-lobby #fx-grid .qool-slot-open>strong {
  left:0 !important; right:0 !important; bottom:0 !important;
  min-height:25px !important;
  padding:3px 5px !important;
  box-sizing:border-box !important;
  background:#17212d !important;
  font-size:clamp(9px,.8vw,12px) !important;
  line-height:1.05 !important;
  text-shadow:none !important;
}

/* Fill remaining image gutters without cropping the readable cover artwork. */
html body .fx-lobby #fx-grid .qool-slot-open::before {
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 0 25px 0 !important;
  z-index:0 !important;
  background:#121a25 var(--qool-card-art) center / cover no-repeat !important;
  filter:blur(12px) brightness(.58) saturate(1.2) !important;
  transform:scale(1.14) !important;
  pointer-events:none !important;
}
html body .fx-lobby #fx-grid .qool-slot-open>img { z-index:1 !important; background:transparent !important; }

/* Full-bleed artwork in every homepage game card. */
html body .fx-lobby #fx-grid .qool-slot-open::before {
  content:none !important;
  display:none !important;
}
html body .fx-lobby #fx-grid .qool-slot-open>img {
  object-fit:cover !important;
  object-position:center !important;
  background:#121a25 !important;
}

/* Sixteen live games form two complete desktop rows. */
@media (min-width: 1251px) {
  html body .fx-lobby #fx-grid .qool-slot-section--live .qool-slot-row {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
}


/* Qool home game cards: add 5px to card and artwork height. */
html body .fx-lobby #fx-grid .qool-slot-card{box-sizing:content-box!important;padding-bottom:5px!important;}
html body .fx-lobby #fx-grid .qool-slot-open img,
html body .fx-lobby #fx-grid .qc-game-placeholder{height:141px!important;min-height:141px!important;}
@media(max-width:650px){
  html body .fx-lobby #fx-grid .qool-slot-open img,
  html body .fx-lobby #fx-grid .qc-game-placeholder{height:109px!important;min-height:109px!important;}
}

/* Qool homepage artwork: preserve the full source image without forced upscaling. */
html body .fx-lobby #fx-grid .qool-slot-card { box-sizing:border-box!important; padding-bottom:0!important; }
html body .fx-lobby #fx-grid .qool-slot-open>img { position:absolute!important; inset:auto!important; left:50%!important; top:calc(50% - 12.5px)!important; display:block!important; width:auto!important; max-width:100%!important; height:auto!important; min-height:0!important; max-height:calc(100% - 25px)!important; flex:none!important; margin:0!important; object-fit:contain!important; object-position:center!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transform:translate(-50%,-50%)!important; image-rendering:auto!important; }
html body .fx-lobby #fx-grid .qc-game-placeholder { background-size:contain!important; background-position:center top!important; background-repeat:no-repeat!important; }

/* Qool homepage artwork: fill the fixed media area consistently on every card. */
html body .fx-lobby #fx-grid .qool-slot-open>img { position:absolute!important; inset:0 0 25px 0!important; display:block!important; width:100%!important; max-width:none!important; height:calc(100% - 25px)!important; min-height:0!important; max-height:none!important; flex:none!important; margin:0!important; object-fit:cover!important; object-position:center center!important; border:0!important; border-radius:0!important; background:#121a25!important; box-shadow:none!important; transform:none!important; image-rendering:auto!important; }
html body .fx-lobby #fx-grid .qc-game-placeholder { background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; }

/* Qool homepage cards: add 5px of height and keep artwork centered, sharp, and edge-to-edge. */
html body .fx-lobby #fx-grid .qool-slot-card { box-sizing:content-box!important; padding-bottom:5px!important; }
html body .fx-lobby #fx-grid .qool-slot-open>img { position:absolute!important; inset:0 0 25px 0!important; display:block!important; width:100%!important; max-width:none!important; height:calc(100% - 25px)!important; min-height:0!important; max-height:none!important; flex:none!important; margin:0!important; object-fit:cover!important; object-position:center center!important; border:0!important; border-radius:0!important; background:#121a25!important; box-shadow:none!important; transform:none!important; image-rendering:auto!important; }
html body .fx-lobby #fx-grid .qc-game-placeholder { background-size:cover!important; background-position:center center!important; background-repeat:no-repeat!important; }
