:root{--bg:#09111f;--surface:#132036;--text:#f7fafc;--muted:#b7c4d8;--accent:#609334;--accent2:#609334;--radius:18px;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 system-ui,sans-serif}a{color:inherit}img{max-width:100%}.container{width:min(var(--max),calc(100% - 30px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:20}.header{position:sticky;top:0;z-index:9;background:#09111ff5;border-bottom:1px solid #2b3c59}.row{min-height:72px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;text-decoration:none}.brand img{width:42px}.nav{display:flex;gap:16px;margin-left:auto}.nav a{text-decoration:none;color:var(--muted)}.actions{display:flex;gap:9px}.btn{display:inline-flex;justify-content:center;padding:11px 18px;border:0;border-radius:999px;background:var(--accent);color:#06120c;font-weight:900;text-decoration:none}.btn.alt{background:transparent;color:#fff;border:1px solid #526784}.lang{background:var(--surface);color:#fff;border:1px solid #526784;border-radius:9px;padding:8px}.qtr-hero,.section{padding:64px 0}.qtr-hero{background:radial-gradient(circle at 85% 25%,#294568,transparent 38%)}.qtr-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center}h1{font-size:clamp(2.3rem,6vw,5rem);line-height:1.03;margin:.2em 0}.qtr-lead,.qtr-intro{color:var(--muted);max-width:780px}.qtr-offer,.card{background:var(--surface);border:1px solid #2b3c59;border-radius:var(--radius);padding:23px}.count{font-size:1.4rem;color:var(--accent2);font-weight:900}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.grid.three{grid-template-columns:repeat(3,1fr)}.qtr-state{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.qtr-payments{display:flex;flex-wrap:wrap;gap:10px}.qtr-payment{background:#fff;color:#111;padding:11px 18px;border-radius:9px;font-weight:800}.qtr-post{max-width:880px;padding:45px 0}.qtr-post h1{font-size:clamp(2rem,5vw,3.7rem)}.qtr-post h2{margin-top:32px}.form{display:grid;gap:14px}.form input,.form textarea{width:100%;padding:12px;border-radius:8px;border:1px solid #526784;background:#0d1728;color:#fff}.qtr-notice{border-left:4px solid var(--accent2);background:var(--surface);padding:13px}.footer{padding:40px 0;border-top:1px solid #2b3c59;color:var(--muted)}.qtr-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer a{display:block;margin:6px 0}.qtr-social{display:flex;gap:12px}.qtr-social a{display:inline}.menu{display:none}@media(max-width:850px){.nav{display:none}.nav.open{display:flex;position:absolute;top:72px;left:0;right:0;padding:20px;background:var(--bg);flex-direction:column}.menu{display:block;margin-left:auto}.actions .alt{display:none}.qtr-hero-grid,.qtr-state,.qtr-foot-grid{grid-template-columns:1fr}.grid,.grid.three{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.grid,.grid.three{grid-template-columns:1fr}.qtr-hero,.section{padding:45px 0}}.qtr-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.qtr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.qtr-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #2b3c59}.qtr-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.qtr-gcard:hover img{transform:scale(1.035)}.qtr-ginfo{padding:15px}.qtr-ginfo h3{margin:0 0 3px}.qtr-ginfo span{color:var(--muted);font-size:.9rem}.qtr-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#0b1320;padding:10px 16px;border-radius:12px;font-weight:800}.qtr-pay-card img{width:34px;height:34px}.qtr-hero-art{border-radius:24px;border:1px solid #324c70;background:#101b2e;padding:12px;box-shadow:0 24px 80px #0008}.qtr-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .qtr-signin-btn{background:#17263d;color:#fff;border:1px solid #536b8e}.header .actions .play-btn{background:linear-gradient(135deg,#609334,#609334);color:#07140d;border:1px solid #609334;box-shadow:0 8px 28px #60933435}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.qtr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.qtr-grid{grid-template-columns:1fr 1fr}.qtr-ginfo{padding:11px}.qtr-ginfo h3{font-size:.95rem}}.qtr-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.qtr-bcard{overflow:hidden;background:var(--surface);border:1px solid #2b3c59;border-radius:22px;box-shadow:0 20px 50px #0004}.qtr-bcard>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.qtr-bcontent{padding:22px}.qtr-bcontent h3{margin:8px 0;font-size:1.35rem}.qtr-bcontent p{color:var(--muted)}.qtr-btag{display:inline-block;color:#609334;font-weight:900;font-size:.9rem}.qtr-bcontent .btn{margin-top:8px}@media(max-width:850px){.qtr-bgrid{grid-template-columns:1fr}.qtr-bcard{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr}.qtr-bcard>img{height:100%;aspect-ratio:auto}}@media(max-width:600px){.qtr-bcard{display:block}.qtr-bcard>img{aspect-ratio:3/2}}.qtr-merit-icon{width:54px;height:54px;display:block;margin-bottom:16px}.qtr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.qtr-gcard{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #2b3c59}.qtr-gcard img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.qtr-gcard:hover img{transform:scale(1.035)}.qtr-ginfo{padding:15px}.qtr-ginfo h3{margin:0 0 3px}.qtr-ginfo span{color:var(--muted);font-size:.9rem}.qtr-pay-card{display:flex;align-items:center;gap:10px;background:#fff;color:#0b1320;padding:10px 16px;border-radius:12px;font-weight:800}.qtr-pay-card img{width:34px;height:34px}.qtr-hero-art{border-radius:24px;border:1px solid #324c70;background:#101b2e;padding:12px;box-shadow:0 24px 80px #0008}.qtr-hero-art img{display:block;width:100%;border-radius:16px}.actions{align-items:center}.header .actions .btn{min-height:44px;padding:0 20px;white-space:nowrap;box-shadow:none;transition:.2s}.header .actions .qtr-signin-btn{background:#17263d;color:#fff;border:1px solid #536b8e}.header .actions .play-btn{background:linear-gradient(135deg,#609334,#609334);color:#07140d;border:1px solid #609334;box-shadow:0 8px 28px #60933435}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.qtr-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.qtr-grid{grid-template-columns:1fr 1fr}.qtr-ginfo{padding:11px}.qtr-ginfo h3{font-size:.95rem}}.qtr-studio-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:26px 0 0;list-style:none}.qtr-studio-card{min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;background:#fff;border-radius:14px;color:#172033;font-size:.82rem;font-weight:800;text-align:center}.qtr-studio-card img{display:block;width:100%;height:54px;object-fit:contain}.qtr-bcard>img{object-fit:contain;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));padding:12px}@media(max-width:900px){.qtr-studio-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.qtr-studio-grid{grid-template-columns:repeat(2,1fr)}}
/* final homepage redesign */
.header .row{padding:0 18px}.header .brand{flex:0 0 auto}.header .actions{flex:0 0 auto}.btn{align-items:center;line-height:1.1;text-align:center}.header .actions .btn{height:44px;min-height:44px;padding:0 22px;border-radius:12px}.lang{height:44px}.qtr-stage{padding:64px 0 72px;background:linear-gradient(135deg,#0a1322,#152743)}.qtr-stage-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.qtr-stage-copy h1{margin:10px 0 20px}.qtr-stage-copy>p{max-width:650px;color:var(--muted);font-size:1.15rem}.qtr-eyebrow{display:block;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.qtr-stage-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 15px}.primary-btn{background:var(--accent);color:#07140d;border:1px solid #609334}.secondary-btn{background:transparent;color:#fff;border:1px solid #526784}.qtr-stage-side{min-height:390px;display:flex;align-items:center;justify-content:center;border:1px solid #314866;border-radius:28px;background:#0c1728;padding:30px}.qtr-stage-side img{max-height:360px;object-fit:contain}.qtr-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.qtr-head h2{margin:5px 0}.qtr-head>a{color:var(--accent);font-weight:800}.qtr-band{background:#0e192a}.qtr-reel{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.qtr-tile{min-width:0}.qtr-tile>a{position:relative;display:block;overflow:hidden;border:1px solid #2f4462;border-radius:18px;background:#131f32;text-decoration:none}.qtr-tile img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#111a29;transition:.25s}.qtr-tile-name{display:block;min-height:54px;padding:13px 12px;color:#fff;font-weight:800;font-size:.9rem;line-height:1.2}.qtr-tile-play{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:#609334;color:#08140e;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s}.qtr-tile a:hover .qtr-tile-play{opacity:1;transform:none}.qtr-tile a:hover img{transform:scale(1.025)}.qtr-deals{display:grid;gap:18px;margin-top:28px}.qtr-deal{display:grid;grid-template-columns:310px 1fr;min-height:260px;overflow:hidden;border:1px solid #304564;border-radius:22px;background:#142238}.qtr-deal-art{display:flex;align-items:center;justify-content:center;min-height:260px;background:radial-gradient(circle,#34415a 0,#202d42 58%,#172336 100%);padding:18px}.qtr-deal-art img{display:block;width:100%;height:230px;object-fit:contain}.qtr-deal-copy{align-self:center;padding:28px}.qtr-deal-copy>span{color:var(--accent);font-weight:900}.qtr-deal-copy h3{margin:5px 0 8px;font-size:1.6rem}.qtr-deal-copy p{max-width:760px;color:var(--muted)}.qtr-merits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.qtr-merit{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid #2d4260;border-radius:18px;background:#132037}.qtr-merit img{flex:0 0 52px}.qtr-merit h3{margin:2px 0 5px}.qtr-merit p{margin:0;color:var(--muted)}.qtr-logos{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.qtr-studios{grid-template-columns:repeat(6,1fr)}.qtr-pays{grid-template-columns:repeat(5,1fr)}.qtr-logos li{display:flex;align-items:center;justify-content:center;min-height:94px;padding:18px;border:1px solid #dce1e8;border-radius:15px;background:#fff}.qtr-logos img{display:block;width:100%;height:54px;object-fit:contain}.qtr-longform{border-top:1px solid #223651;border-bottom:1px solid #223651}.qtr-longform-grid{display:grid;grid-template-columns:300px 1fr;gap:70px}.qtr-longform-grid aside{position:sticky;top:100px;align-self:start}.qtr-longform-grid aside h2{font-size:2.25rem;line-height:1.12}.qtr-longform-lead{color:var(--muted)}.qtr-longform-body{max-width:800px}.qtr-longform-body h3{margin:30px 0 8px;font-size:1.35rem}.qtr-longform-body p{color:#cbd5e5}.qtr-longform-body a{color:var(--accent)}.qtr-faqgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.qtr-faq details{padding:18px 20px;border:1px solid #2e4361;border-radius:15px;background:#132037}.qtr-faq summary{cursor:pointer;font-weight:850}.qtr-faq details p{color:var(--muted)}
@media(max-width:1100px){.nav{display:none}.menu{display:inline-flex;margin-left:auto}.qtr-reel{grid-template-columns:repeat(4,1fr)}.qtr-studios{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.header .row{gap:10px}.header .actions .qtr-signin-btn{display:none}.qtr-stage-grid,.qtr-longform-grid{grid-template-columns:1fr}.qtr-stage-side{min-height:280px}.qtr-reel{grid-template-columns:repeat(3,1fr)}.qtr-studios,.qtr-pays{grid-template-columns:repeat(3,1fr)}.qtr-longform-grid aside{position:static}.qtr-deal{grid-template-columns:220px 1fr}.qtr-merits{grid-template-columns:1fr}}
@media(max-width:560px){.header .lang{display:none}.header .actions .btn{padding:0 14px}.qtr-reel{grid-template-columns:repeat(2,1fr);gap:10px}.qtr-tile-name{font-size:.82rem}.qtr-deal{display:block}.qtr-deal-art{min-height:210px}.qtr-deal-art img{height:190px}.qtr-studios,.qtr-pays{grid-template-columns:repeat(2,1fr)}.qtr-faqgrid{grid-template-columns:1fr}.qtr-head{align-items:start;flex-direction:column}.qtr-stage-cta .btn{width:100%}}

.qtr-studios li{background:#18283f;border-color:#314966}.qtr-studios img{max-width:160px}.qtr-pays li{background:#fff;border-color:#dce1e8}

/* independent black-and-gold theme */
:root{--bg:#08090b;--surface:#111218;--text:#f7f7f8;--muted:#a8a9b2;--accent:#609334;--accent2:#609334;--radius:18px;--max:1180px}body{background:var(--bg);background-image:radial-gradient(circle at 80% 5%,rgba(255,212,0,.055),transparent 24%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.container{width:min(var(--max),calc(100% - 40px))}.header{background:rgba(8,9,11,.96);border-color:#24252c}.header .row{min-height:84px}.brand img{width:58px;height:58px}.brand{font-size:1.05rem}.nav{gap:24px}.nav a{position:relative;color:#e4e4e8;font-weight:700}.nav a:before{content:"";position:absolute;left:-11px;top:50%;width:5px;height:5px;border:1px solid var(--accent);border-radius:50%;transform:translateY(-50%)}.nav a:hover{color:var(--accent)}.lang{background:#111217;border-color:#393a43;color:#ddd}.header .actions .qtr-signin-btn{background:#111217;border-color:#5c5e69;color:#fff}.header .actions .play-btn,.primary-btn{background:var(--accent);border-color:var(--accent);color:#090909;box-shadow:none}.header .actions .btn,.qtr-stage-cta .btn,.qtr-deal-copy .btn{border-radius:7px;font-weight:900}.secondary-btn{border-color:#777984;color:#fff;border-radius:7px}.qtr-stage{min-height:650px;display:flex;align-items:center;padding:74px 0;background:linear-gradient(125deg,#090a0e 0,#11131c 65%,#090a0e 100%);border-bottom:1px solid #23242b}.qtr-stage-grid{grid-template-columns:1.05fr .95fr}.qtr-stage-copy h1{max-width:690px;font-size:clamp(3rem,6.2vw,6.2rem);letter-spacing:-.055em}.qtr-stage-copy h1:after{content:".";color:var(--accent)}.qtr-stage-copy>p{font-size:1.12rem;line-height:1.8}.qtr-stage-copy small{color:#777984}.qtr-eyebrow{color:var(--accent)}.qtr-stage-side{min-height:470px;border:0;background:radial-gradient(circle at center,rgba(255,212,0,.10),transparent 62%);padding:0}.qtr-stage-side img{width:115%;max-width:none;max-height:500px;object-fit:contain}.section{padding:88px 0}.qtr-band{background:#0c0d10;border-top:1px solid #1d1e24;border-bottom:1px solid #1d1e24}.section h2,.qtr-longform h2,.qtr-faq h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;line-height:1.05}.qtr-head h2{font-size:clamp(2.2rem,4vw,3.8rem)}.qtr-head>a{color:var(--accent)}.qtr-intro{font-size:1.05rem;line-height:1.75}.qtr-reel{grid-template-columns:repeat(4,1fr);gap:20px}.qtr-tile>a{padding:16px;border-color:#34353e;border-radius:18px;background:linear-gradient(155deg,#151620,#0e0f14)}.qtr-tile img{aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#0a0b0e}.qtr-tile-name{min-height:64px;padding:18px 2px 4px;color:var(--accent);font-size:1.05rem;text-transform:uppercase}.qtr-tile-play{top:auto;bottom:14px;right:14px;background:var(--accent)}.qtr-deals{grid-template-columns:repeat(3,1fr);gap:22px}.qtr-deal{display:block;min-height:0;border-color:#34353e;border-radius:18px;background:linear-gradient(155deg,#171821,#0d0e13)}.qtr-deal-art{min-height:250px;background:radial-gradient(circle,#292a32,#111217 70%);border-bottom:1px solid #2b2c33}.qtr-deal-art img{height:230px}.qtr-deal-copy{padding:26px}.qtr-deal-copy>span{color:var(--accent)}.qtr-deal-copy h3{font-size:1.5rem}.qtr-deal-copy .btn{width:100%;margin-top:10px}.qtr-merits{grid-template-columns:repeat(4,1fr)}.qtr-merit{display:block;text-align:center;min-height:280px;padding:38px 24px;border-color:#34353e;background:linear-gradient(155deg,#171821,#0d0e13)}.qtr-merit img{width:70px;height:70px;margin:0 auto 28px;filter:saturate(0) sepia(1) saturate(8) hue-rotate(5deg)}.qtr-merit h3{font-size:1.25rem}.qtr-logos li{border-color:#303139;background:#111217}.qtr-studios li{background:#171820}.qtr-pays li{background:#f7f7f7;border-color:#f7f7f7}.qtr-longform{background:#0c0d10;border-color:#24252c}.qtr-longform-body p{color:#b8bac3}.qtr-longform-body h3{color:var(--accent)}.qtr-faq details{border-color:#34353e;background:#111217}.qtr-voices{background:#08090b}.qtr-center-head{text-align:center;max-width:800px;margin:0 auto 38px}.qtr-center-head p{color:var(--muted)}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews-grid>article{min-height:240px;padding:28px;border:1px solid #34353e;border-radius:18px;background:linear-gradient(155deg,#171821,#0d0e13)}.qtr-voice-head{display:flex;align-items:center;gap:14px}.qtr-voice-head .qtr-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#090909;font-weight:950}.qtr-voice-head h3{margin:0}.qtr-voice-head span{color:var(--muted);font-size:.87rem}.qtr-voice-head strong{margin-left:auto;color:var(--accent)}.reviews-grid>article>p{margin-top:25px;color:#b8bac3}.footer{padding:64px 0 28px;background:#07080a;border-color:#292a31}.qtr-foot-grid{grid-template-columns:1.6fr 1fr 1fr}.footer strong,.footer b{color:#fff}.footer a:hover{color:var(--accent)}
@media(max-width:1000px){.qtr-reel{grid-template-columns:repeat(3,1fr)}.qtr-deals{grid-template-columns:1fr}.qtr-deal{display:grid;grid-template-columns:280px 1fr}.qtr-merits{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr 1fr}.qtr-stage-side img{width:100%}}
@media(max-width:700px){.qtr-stage{min-height:auto}.qtr-stage-grid{grid-template-columns:1fr}.qtr-stage-side{min-height:300px}.qtr-reel{grid-template-columns:repeat(2,1fr)}.qtr-deal{display:block}.qtr-merits,.reviews-grid{grid-template-columns:1fr}.qtr-studios,.qtr-pays{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}}

:root {
  --surface-main: #10131a;
  --surface-raised: #171b24;
}

html,
body,
main,
.header,
.footer,
.section,
.qtr-games,
.qtr-faq,
.qtr-paystrip,
.qtr-signin {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.qtr-stage,
.qtr-band,
.qtr-voices,
.qtr-longform {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.qtr-cats li,
.qtr-deal,
.qtr-deal-art,
.qtr-merit,
.reviews-grid > article,
.qtr-faq details,
.qtr-signin-panel,
.qtr-post .form,
.qtr-studios li,
.qtr-pays li,
.footer .qtr-social a,
.qtr-voices-arrow {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.qtr-band .qtr-deal,
.qtr-band .qtr-deal-art,
.qtr-voices .reviews-grid > article,
.qtr-longform .qtr-geo iframe {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.qtr-stage-side {
  background: transparent !important;
  background-image: none !important;
}

.qtr-cats li:first-child,
.qtr-cats li:hover,
.header .menu:hover,
.header .actions .play-btn,
.qtr-stage-cta .primary-btn,
.qtr-deal-copy .primary-btn,
.qtr-bcontent .btn,
.qtr-games-foot .primary-btn,
.qtr-signin-form .primary-btn,
.form > .btn,
.footer .qtr-social a {
  background: #609334 !important;
}

/* Authoritative game grid. Loaded after every other stylesheet. */
.qtr-reel,
.qtr-post .qtr-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}

.qtr-cats + .qtr-reel,
.qtr-cats + .qtr-grid {
  margin-top: 36px !important;
}

.qtr-cats {
  gap: 8px !important;
}

.qtr-cats li {
  width: 108px !important;
  min-height: 40px !important;
  padding: 7px 10px !important;
  font-size: .76rem !important;
}

/* The homepage has all seven filters in one row, so keep them compact. */
.qtr-games .qtr-cats {
  gap: 6px !important;
}

.qtr-games .qtr-cats li {
  flex: 0 1 96px !important;
  width: 96px !important;
  min-height: 38px !important;
  padding: 6px 8px !important;
  font-size: .72rem !important;
}

.qtr-reel .qtr-tile,
.qtr-post .qtr-gcard {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.qtr-reel .qtr-tile > a,
.qtr-post .qtr-gcard > a {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  clip-path: inset(0 round 10px) !important;
}

.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard img.qtr-cover {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 10px !important;
  transform: none !important;
}

.qtr-reel .qtr-tile-name,
.qtr-post .qtr-gcard .qtr-ginfo { display: none !important; }

@media (max-width: 850px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .qtr-cats li {
    flex: 0 0 102px !important;
    width: 102px !important;
  }
  .qtr-games .qtr-cats li {
    flex: 0 0 94px !important;
    width: 94px !important;
  }
  .qtr-reel,
  .qtr-post .qtr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
}

/* Final visual corrections */
body {
  font-family: "Segoe UI Variable Text", "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  letter-spacing: .005em;
}

h1, h2, h3, .brand, .btn, .nav a, .qtr-tile-name, .qtr-deal-copy > span,
.qtr-eyebrow, summary {
  font-family: "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

h1, h2 { font-weight: 800; }
.qtr-stage-copy h1 { letter-spacing: -.06em; }
.section h2, .qtr-longform h2, .qtr-faq h2 { font-weight: 780; }
.btn, .nav a { font-weight: 750; letter-spacing: .01em; }

/* Internal slots page: keep the original portrait ratio and remove empty space. */
.qtr-cover {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: none !important;
}

.qtr-post .qtr-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.qtr-post .qtr-gcard {
  align-self: start;
  height: auto;
  min-height: 0;
  background: #111218;
  border-color: #34353e;
}

.qtr-post .qtr-gcard > a {
  display: block;
  height: auto;
  line-height: 0;
}

.qtr-post .qtr-gcard img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  object-fit: contain;
  object-position: center;
  background: #0b0c0f;
}

.qtr-reel .qtr-tile img.qtr-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  background: #0a0b0e;
}

.qtr-reel .qtr-tile > a {
  height: auto !important;
}

.qtr-post .qtr-gcard .qtr-ginfo {
  padding: 14px 15px 16px;
}

.qtr-post .qtr-gcard .qtr-ginfo h3 {
  margin: 0;
  color: #609334;
  font-size: 1rem;
  line-height: 1.25;
}

.qtr-post .qtr-gcard .qtr-ginfo span { display: none; }

/* Real qtr-payment logos require a dark neutral surface for white SVG artwork. */
.qtr-pays li {
  min-height: 112px;
  padding: 18px 16px 14px;
  flex-direction: column;
  gap: 10px;
  background: linear-gradient(145deg, #1a1b22, #101116);
  border: 1px solid #3a3b44;
}

.qtr-pays img {
  width: min(150px, 90%);
  height: 52px;
  object-fit: contain;
}

.qtr-pays .qtr-pay-name {
  color: #f6f6f7;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}

.footer .qtr-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.footer .qtr-social a {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin: 0;
  border: 1px solid #609334;
  border-radius: 7px;
  background: #609334;
  color: #090909;
  transition: transform .2s ease, background .2s ease, color .2s ease;
}

.footer .qtr-social a:hover {
  background: transparent;
  color: #609334;
  transform: translateY(-2px);
}

.footer .qtr-social img {
  display: block;
  width: 20px;
  height: 20px;
}

.qtr-longform-single {
  max-width: 940px;
}

.qtr-longform-head {
  max-width: 760px;
  margin-bottom: 42px;
}

.qtr-longform-head h2 {
  margin: 8px 0 14px;
}

.qtr-longform-head p {
  margin: 0;
  color: #a8a9b2;
  font-size: 1.08rem;
  line-height: 1.7;
}

.qtr-longform-single .qtr-longform-body {
  max-width: none;
}

.qtr-voices {
  border-top: 1px solid #24252c;
  border-bottom: 1px solid #24252c;
  background: radial-gradient(circle at 50% 0, rgba(255, 212, 0, .07), transparent 42%), #0c0d10;
}

.qtr-voices .qtr-center-head h2 {
  color: #fff;
}

.nav a::before,
.qtr-stage-copy h1::after,
.section h2::after,
.qtr-longform h2::after,
.qtr-faq h2::after,
.qtr-voices .qtr-center-head h2::after {
  content: none !important;
  display: none !important;
}

/* Compact casino catalogue: fixed artwork ratio, no stretching and no tall empty cards. */
.qtr-reel {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.qtr-reel .qtr-tile > a,
.qtr-post .qtr-gcard > a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 !important;
  aspect-ratio: 500 / 560;
  border-radius: 12px 12px 0 0;
  background: #0b0c0f;
}

.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard img.qtr-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 500 / 560 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #0b0c0f;
}

.qtr-reel .qtr-tile {
  overflow: hidden;
  border: 1px solid #34353e;
  border-radius: 13px;
  background: #111218;
}

.qtr-reel .qtr-tile > a { border: 0; }
.qtr-reel .qtr-tile-name {
  min-height: 48px;
  padding: 12px 11px 10px;
  color: #fff;
  font-size: .82rem;
  line-height: 1.25;
  text-transform: none;
}
.qtr-reel .qtr-tile-play {
  top: 50%;
  right: 50%;
  bottom: auto;
  transform: translate(50%, -40%);
  opacity: 0;
}
.qtr-reel .qtr-tile a:hover .qtr-tile-play {
  transform: translate(50%, -50%);
}

.qtr-post .qtr-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.qtr-post .qtr-gcard .qtr-ginfo { padding: 11px 12px 13px; }
.qtr-post .qtr-gcard .qtr-ginfo h3 {
  color: #fff;
  font-size: .84rem;
  line-height: 1.25;
}

.reviews-grid > article {
  border-color: #41424b;
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}

@media (max-width: 850px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .qtr-pays li { min-height: 96px; }
}

/* FAQ cards keep their own height when a neighbouring answer opens. */
.qtr-faqgrid {
  align-items: start !important;
  grid-auto-rows: max-content !important;
}
.qtr-faqgrid details {
  align-self: start !important;
  height: fit-content !important;
  min-height: 0 !important;
}

.footer .qtr-foot-grid {
  grid-template-columns: minmax(280px, 1.45fr) .7fr .95fr .72fr !important;
  gap: 34px !important;
}
.qtr-foot-social > b {
  display: block;
  margin-bottom: 16px;
}
.qtr-foot-social .qtr-social {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.qtr-foot-social .qtr-social a {
  width: 38px;
  height: 38px;
}
.qtr-foot-social .qtr-social img {
  width: 18px;
  height: 18px;
}
@media (max-width: 900px) {
  .footer .qtr-foot-grid { grid-template-columns: 1.4fr 1fr 1fr !important; }
  .qtr-foot-social { grid-column: 2 / -1; }
}
@media (max-width: 600px) {
  .footer .qtr-foot-grid { grid-template-columns: 1fr !important; }
  .qtr-foot-social { grid-column: auto; }
}

/* One consistent design for primary and secondary action buttons. */
.header .actions .btn,
.qtr-stage-cta .btn,
.qtr-deal-copy .btn,
.qtr-bcontent .btn,
.qtr-games-foot .btn,
.qtr-signin-form .btn,
.form > .btn {
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-align: center;
}
.qtr-games-foot .btn {
  min-width: 190px !important;
  width: auto !important;
}
.header .actions .play-btn,
.qtr-stage-cta .primary-btn,
.qtr-deal-copy .primary-btn,
.qtr-bcontent .btn,
.qtr-games-foot .primary-btn,
.qtr-signin-form .primary-btn,
.form > .btn {
  border: 1px solid #609334 !important;
  background: #609334 !important;
  color: #090909 !important;
}
.header .actions .qtr-signin-btn {
  border: 1px solid #5c5e69 !important;
  background: #111217 !important;
  color: #fff !important;
}
.qtr-stage-cta .secondary-btn {
  border: 1px solid #686b76 !important;
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
}

/* Responsible gambling badges in the footer. */
.qtr-badges {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 38px;
  padding-bottom: 26px;
  border-bottom: 1px solid #292a31;
}
.qtr-badges a {
  display: block;
  margin: 0;
  border-radius: 8px;
  transition: transform .2s ease, opacity .2s ease;
}
.qtr-badges a:hover { transform: translateY(-2px); opacity: .9; }
.qtr-badges a img {
  display: block;
  width: 168px;
  height: 45px;
  object-fit: contain;
  border-radius: 8px;
}
.qtr-age {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #fff;
  font-weight: 850;
}
.qtr-age img {
  width: 48px;
  height: 48px;
  color: #609334;
}
@media (max-width: 560px) {
  .qtr-badges { align-items: stretch; gap: 10px; }
  .qtr-badges a img { width: 145px; height: 40px; }
}

/* Compact responsible-gaming marks at the bottom-right of the footer. */
.qtr-foot-bottom {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid #292a31;
}
.qtr-foot-bottom .qtr-badges {
  display: grid;
  grid-template-columns: auto repeat(3, 98px);
  justify-content: end;
  align-items: center;
  gap: 14px;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
}
.qtr-foot-bottom .qtr-badges a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  height: 30px;
  border-radius: 0;
}
.qtr-foot-bottom .qtr-badges a img {
  width: 94px;
  height: 28px;
  border-radius: 0;
  opacity: .88;
}
.qtr-foot-bottom .qtr-age {
  gap: 5px;
  font-size: .72rem;
  white-space: nowrap;
}
.qtr-foot-bottom .qtr-age img {
  width: 30px;
  height: 30px;
}
@media (max-width: 700px) {
  .qtr-foot-bottom { align-items: flex-start; flex-direction: column; }
  .qtr-foot-bottom .qtr-badges {
    grid-template-columns: repeat(2, minmax(0, 98px));
    justify-content: flex-start;
    margin-left: 0;
  }
  .qtr-foot-bottom .qtr-badges a img { width: 94px; height: 28px; }
}

.qtr-foot-pays {
  margin-bottom: 38px;
  padding-bottom: 28px;
  border-bottom: 1px solid #292a31;
}
.qtr-foot-pays .qtr-pays { margin: 0 !important; }

/* Final compact site width and evenly spaced portrait game artwork. */
.container {
  width: min(1100px, calc(100% - 32px)) !important;
}
.qtr-reel,
.qtr-post .qtr-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  column-gap: 10px !important;
  row-gap: 10px !important;
}
.qtr-reel .qtr-tile > a,
.qtr-post .qtr-gcard > a {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard img.qtr-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 10px !important;
  object-fit: cover !important;
  transform: none !important;
}
.qtr-reel .qtr-tile,
.qtr-post .qtr-gcard {
  overflow: hidden !important;
  border-radius: 10px !important;
  clip-path: inset(0 round 10px);
}
.qtr-reel .qtr-tile a:hover img,
.qtr-post .qtr-gcard a:hover img { transform: none !important; }
@media (max-width: 850px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .container { width: min(100% - 22px, 1100px) !important; }
  .qtr-reel,
  .qtr-post .qtr-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 7px !important;
    row-gap: 9px !important;
  }
}

/* Login page */
.qtr-signin { padding: 88px 0 52px; }
.qtr-signin-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
  align-items: center;
  gap: 70px;
}
.qtr-signin-copy h1 { margin: 8px 0 20px; }
.qtr-signin-copy > p { max-width: 650px; color: #b8bac3; font-size: 1.08rem; }
.qtr-signin-points { margin: 28px 0 0; padding-left: 22px; color: #d4d5da; }
.qtr-signin-points li { margin: 10px 0; }
.qtr-signin-points a,
.qtr-signin-panel a,
.qtr-signin-guide a { color: #609334; }
.qtr-signin-panel {
  padding: 34px;
  border: 1px solid #3b3c44;
  border-radius: 18px;
  background: linear-gradient(155deg, #181921, #0e0f13);
  box-shadow: 0 24px 70px rgba(0,0,0,.35);
}
.qtr-signin-panel h2 { margin: 0 0 24px; font-size: 1.65rem; }
.qtr-signin-form { display: grid; gap: 10px; }
.qtr-signin-form label { font-weight: 750; }
.qtr-signin-form input[type="email"],
.qtr-signin-form input[type="password"] {
  width: 100%;
  min-height: 50px;
  margin-bottom: 8px;
  padding: 12px 14px;
  border: 1px solid #484a55;
  border-radius: 8px;
  background: #0a0b0e;
  color: #fff;
  font: inherit;
}
.qtr-signin-form input:focus { outline: 2px solid #609334; outline-offset: 2px; }
.qtr-signin-opts { display: flex; justify-content: space-between; gap: 18px; margin: 2px 0 12px; }
.qtr-signin-opts .qtr-remember { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.qtr-signin-form .btn { width: 100%; min-height: 50px; }
.qtr-signin-reg { margin: 20px 0 12px; text-align: center; }
.qtr-signin-panel small { display: block; color: #858791; line-height: 1.55; }
.qtr-signin-guide { padding-top: 28px; }
@media (max-width: 850px) {
  .qtr-signin-grid { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 520px) {
  .qtr-signin { padding-top: 52px; }
  .qtr-signin-panel { padding: 24px 18px; }
  .qtr-signin-opts { align-items: flex-start; flex-direction: column; }
}

/* Compact qtr-payment strip at the bottom of the homepage. */
.qtr-pays {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
  gap: 9px !important;
  margin-top: 20px !important;
}
.qtr-paystrip {
  padding: 34px 0 !important;
  border-top: 1px solid #24252c;
  border-bottom: 1px solid #24252c;
  background: #0a0b0e;
}
.qtr-paystrip .qtr-pays { margin: 0 !important; }

.qtr-geo {
  margin-top: 52px;
  padding-top: 42px;
  border-top: 1px solid #303139;
}
.qtr-geo-head { margin-bottom: 22px; }
.qtr-geo-head h2 { margin: 7px 0 8px; }
.qtr-geo-head p { margin: 0; color: #b8bac3; }
.qtr-geo iframe {
  display: block;
  width: 100%;
  height: 420px;
  border: 0;
  border-radius: 16px;
  background: #111218;
}
@media (max-width: 560px) {
  .qtr-geo { margin-top: 38px; padding-top: 32px; }
  .qtr-geo iframe { height: 320px; border-radius: 12px; }
}
.qtr-pays li {
  min-height: 74px !important;
  padding: 10px 7px 8px !important;
  gap: 5px !important;
  border-radius: 9px !important;
}
.qtr-pays img {
  width: min(92px, 88%) !important;
  height: 32px !important;
}
.qtr-pays .qtr-pay-name {
  font-size: .67rem !important;
  line-height: 1.1 !important;
}
@media (max-width: 1000px) {
  .qtr-pays { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}
@media (max-width: 560px) {
  .qtr-pays { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* Final game catalogue: clean square artwork with no card frames or captions. */
.qtr-reel,
.qtr-post .qtr-grid {
  align-items: stretch !important;
  gap: 18px !important;
}
.qtr-reel .qtr-tile,
.qtr-post .qtr-gcard {
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.qtr-reel .qtr-tile > a,
.qtr-post .qtr-gcard > a {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  line-height: 0;
}
.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard img.qtr-cover {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  transform: none;
}
.qtr-reel .qtr-tile-name,
.qtr-post .qtr-gcard .qtr-ginfo {
  display: none !important;
}
.qtr-reel .qtr-tile-play {
  display: grid;
  place-items: center;
  min-width: 62px;
  min-height: 38px;
  line-height: 1;
  border-radius: 7px;
}
.qtr-reel .qtr-tile a:hover img,
.qtr-post .qtr-gcard a:hover img {
  transform: scale(1.025) !important;
}

.qtr-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 6px;
  padding: 0;
  list-style: none;
}
.qtr-cats li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  min-height: 44px;
  padding: 8px 14px;
  border: 1px solid #3b3c44;
  border-radius: 7px;
  background: #111218;
  color: #d9dae0;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
@media (max-width: 700px) {
  .qtr-cats {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .qtr-cats::-webkit-scrollbar { display: none; }
  .qtr-cats li { flex: 0 0 118px; width: 118px; }
}
.qtr-cats li:first-child {
  border-color: #609334;
  background: #609334;
  color: #090909;
}
.qtr-cats li:hover {
  border-color: #609334;
  background: #609334;
  color: #090909;
  transform: translateY(-1px);
}
.qtr-cats li:first-child:hover {
  border-color: #254397;
  background: #254397;
}

/* Five-card player review slider. */
.qtr-voices-slider { position: relative; }
.qtr-voices .qtr-center-head {
  max-width: 780px;
  margin: 0 0 38px;
  text-align: left;
}
.qtr-voices .qtr-center-head p { margin-left: 0; margin-right: 0; }
.qtr-voices-slider .reviews-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 16px !important;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
.qtr-voices-slider .reviews-grid::-webkit-scrollbar { display: none; }
.qtr-voices-slider .reviews-grid > article {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.qtr-voices-ctrl {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.qtr-voices-arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #609334;
  border-radius: 7px;
  background: #111217;
  color: #609334;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.qtr-voices-arrow:hover { background: #609334; color: #090909; }
.qtr-voices-arrow:disabled { opacity: .35; cursor: default; }
.qtr-voices-dots { display: flex; gap: 7px; }
.review-dot {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #555760;
  cursor: pointer;
}
.review-dot.active { width: 22px; border-radius: 999px; background: #609334; }
@media (max-width: 850px) {
  .qtr-voices-slider .reviews-grid > article { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
  .qtr-voices-slider .reviews-grid { gap: 0 !important; }
  .qtr-voices-slider .reviews-grid > article { flex: 0 0 100%; }
}

/* Contact form aligned with the header button and panel design. */
.qtr-post .form {
  max-width: 760px;
  margin-top: 30px;
  padding: 28px;
  gap: 16px;
  border: 1px solid #34353e;
  border-radius: 14px;
  background: linear-gradient(155deg, #171821, #0d0e13);
}
.qtr-post .form label {
  display: grid;
  gap: 7px;
  color: #f4f4f6;
  font-weight: 750;
}
.qtr-post .form input,
.qtr-post .form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #484a55;
  border-radius: 7px;
  background: #0a0b0e;
  color: #fff;
  font: inherit;
}
.qtr-post .form input { min-height: 48px; }
.qtr-post .form textarea { min-height: 180px; resize: vertical; }
.qtr-post .form input:focus,
.qtr-post .form textarea:focus {
  outline: 2px solid #609334;
  outline-offset: 2px;
  border-color: #609334;
}
.qtr-post .form > .btn {
  justify-self: start;
  width: auto !important;
  min-width: 170px;
}
@media (max-width: 560px) {
  .qtr-post .form { padding: 20px 16px; }
  .qtr-post .form > .btn { width: 100% !important; }
}

/* Mobile menu trigger matches the other header controls. */
.header .menu {
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 20px !important;
  border: 1px solid #5c5e69 !important;
  border-radius: 7px !important;
  background: #111217 !important;
  color: #fff !important;
  font-size: .95rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.header .menu:hover {
  border-color: #609334 !important;
  background: #609334 !important;
  color: #090909 !important;
}
@media (max-width: 560px) {
  .header .menu { min-width: 78px; padding: 0 14px !important; }
}
.qtr-games-foot {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.qtr-games-foot .btn {
  min-width: 190px;
  min-height: 48px;
}

/* Keep the first screen close to the header. */
.qtr-stage {
  position: relative;
  min-height: 0 !important;
  padding: 62px 0 54px !important;
  align-items: flex-start !important;
  overflow: hidden;
  background:
    radial-gradient(ellipse at 22% 42%, rgba(35, 43, 57, .50) 0%, rgba(23, 28, 38, .18) 43%, transparent 68%),
    linear-gradient(90deg, #171b24 0%, #161a22 36%, #111620 68%, #090d14 100%) !important;
}

/* Stable five-column game grid for the approved desktop layout. */
.qtr-reel,
.qtr-post .qtr-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 12px !important;
}
.qtr-reel .qtr-tile,
.qtr-reel .qtr-tile > a,
.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard,
.qtr-post .qtr-gcard > a,
.qtr-post .qtr-gcard img.qtr-cover {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.qtr-reel .qtr-tile img.qtr-cover,
.qtr-post .qtr-gcard img.qtr-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  clip-path: inset(0 round 10px);
}
.qtr-reel .qtr-tile > a,
.qtr-post .qtr-gcard > a {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
}
@media (max-width: 980px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .qtr-reel,
  .qtr-post .qtr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
.qtr-stage::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  display: block;
  pointer-events: none;
  background:
    radial-gradient(circle at 69% 48%, rgba(67, 151, 205, .07), transparent 26%),
    linear-gradient(112deg, transparent 56%, rgba(255, 255, 255, .018) 68%, transparent 80%);
}
.qtr-stage::after {
  display: none;
}
.qtr-stage-grid {
  position: relative;
  z-index: 1;
}
.qtr-stage-grid { align-items: center !important; }
.qtr-stage-copy h1 { margin-top: 0 !important; }
.qtr-stage-side {
  position: relative;
  min-height: 410px !important;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
}
.qtr-stage-side::before {
  display: none;
}
.qtr-stage-side img { max-height: 430px !important; }
.qtr-stage-side .qtr-prov-badge {
  width: min(78%, 390px) !important;
  height: auto !important;
  max-width: 390px !important;
  max-height: 390px !important;
  object-fit: contain !important;
  filter: none;
  position: relative;
  z-index: 1;
}
.qtr-topact {
  margin: 24px 0 34px;
}
.qtr-topact .btn {
  width: fit-content;
  min-width: 190px;
  min-height: 48px !important;
  padding: 0 24px !important;
  border-radius: 7px !important;
  font-size: .94rem !important;
  line-height: 1 !important;
}

/* Centre the primary links without pushing them against the account controls. */
@media (min-width: 851px) {
  .header .row {
    position: relative;
  }
  .header .nav {
    position: absolute;
    left: 50%;
    margin-left: 0 !important;
    transform: translateX(-50%);
  }
  .header .actions {
    margin-left: auto;
  }
}

/* Keep the three bonus cards level on the dedicated bonuses page. */
.qtr-post .qtr-deals {
  align-items: stretch;
}
.qtr-post .qtr-deals .qtr-deal {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.qtr-post .qtr-deals .qtr-deal-art {
  flex: 0 0 250px;
  min-height: 250px;
}
.qtr-post .qtr-deals .qtr-deal-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
}
.qtr-post .qtr-deals .qtr-deal-copy > span {
  min-height: 3.2em;
}
.qtr-post .qtr-deals .qtr-deal-copy h3 {
  min-height: 3.1em;
}
.qtr-post .qtr-deals .qtr-deal-copy p {
  margin-bottom: 22px;
}
.qtr-post .qtr-deals .qtr-deal-copy .btn {
  margin-top: auto;
}
@media (max-width: 850px) {
  .qtr-stage { padding: 50px 0 46px !important; }
  .qtr-stage-side { min-height: 320px !important; }
  .qtr-stage-side .qtr-prov-badge {
    width: min(72%, 280px) !important;
    max-width: 280px !important;
    max-height: 280px !important;
  }
  .qtr-post .qtr-deals .qtr-deal-copy > span,
  .qtr-post .qtr-deals .qtr-deal-copy h3 {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .qtr-stage { padding-top: 44px !important; }
}

/* Final restrained type scale for the finished template. */
.qtr-stage-copy h1 {
  max-width: 640px;
  font-size: clamp(2.4rem, 4.4vw, 4.1rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.045em !important;
}
.section h2,
.qtr-longform h2,
.qtr-faq h2,
.qtr-post h1 {
  font-size: clamp(1.85rem, 3.2vw, 2.9rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
.qtr-head h2 { font-size: clamp(1.85rem, 3vw, 2.75rem) !important; }
.qtr-post h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.2 !important;
}
.qtr-post h3,
.qtr-longform-body h3 { font-size: clamp(1.15rem, 1.8vw, 1.4rem) !important; }
.qtr-deal-copy h3 { font-size: 1.35rem !important; }
.qtr-merit h3 { font-size: 1.12rem !important; }
.reviews-grid h3 { font-size: 1rem !important; }
@media (max-width: 560px) {
  .qtr-stage-copy h1 { font-size: clamp(2rem, 10.5vw, 2.8rem) !important; }
  .section h2,
  .qtr-longform h2,
  .qtr-faq h2,
  .qtr-post h1 { font-size: clamp(1.7rem, 8vw, 2.25rem) !important; }
}

/* Compact mobile layout for narrow phones. */
@media (max-width: 560px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }
  .container {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
  }
  .header .row {
    min-height: 64px !important;
    gap: 6px !important;
    padding: 0 !important;
  }
  .header .brand {
    min-width: 0;
    gap: 6px;
    font-size: .78rem !important;
    white-space: nowrap;
  }
  .header .brand img {
    flex: 0 1 auto;
    width: auto !important;
    height: 44px !important;
    max-width: 140px !important;
    object-fit: contain;
    object-position: left center;
  }
  .header .menu,
  .header .lang {
    min-width: 42px;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 9px !important;
    font-size: .72rem !important;
  }
  .header .actions { gap: 5px !important; }
  .header .nav.open {
    top: 64px !important;
    background: rgba(8, 9, 11, .99) !important;
    background-image: none !important;
    border-top: 1px solid #24252c;
    border-bottom: 1px solid #24252c;
  }
  .qtr-stage {
    padding: 52px 0 38px !important;
  }
  .qtr-stage-grid,
  .qtr-stage-copy,
  .qtr-stage-side {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .qtr-stage-copy h1 {
    width: 100%;
    max-width: 100%;
    margin-bottom: 16px !important;
    font-size: clamp(1.7rem, 9vw, 2.15rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .qtr-stage-copy > p {
    max-width: 100%;
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }
  .qtr-stage-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 9px !important;
    margin: 20px 0 13px !important;
  }
  .qtr-stage-cta .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: .78rem !important;
    white-space: normal !important;
  }
  .qtr-stage-copy small {
    display: block;
    max-width: 100%;
    font-size: .72rem;
    line-height: 1.55;
  }
  .qtr-stage-side {
    min-height: 230px !important;
    margin-top: 12px;
  }
  .qtr-stage-side .qtr-prov-badge {
    width: min(68%, 190px) !important;
    max-width: 190px !important;
    max-height: 210px !important;
  }
  .qtr-post,
  .qtr-post p,
  .qtr-post h1,
  .qtr-post h2,
  .qtr-post h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}