/* Shared top navigation from the Qoolbet homepage. */
.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}
@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}
}
@media(prefers-reduced-motion:reduce){
.qool-next-logo:after,.qool-experience-featured-game{animation:none!important}
}
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)}
@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}
}
@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}
}
@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}
}
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}
@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}
}
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}
@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-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}

/* Keep the full horizontal brand mark visible in the top bar. */
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: visible !important;
  position: relative !important;
}
html body .qool-next-shell .qool-next-topbar>.qool-next-logo>img {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 48px !important;
  max-height: 48px !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: none !important;
}
@media (max-width: 720px) {
  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 {
    height: 44px !important;
    max-height: 44px !important;
  }
}