.qool-experience{--qe-bg:#090d17;--qe-panel:#101724;--qe-line:rgba(160,185,210,.16);--qe-text:#f6f8fb;--qe-mint:#30e0ae;--qe-coral:#ff7973;box-sizing:border-box!important;width:100%!important;max-width:1920px!important;margin:0 auto!important;padding:20px clamp(14px,2vw,32px) 72px!important;color:var(--qe-text)!important;background:linear-gradient(130deg,#090e17 0%,#0c1020 55%,#0b0e16 100%)!important}
.qool-experience *{box-sizing:border-box}
.qool-experience-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:18px;align-items:start}
.qool-experience-primary{min-width:0}
.qool-experience a{text-decoration:none}
.qool-experience-hero{position:relative;min-height:360px;border:1px solid var(--qe-line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,3vw,48px);isolation:isolate;background:#0a0e17 url('/assets/theme15/qool-experience-hero-20261028.png') 62% center/cover no-repeat;box-shadow:0 22px 55px rgba(0,0,0,.25)}
.qool-experience-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,17,.88) 0%,rgba(5,9,17,.45) 43%,transparent 78%)}
.qool-experience-hero-copy{max-width:580px;position:relative;z-index:1}
.qool-experience-eyebrow{margin:0 0 22px!important;color:#d4dde6!important;font-size:11px!important;letter-spacing:.19em!important;font-weight:700}
.qool-experience-eyebrow span{color:var(--qe-coral);padding:0 5px}
.qool-experience-hero h1{margin:0!important;color:#fff!important;font-size:clamp(42px,5.6vw,88px)!important;line-height:.95!important;letter-spacing:-.065em!important;font-weight:900!important;text-shadow:0 3px 22px rgba(0,0,0,.3)}
.qool-experience-hero h1 em{display:block;font-style:normal;color:var(--qe-mint)}
.qool-experience-hero-copy>p:not(.qool-experience-eyebrow){margin:20px 0 24px!important;max-width:410px;color:#e0e5ea!important;font-size:clamp(14px,1.2vw,17px)!important;line-height:1.55}
.qool-experience-button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-width:205px;padding:13px 20px;border-radius:999px;background:linear-gradient(105deg,#ff6d70,#ffa177);color:#11131b!important;font-weight:800;box-shadow:0 10px 28px rgba(255,100,110,.28);transition:transform .2s,box-shadow .2s}
.qool-experience-button:hover{transform:translateY(-3px);box-shadow:0 13px 32px rgba(255,100,110,.42)}
.qool-experience-hero-links{position:absolute;left:clamp(24px,3vw,48px);right:24px;bottom:15px;display:flex;gap:10px;flex-wrap:wrap;z-index:1}
.qool-experience-hero-links a{padding:5px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,15,24,.64);backdrop-filter:blur(8px);color:#eaf5f4!important;font-size:11px;font-weight:700}
.qool-experience-quick{display:flex;gap:9px;overflow-x:auto;padding:17px 0 16px;scrollbar-width:thin}
.qool-experience-quick a{flex:none;display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid var(--qe-line);border-radius:999px;background:#111724;color:#e6eef4!important;font-size:13px;font-weight:700;white-space:nowrap;transition:border-color .2s,background .2s}
.qool-experience-quick a:hover{border-color:var(--qe-mint);background:#17302d}.qool-experience-quick a span{color:var(--qe-mint)}
.qool-experience-featured{margin:0 0 18px}.qool-experience-featured-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.qool-experience-featured-head h2{margin:0!important;color:#f7f9fa!important;font-size:21px!important;font-weight:850!important}.qool-experience-featured-head a{color:#cbd9e1!important;font-size:12px;font-weight:700;white-space:nowrap}
.qool-experience-featured-track{display:grid;grid-auto-columns:minmax(124px,1fr);grid-auto-flow:column;gap:10px;overflow-x:auto;scrollbar-width:none}.qool-experience-featured-track::-webkit-scrollbar{display:none}
.qool-experience-featured-game{position:relative;min-width:0;aspect-ratio:3/3.45;padding:0;border:1px solid var(--qe-line);border-radius:12px;overflow:hidden;background:#141b27;color:#fff;cursor:pointer;transition:transform .2s,border-color .2s}
.qool-experience-featured-game:hover{transform:translateY(-3px);border-color:var(--qe-mint)}.qool-experience-featured-game img{display:block;width:100%;height:100%;object-fit:cover}.qool-experience-featured-game span{position:absolute;left:0;right:0;bottom:0;padding:25px 7px 8px;background:linear-gradient(transparent,rgba(0,0,0,.86));font-size:12px;font-weight:800;text-align:center;line-height:1.15;text-shadow:0 1px 4px #000}
.qool-experience-worlds{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-bottom:20px}
.qool-experience-world{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:210px;overflow:hidden;border:1px solid var(--qe-line);border-radius:16px;padding:20px;background-color:#101622;background-position:center;background-size:cover;color:#fff!important;isolation:isolate;transition:transform .2s,border-color .2s}
.qool-experience-world:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,18,.88),rgba(6,10,18,.18));z-index:-1}
.qool-experience-world:hover{transform:translateY(-3px);border-color:rgba(48,224,174,.55)}
.qool-experience-world--casino{background-image:url('/assets/theme15/images/qoolbet-wall-roulette-bg.png')}
.qool-experience-world--plinko{background-image:url('/assets/theme15/images/qpro-slider-plinko-daily-20261020.png')}
.qool-experience-world--sports{background-image:radial-gradient(circle at 90% 70%,#164f3c,#102538 45%,#0d1424 80%)}
.qool-experience-world-label{font-size:11px;letter-spacing:.13em;font-weight:800;color:var(--qe-mint)}
.qool-experience-world--plinko .qool-experience-world-label{color:#d39aff}
.qool-experience-world strong{display:block;font-size:clamp(20px,2.3vw,31px);line-height:1.08;letter-spacing:-.035em;text-shadow:0 2px 12px #000}
.qool-experience-world-action{font-size:13px;font-weight:800}.qool-experience-world-action span{padding-left:8px;color:var(--qe-mint)}
.qool-experience-rail{display:grid;gap:12px;position:sticky;top:90px}
.qool-experience-rail-card{display:flex;flex-direction:column;gap:13px;min-height:170px;padding:21px;border:1px solid var(--qe-line);border-radius:16px;background:linear-gradient(145deg,#131d29,#0d1420);color:#f5f8fa!important;overflow:hidden}
.qool-experience-rail-kicker{color:var(--qe-mint);font-size:11px;letter-spacing:.13em;font-weight:800}
.qool-experience-rail-card strong{font-size:clamp(19px,1.65vw,26px);line-height:1.1;letter-spacing:-.03em}
.qool-experience-rail-card p{font-size:12px;line-height:1.5;color:#b8c4cf;margin:0}
.qool-experience-rail-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}
.qool-experience-rail-actions a{padding:10px 6px;border-radius:9px;text-align:center;background:#28d9a5;color:#07131a!important;font-size:12px;font-weight:800}
.qool-experience-rail-actions a+a{background:#1b2735;color:#eaf3f5!important;border:1px solid var(--qe-line)}
.qool-experience-rail-card--bonus{background:radial-gradient(circle at 110% 40%,rgba(232,99,121,.37),transparent 55%),linear-gradient(145deg,#1a1726,#101722)}
.qool-experience-rail-card--bonus .qool-experience-rail-kicker{color:#ff9b9c}
.qool-experience-rail-card--coupon{background:radial-gradient(circle at 100% 70%,rgba(45,224,164,.27),transparent 60%),#101824}
.qool-experience-rail-card>a,.qool-experience-rail-card>span:last-child{margin-top:auto;font-size:13px;font-weight:800;color:#f6f8fb}
.qool-experience-catalog{border:1px solid var(--qe-line);border-radius:16px;padding:16px;background:#0d1420}
.qool-experience-catalog .fx-lobby{margin:0!important;max-width:none!important}
.qool-experience-catalog .fx-heading h1{font-size:clamp(23px,2.2vw,34px)!important;color:#f9fbfc!important}
.qool-experience .qool-home-providers,.qool-experience .qool-jackpot-strip{margin-top:24px}
@media(max-width:1180px){.qool-experience-shell{grid-template-columns:minmax(0,1fr) 240px}.qool-experience-worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.qool-experience-world--sports{grid-column:1/-1;min-height:145px}.qool-experience-hero{min-height:330px}}
@media(max-width:850px){.qool-experience{padding:12px 12px 56px!important}.qool-experience-shell{display:flex;flex-direction:column}.qool-experience-primary,.qool-experience-rail{width:100%}.qool-experience-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.qool-experience-rail-card--wallet{grid-column:1/-1;min-height:auto}.qool-experience-hero{min-height:330px;background-position:58% center}.qool-experience-hero:before{background:linear-gradient(90deg,rgba(5,9,17,.91),rgba(5,9,17,.4) 72%)}}
@media(max-width:600px){.qool-experience-hero{min-height:390px;padding:22px 18px 60px;border-radius:13px;background-position:61% center}.qool-experience-hero:before{background:linear-gradient(90deg,rgba(5,9,17,.94),rgba(5,9,17,.62) 70%,rgba(5,9,17,.22))}.qool-experience-hero h1{font-size:clamp(43px,13vw,66px)!important}.qool-experience-eyebrow{font-size:8px!important;letter-spacing:.1em!important;line-height:1.5}.qool-experience-hero-links{left:16px;right:16px;bottom:12px;gap:5px}.qool-experience-hero-links a{font-size:10px}.qool-experience-featured-track{grid-auto-columns:132px}.qool-experience-worlds{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-12px;padding-right:12px}.qool-experience-worlds::-webkit-scrollbar{display:none}.qool-experience-world,.qool-experience-world--sports{flex:0 0 78vw;min-height:215px;scroll-snap-align:start}.qool-experience-rail{grid-template-columns:1fr}.qool-experience-rail-card--wallet{grid-column:auto}.qool-experience-rail-card{min-height:145px}.qool-experience-catalog{padding:10px}.qool-experience-quick{margin-right:-12px;padding-right:12px;scrollbar-width:none}.qool-experience-quick::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){.qool-experience a{transition:none!important}}

/* Independent home shell: legacy navigation stays in the DOM for its existing flows. */
html:has(.qool-next-shell),body:has(.qool-next-shell){background:#080d17!important;background-image:none!important}
body:has(.qool-next-shell) #navbar,body:has(.qool-next-shell) #menu-panel-left,body:has(.qool-next-shell)>.overlay{display:none!important}
body:has(.qool-experience) #qool-social-bonus-button,body:has(.qool-experience) #qool-referral-bonus-button{display:none!important}
body:has(.qool-next-shell){margin:0!important;padding:0!important;color:#f5f8fb!important}
.qool-next-shell{min-height:100vh;background:radial-gradient(circle at 60% -20%,#17223a 0%,transparent 38%),#080d17;color:#f5f8fb;font-family:Inter,Arial,sans-serif}
.qool-next-topbar{position:sticky;top:0;z-index:900;min-height:68px;display:flex;align-items:center;gap:clamp(18px,3vw,48px);padding:10px clamp(18px,2.2vw,36px);border-bottom:1px solid rgba(162,184,208,.14);background:rgba(8,13,23,.94);backdrop-filter:blur(18px)}
.qool-next-logo{flex:none;color:#f7f9fa!important;text-decoration:none!important;font-size:clamp(22px,2.2vw,32px);font-weight:950;letter-spacing:-.07em;white-space:nowrap}
.qool-next-logo>span:first-child{font-size:.9em;color:#f6be6c;letter-spacing:0;margin-right:8px}.qool-next-logo>span:last-child{color:#2bddaa}
.qool-next-topnav{display:flex;align-items:center;gap:clamp(16px,2vw,32px);margin:auto;min-width:0}
.qool-next-topnav a{position:relative;flex:none;padding:13px 0;color:#d8e0e8!important;text-decoration:none!important;font-size:14px;font-weight:700;white-space:nowrap}
.qool-next-topnav a.is-active,.qool-next-topnav a:hover{color:#fff!important}
.qool-next-topnav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:2px;background:#ff8980;box-shadow:0 0 12px #ff8980}
.qool-next-topactions{display:flex;gap:8px;align-items:center;white-space:nowrap}
.qool-next-topactions a{padding:9px 13px;border:1px solid rgba(170,193,212,.21);border-radius:10px;color:#f1f7fa!important;text-decoration:none!important;font-size:12px;font-weight:800}
.qool-next-topactions .qool-next-deposit{border-color:#35dbaa;background:#32dcaa;color:#07151b!important}
.qool-next-content{display:grid;grid-template-columns:215px minmax(0,1fr);align-items:start;min-width:0}
.qool-next-sidebar{position:sticky;top:68px;height:calc(100vh - 68px);overflow-y:auto;padding:20px 12px 16px;border-right:1px solid rgba(162,184,208,.14);background:#0a111d;scrollbar-width:thin}
.qool-next-sidebar nav{display:flex;flex-direction:column;gap:5px}
.qool-next-sidebar nav a{display:flex;gap:12px;align-items:center;min-height:42px;padding:9px 13px;border:1px solid transparent;border-radius:10px;color:#c8d5e0!important;text-decoration:none!important;font-size:18px;line-height:1}
.qool-next-sidebar nav a span{font-size:13px;font-weight:700}
.qool-next-sidebar nav a.is-active,.qool-next-sidebar nav a:hover{border-color:rgba(45,221,171,.2);background:linear-gradient(90deg,#174236,#112831);color:#2de0ae!important}
.qool-next-sidebar-divider{height:1px;margin:11px 5px;background:rgba(162,184,208,.15)}
.qool-next-sidebar-promo{display:flex;flex-direction:column;justify-content:end;gap:8px;min-height:180px;margin-top:22px;padding:17px;border:1px solid rgba(45,221,171,.24);border-radius:13px;background:radial-gradient(circle at 80% 20%,rgba(52,213,169,.42),transparent 48%),linear-gradient(140deg,#0d2631,#0b1622);color:#f7fafa!important;text-decoration:none!important}
.qool-next-sidebar-promo span{color:#2de0ae;font-size:10px;font-weight:900;letter-spacing:.17em}.qool-next-sidebar-promo strong{font-size:20px;line-height:1.05}.qool-next-sidebar-promo small{font-size:11px;color:#d9f2e9}
.qool-next-content>.qool-experience{grid-column:2;min-width:0;width:100%!important;max-width:none!important;margin:0!important;padding-top:18px!important;background:transparent!important}
body:has(.qool-next-shell) #qool-live-support{z-index:950}
@media(max-width:1000px){.qool-next-content{grid-template-columns:70px minmax(0,1fr)}.qool-next-sidebar{padding:12px 7px}.qool-next-sidebar nav a{justify-content:center;padding:10px 5px}.qool-next-sidebar nav a span,.qool-next-sidebar-promo,.qool-next-sidebar-divider{display:none}.qool-next-topnav{gap:13px}}
@media(max-width:720px){.qool-next-topbar{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px}.qool-next-logo{font-size:24px}.qool-next-topactions a{padding:7px 9px;font-size:11px}.qool-next-topnav{grid-column:1/-1;grid-row:2;order:3;width:100%;overflow-x:auto;margin:0;gap:18px;scrollbar-width:none}.qool-next-topnav a{padding:8px 0 11px;font-size:12px}.qool-next-content{display:block}.qool-next-sidebar{display:none}.qool-next-content>.qool-experience{width:100%!important;padding-top:10px!important}.qool-experience-rail{display:grid}}

/* Match the reference composition at each viewport. */
.qool-next-topbar{gap:clamp(12px,1.8vw,30px)}
.qool-next-topnav{margin:0 auto;gap:clamp(15px,2vw,32px)}
.qool-next-search{flex:0 1 290px;min-width:195px;height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid rgba(166,190,215,.23);border-radius:12px;background:#101725;color:#bac9d4}
.qool-next-search>span{font-size:23px;line-height:1;color:#d8e2e9}.qool-next-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4f8fa;font:inherit;font-size:12px}.qool-next-search input::placeholder{color:#9ba9b4}
.qool-next-wallet{display:flex;flex-direction:column;gap:2px;padding:5px 10px;border:1px solid rgba(166,190,215,.18);border-radius:10px;color:#f6fafb!important;text-decoration:none!important;line-height:1.1}.qool-next-wallet small{font-size:9px;color:#b6c4cf}.qool-next-wallet strong{font-size:14px}
.qool-next-topactions .qool-next-bell,.qool-next-topactions .qool-next-profile{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:18px}
.qool-next-content{grid-template-columns:190px minmax(0,1fr)}
.qool-next-sidebar{padding:17px 10px}.qool-next-sidebar nav a{min-height:39px;padding:8px 11px}
.qool-experience-shell{grid-template-columns:minmax(0,1fr) minmax(250px,280px);gap:14px}
.qool-experience{padding:14px clamp(12px,1.3vw,24px) 60px!important}
.qool-experience-hero{min-height:clamp(285px,18vw,340px);border-radius:13px;background-position:64% center}
.qool-experience-hero:before{background:linear-gradient(90deg,rgba(5,9,17,.88) 0%,rgba(5,9,17,.52) 42%,rgba(5,9,17,.04) 76%)}
.qool-experience-hero-links{left:clamp(24px,3vw,48px);right:20px;bottom:13px;gap:clamp(18px,3vw,42px);border-top:1px solid rgba(255,255,255,.12);padding-top:10px}
.qool-experience-hero-links a{border:0;background:transparent;padding:2px 0;font-size:11px}
.qool-experience-featured{margin:0 0 17px}.qool-experience-featured-head{align-items:end}.qool-experience-featured-head>div{display:flex;align-items:center;gap:20px}.qool-experience-featured-head h2{font-size:20px!important}
.qool-experience-featured-tabs{display:flex;gap:5px}.qool-experience-featured-tabs button{min-width:76px;padding:7px 13px;border:1px solid rgba(164,185,208,.15);border-radius:999px;background:#111824;color:#cbd4dc;font-size:11px;font-weight:700;cursor:pointer}.qool-experience-featured-tabs button.is-active{border-color:#f3c45d;background:rgba(243,196,93,.11);color:#ffe49e}
.qool-experience-featured-track{grid-auto-columns:minmax(122px,1fr);gap:10px}.qool-experience-featured-game{aspect-ratio:1/1.03;border-radius:9px}
.qool-experience-worlds{gap:12px;margin:14px 0 18px;grid-template-columns:1.2fr 1fr 1fr}
.qool-experience-world{min-height:220px;border-radius:13px;padding:16px}
.qool-experience-world--casino:before{background:linear-gradient(90deg,rgba(6,10,18,.83),rgba(6,10,18,.12) 95%)}
.qool-experience-world--plinko{background-position:center;background-size:cover}
.qool-experience-world--sports{background-image:radial-gradient(ellipse at 75% 50%,rgba(35,205,143,.42),transparent 47%),linear-gradient(140deg,#0a1a24,#102b2c 55%,#102034)}
.qool-experience-world--sports:after{content:'◉';position:absolute;right:22px;top:40px;font-size:90px;line-height:1;color:rgba(47,224,174,.22);z-index:-1}
.qool-experience-rail{top:82px;gap:10px}
.qool-experience-rail-card{padding:16px;gap:10px;border-radius:13px}
.qool-experience-rail-card--wallet{min-height:150px;background:linear-gradient(145deg,#131d29,#0c131e)}
.qool-experience-wallet-head,.qool-experience-coupon-head{display:flex;align-items:center;gap:9px;font-size:14px}.qool-experience-wallet-head>span,.qool-experience-coupon-head>span:first-child{color:var(--qe-mint);font-size:18px}.qool-experience-wallet-head>b,.qool-experience-coupon-head>b{font-size:14px}.qool-experience-wallet-head>a{margin-left:auto;color:#cad7e0;font-size:18px}.qool-experience-wallet-balance{font-size:25px!important;letter-spacing:-.03em}.qool-experience-rail-actions{margin-top:3px}.qool-experience-account-shortcuts{display:flex;gap:8px}.qool-experience-account-shortcuts a{flex:1;padding:8px 5px;border:1px solid var(--qe-line);border-radius:8px;text-align:center;color:#dbe5eb;font-size:11px;font-weight:700}
.qool-experience-rail-card--bonus{position:relative;min-height:195px;justify-content:flex-start;background:radial-gradient(circle at 86% 42%,rgba(244,103,122,.35),transparent 42%),linear-gradient(140deg,#171726,#101522)}.qool-experience-rail-card--bonus:after{content:'✦';position:absolute;right:19px;top:32px;color:#f4c766;font-size:65px;filter:drop-shadow(0 0 12px rgba(255,190,88,.4))}.qool-experience-rail-card--bonus strong{max-width:150px}.qool-experience-bonus-amount{font-size:22px;font-weight:950;color:#ff9085}.qool-experience-rail-card--bonus>span:last-child{margin-top:auto}
.qool-experience-rail-card--coupon{min-height:150px;gap:14px;background:linear-gradient(145deg,#121c29,#0c131f)}.qool-experience-coupon-count{margin-left:auto;min-width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#243142;color:#e7eef3;font-size:11px;font-weight:800}.qool-experience-coupon-empty{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.035)}.qool-experience-coupon-empty>span{font-size:28px;color:#9fadc0}.qool-experience-coupon-empty p{margin:0;color:#bdc8d2;font-size:11px;line-height:1.45}
body:has(.qool-experience)>#qool-social-bonus-button,body:has(.qool-experience)>#qool-referral-bonus-button,body:has(.qool-experience)>#qool-live-support{display:none!important}
@media(max-width:1180px){.qool-next-topbar{gap:12px}.qool-next-search{flex-basis:210px;min-width:140px}.qool-experience-shell{grid-template-columns:minmax(0,1fr) 245px}.qool-experience-world{min-height:195px}}
@media(max-width:850px){.qool-experience-shell{display:block}.qool-experience-rail{position:static;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.qool-experience-rail-card--wallet{grid-column:1/-1}.qool-next-search{display:none}}
@media(max-width:600px){.qool-next-topbar{grid-template-columns:minmax(0,1fr) auto}.qool-next-topnav{grid-column:1/-1}.qool-next-content>.qool-experience{padding-top:10px!important}.qool-experience-hero{min-height:320px}.qool-experience-hero-links{justify-content:space-between;gap:6px}.qool-experience-featured-head>div{display:block}.qool-experience-featured-tabs{margin-top:9px}.qool-experience-featured-tabs button{min-width:65px;padding:6px 10px}.qool-experience-worlds{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin-right:0;padding:0}.qool-experience-world,.qool-experience-world--sports{min-width:0;min-height:168px;flex:auto;padding:13px}.qool-experience-world--sports{grid-column:1/-1;min-height:140px}.qool-experience-rail{grid-template-columns:1fr}.qool-experience-rail-card--wallet{grid-column:auto}}
.qool-experience-quick{display:none!important}
.qool-experience-hero-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:8px 12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.12)}
.qool-experience-hero-links span{display:flex;align-items:center;justify-content:center;gap:8px;color:#e9edf1;font-size:clamp(9px,.8vw,12px);font-weight:700;white-space:nowrap}
.qool-experience-hero-links b{color:#f4c35e;font-size:17px}
.qool-next-logo img{display:block;width:min(180px,14vw);height:auto;max-height:40px;object-fit:contain;object-position:left center}
@media(max-width:720px){.qool-next-logo img{width:145px;max-height:33px}}
.qool-experience-featured-empty{grid-column:1/-1;padding:18px;color:#cbd5df;font-size:13px}
.qool-next-logo>span:first-child{font-size:.8em;color:#f3c15c;text-shadow:0 0 15px rgba(243,193,92,.5)}
@media(max-width:600px){.qool-experience-hero-links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:7px;left:12px;right:12px}.qool-experience-hero-links span{justify-content:flex-start;font-size:9px}.qool-experience-hero-links b{font-size:14px}}

/* Close mobile gap between top menu and wallet card. */
@media(max-width:720px){.qool-experience{padding-top:0!important}.qool-next-content>.qool-experience{padding-top:0!important}}

/* Pull the mobile wallet card up to the topbar. */
@media(max-width:720px){.qool-next-content>.qool-experience{margin-top:-22px!important}}

/* Keep the wallet rail directly under the top navigation on narrow layouts. */
@media(max-width:1000px){.qool-experience-rail{position:static!important;top:auto!important;margin-top:0!important}}

/* Mobile wallet placement and bonus card visibility. */
@media(max-width:1000px){.qool-experience-rail{margin-top:-22px!important}.qool-experience-rail-card--wallet{width:100%!important;min-height:200px!important;padding:20px!important}.qool-experience-rail-card--bonus{display:flex!important;visibility:visible!important;width:100%!important}}

/* Do not show account actions in the wallet card to guests. */
.qool-next-shell[data-qool-auth-state="guest"] .qool-experience-rail-actions,
.qool-next-shell[data-qool-auth-state="guest"] .qool-experience-account-shortcuts,
.qool-next-shell[data-qool-auth-state="guest"] .qool-experience-wallet-head > a[href="/myaccount/transactions"] {
  display: none !important;
}

.qool-experience-wallet-head>[data-qool-message-trigger]{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;padding:4px;border:1px solid transparent;border-radius:7px;background:transparent;color:#cad7e0;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease}
.qool-experience-wallet-head>[data-qool-message-trigger] svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.qool-experience-wallet-head>[data-qool-message-trigger]:hover,.qool-experience-wallet-head>[data-qool-message-trigger]:focus-visible{color:var(--qe-mint);background:rgba(40,211,169,.09);border-color:rgba(40,211,169,.28);outline:none}
.qool-next-shell[data-qool-auth-state="guest"] .qool-experience-wallet-head>[data-qool-message-trigger]{display:none!important}

/* Shared-shell pages use the left navigation for bonus and support entry points. */
body:has(.qool-next-shell):not(:has(.qool-experience)) #qool-social-bonus-button,
body:has(.qool-next-shell):not(:has(.qool-experience)) #qool-referral-bonus-button{display:none!important}
body:has(.qool-next-shell):not(:has(.qool-experience)) #qool-live-support .qool-support-toggle{display:none!important}

/* Override the bonus script's mobile navbar placement on shared-shell pages. */
body:has(.qool-next-shell):not(:has(.qool-experience)) #navbar .rocks-toggle>#qool-social-bonus-button,
body:has(.qool-next-shell):not(:has(.qool-experience)) #navbar .rocks-toggle>#qool-referral-bonus-button{display:none!important}
