:root{--bg:#09111f;--surface:#132036;--text:#f7fafc;--muted:#b7c4d8;--accent:#5ee0a0;--accent2:#ffd166;--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}.hero,.section{padding:64px 0}.hero{background:radial-gradient(circle at 85% 25%,#294568,transparent 38%)}.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}.lead,.intro{color:var(--muted);max-width:780px}.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)}.state{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:24px}.payments{display:flex;flex-wrap:wrap;gap:10px}.payment{background:#fff;color:#111;padding:11px 18px;border-radius:9px;font-weight:800}.article{max-width:880px;padding:45px 0}.article h1{font-size:clamp(2rem,5vw,3.7rem)}.article 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}.notice{border-left:4px solid var(--accent2);background:var(--surface);padding:13px}.footer{padding:40px 0;border-top:1px solid #2b3c59;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer a{display:block;margin:6px 0}.social{display:flex;gap:12px}.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}.hero-grid,.state,.footer-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}.hero,.section{padding:45px 0}}.icon-img{width:54px;height:54px;display:block;margin-bottom:16px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.game-card{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #2b3c59}.game-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.game-card:hover img{transform:scale(1.035)}.game-info{padding:15px}.game-info h3{margin:0 0 3px}.game-info span{color:var(--muted);font-size:.9rem}.payment-card{display:flex;align-items:center;gap:10px;background:#fff;color:#0b1320;padding:10px 16px;border-radius:12px;font-weight:800}.payment-card img{width:34px;height:34px}.hero-art{border-radius:24px;border:1px solid #324c70;background:#101b2e;padding:12px;box-shadow:0 24px 80px #0008}.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 .login-btn{background:#17263d;color:#fff;border:1px solid #536b8e}.header .actions .play-btn{background:linear-gradient(135deg,#72f1b8,#42d890);color:#07140d;border:1px solid #8affc9;box-shadow:0 8px 28px #42d89035}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.game-grid{grid-template-columns:1fr 1fr}.game-info{padding:11px}.game-info h3{font-size:.95rem}}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.bonus-card{overflow:hidden;background:var(--surface);border:1px solid #2b3c59;border-radius:22px;box-shadow:0 20px 50px #0004}.bonus-card>img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.bonus-content{padding:22px}.bonus-content h3{margin:8px 0;font-size:1.35rem}.bonus-content p{color:var(--muted)}.bonus-tag{display:inline-block;color:#72f1b8;font-weight:900;font-size:.9rem}.bonus-content .btn{margin-top:8px}@media(max-width:850px){.bonus-grid{grid-template-columns:1fr}.bonus-card{display:grid;grid-template-columns:minmax(220px,.8fr) 1fr}.bonus-card>img{height:100%;aspect-ratio:auto}}@media(max-width:600px){.bonus-card{display:block}.bonus-card>img{aspect-ratio:3/2}}.icon-img{width:54px;height:54px;display:block;margin-bottom:16px}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}.game-card{position:relative;overflow:hidden;border-radius:18px;background:var(--surface);border:1px solid #2b3c59}.game-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;transition:.35s}.game-card:hover img{transform:scale(1.035)}.game-info{padding:15px}.game-info h3{margin:0 0 3px}.game-info span{color:var(--muted);font-size:.9rem}.payment-card{display:flex;align-items:center;gap:10px;background:#fff;color:#0b1320;padding:10px 16px;border-radius:12px;font-weight:800}.payment-card img{width:34px;height:34px}.hero-art{border-radius:24px;border:1px solid #324c70;background:#101b2e;padding:12px;box-shadow:0 24px 80px #0008}.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 .login-btn{background:#17263d;color:#fff;border:1px solid #536b8e}.header .actions .play-btn{background:linear-gradient(135deg,#72f1b8,#42d890);color:#07140d;border:1px solid #8affc9;box-shadow:0 8px 28px #42d89035}.header .actions .btn:hover{filter:brightness(1.08);transform:translateY(-1px)}@media(max-width:850px){.game-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.game-grid{grid-template-columns:1fr 1fr}.game-info{padding:11px}.game-info h3{font-size:.95rem}}.provider-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;padding:0;margin:26px 0 0;list-style:none}.provider-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}.provider-card img{display:block;width:100%;height:54px;object-fit:contain}.bonus-card>img{object-fit:contain;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));padding:12px}@media(max-width:900px){.provider-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.provider-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}.hero-v2{padding:64px 0 72px;background:linear-gradient(135deg,#0a1322,#152743)}.hero-v2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-copy h1{margin:10px 0 20px}.hero-copy>p{max-width:650px;color:var(--muted);font-size:1.15rem}.kicker{display:block;color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 15px}.primary-btn{background:var(--accent);color:#07140d;border:1px solid #98ffd0}.secondary-btn{background:transparent;color:#fff;border:1px solid #526784}.hero-location{min-height:390px;display:flex;align-items:center;justify-content:center;border:1px solid #314866;border-radius:28px;background:#0c1728;padding:30px}.hero-location img{max-height:360px;object-fit:contain}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2{margin:5px 0}.section-head>a{color:var(--accent);font-weight:800}.alt-section{background:#0e192a}.games-v2{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:28px}.game-tile{min-width:0}.game-tile>a{position:relative;display:block;overflow:hidden;border:1px solid #2f4462;border-radius:18px;background:#131f32;text-decoration:none}.game-tile img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#111a29;transition:.25s}.game-name{display:block;min-height:54px;padding:13px 12px;color:#fff;font-weight:800;font-size:.9rem;line-height:1.2}.game-play{position:absolute;top:10px;right:10px;padding:6px 10px;border-radius:999px;background:#72f1b8;color:#08140e;font-size:.75rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.2s}.game-tile a:hover .game-play{opacity:1;transform:none}.game-tile a:hover img{transform:scale(1.025)}.offers-v2{display:grid;gap:18px;margin-top:28px}.offer-card{display:grid;grid-template-columns:310px 1fr;min-height:260px;overflow:hidden;border:1px solid #304564;border-radius:22px;background:#142238}.offer-visual{display:flex;align-items:center;justify-content:center;min-height:260px;background:radial-gradient(circle,#34415a 0,#202d42 58%,#172336 100%);padding:18px}.offer-visual img{display:block;width:100%;height:230px;object-fit:contain}.offer-copy{align-self:center;padding:28px}.offer-copy>span{color:var(--accent);font-weight:900}.offer-copy h3{margin:5px 0 8px;font-size:1.6rem}.offer-copy p{max-width:760px;color:var(--muted)}.features-v2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}.feature{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid #2d4260;border-radius:18px;background:#132037}.feature img{flex:0 0 52px}.feature h3{margin:2px 0 5px}.feature p{margin:0;color:var(--muted)}.logos-v2{display:grid;gap:14px;margin:26px 0 0;padding:0;list-style:none}.providers-v2{grid-template-columns:repeat(6,1fr)}.payments-v2{grid-template-columns:repeat(5,1fr)}.logos-v2 li{display:flex;align-items:center;justify-content:center;min-height:94px;padding:18px;border:1px solid #dce1e8;border-radius:15px;background:#fff}.logos-v2 img{display:block;width:100%;height:54px;object-fit:contain}.editorial{border-top:1px solid #223651;border-bottom:1px solid #223651}.article-grid{display:grid;grid-template-columns:300px 1fr;gap:70px}.article-grid aside{position:sticky;top:100px;align-self:start}.article-grid aside h2{font-size:2.25rem;line-height:1.12}.article-lead{color:var(--muted)}.article-body{max-width:800px}.article-body h3{margin:30px 0 8px;font-size:1.35rem}.article-body p{color:#cbd5e5}.article-body a{color:var(--accent)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.faq details{padding:18px 20px;border:1px solid #2e4361;border-radius:15px;background:#132037}.faq summary{cursor:pointer;font-weight:850}.faq details p{color:var(--muted)}
@media(max-width:1100px){.nav{display:none}.menu{display:inline-flex;margin-left:auto}.games-v2{grid-template-columns:repeat(4,1fr)}.providers-v2{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.header .row{gap:10px}.header .actions .login-btn{display:none}.hero-v2-grid,.article-grid{grid-template-columns:1fr}.hero-location{min-height:280px}.games-v2{grid-template-columns:repeat(3,1fr)}.providers-v2,.payments-v2{grid-template-columns:repeat(3,1fr)}.article-grid aside{position:static}.offer-card{grid-template-columns:220px 1fr}.features-v2{grid-template-columns:1fr}}
@media(max-width:560px){.header .lang{display:none}.header .actions .btn{padding:0 14px}.games-v2{grid-template-columns:repeat(2,1fr);gap:10px}.game-name{font-size:.82rem}.offer-card{display:block}.offer-visual{min-height:210px}.offer-visual img{height:190px}.providers-v2,.payments-v2{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero-actions .btn{width:100%}}

.providers-v2 li{background:#18283f;border-color:#314966}.providers-v2 img{max-width:160px}.payments-v2 li{background:#fff;border-color:#dce1e8}

/* independent black-and-gold theme */
:root{--bg:#08090b;--surface:#111218;--text:#f7f7f8;--muted:#a8a9b2;--accent:#ffd400;--accent2:#ff4b44;--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 .login-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,.hero-actions .btn,.offer-copy .btn{border-radius:7px;font-weight:900}.secondary-btn{border-color:#777984;color:#fff;border-radius:7px}.hero-v2{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}.hero-v2-grid{grid-template-columns:1.05fr .95fr}.hero-copy h1{max-width:690px;font-size:clamp(3rem,6.2vw,6.2rem);letter-spacing:-.055em}.hero-copy h1:after{content:".";color:var(--accent)}.hero-copy>p{font-size:1.12rem;line-height:1.8}.hero-copy small{color:#777984}.kicker{color:var(--accent)}.hero-location{min-height:470px;border:0;background:radial-gradient(circle at center,rgba(255,212,0,.10),transparent 62%);padding:0}.hero-location img{width:115%;max-width:none;max-height:500px;object-fit:contain}.section{padding:88px 0}.alt-section{background:#0c0d10;border-top:1px solid #1d1e24;border-bottom:1px solid #1d1e24}.section h2,.editorial h2,.faq h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.045em;line-height:1.05}.section-head h2{font-size:clamp(2.2rem,4vw,3.8rem)}.section-head>a{color:var(--accent)}.intro{font-size:1.05rem;line-height:1.75}.games-v2{grid-template-columns:repeat(4,1fr);gap:20px}.game-tile>a{padding:16px;border-color:#34353e;border-radius:18px;background:linear-gradient(155deg,#151620,#0e0f14)}.game-tile img{aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#0a0b0e}.game-name{min-height:64px;padding:18px 2px 4px;color:var(--accent);font-size:1.05rem;text-transform:uppercase}.game-play{top:auto;bottom:14px;right:14px;background:var(--accent)}.offers-v2{grid-template-columns:repeat(3,1fr);gap:22px}.offer-card{display:block;min-height:0;border-color:#34353e;border-radius:18px;background:linear-gradient(155deg,#171821,#0d0e13)}.offer-visual{min-height:250px;background:radial-gradient(circle,#292a32,#111217 70%);border-bottom:1px solid #2b2c33}.offer-visual img{height:230px}.offer-copy{padding:26px}.offer-copy>span{color:var(--accent)}.offer-copy h3{font-size:1.5rem}.offer-copy .btn{width:100%;margin-top:10px}.features-v2{grid-template-columns:repeat(4,1fr)}.feature{display:block;text-align:center;min-height:280px;padding:38px 24px;border-color:#34353e;background:linear-gradient(155deg,#171821,#0d0e13)}.feature img{width:70px;height:70px;margin:0 auto 28px;filter:saturate(0) sepia(1) saturate(8) hue-rotate(5deg)}.feature h3{font-size:1.25rem}.logos-v2 li{border-color:#303139;background:#111217}.providers-v2 li{background:#171820}.payments-v2 li{background:#f7f7f7;border-color:#f7f7f7}.editorial{background:#0c0d10;border-color:#24252c}.article-body p{color:#b8bac3}.article-body h3{color:var(--accent)}.faq details{border-color:#34353e;background:#111217}.reviews-section{background:#08090b}.center-heading{text-align:center;max-width:800px;margin:0 auto 38px}.center-heading 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)}.review-top{display:flex;align-items:center;gap:14px}.review-top .avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#090909;font-weight:950}.review-top h3{margin:0}.review-top span{color:var(--muted);font-size:.87rem}.review-top 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}.footer-grid{grid-template-columns:1.6fr 1fr 1fr}.footer strong,.footer b{color:#fff}.footer a:hover{color:var(--accent)}
@media(max-width:1000px){.games-v2{grid-template-columns:repeat(3,1fr)}.offers-v2{grid-template-columns:1fr}.offer-card{display:grid;grid-template-columns:280px 1fr}.features-v2{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr 1fr}.hero-location img{width:100%}}
@media(max-width:700px){.hero-v2{min-height:auto}.hero-v2-grid{grid-template-columns:1fr}.hero-location{min-height:300px}.games-v2{grid-template-columns:repeat(2,1fr)}.offer-card{display:block}.features-v2,.reviews-grid{grid-template-columns:1fr}.providers-v2,.payments-v2{grid-template-columns:repeat(2,1fr)}.section{padding:64px 0}}

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

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

.hero-v2,
.alt-section,
.reviews-section,
.editorial {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.game-categories li,
.offer-card,
.offer-visual,
.feature,
.reviews-grid > article,
.faq details,
.login-panel,
.article .form,
.providers-v2 li,
.payments-v2 li,
.footer .social a,
.review-arrow {
  background: var(--surface-raised) !important;
  background-image: none !important;
}

.alt-section .offer-card,
.alt-section .offer-visual,
.reviews-section .reviews-grid > article,
.editorial .location-map iframe {
  background: var(--surface-main) !important;
  background-image: none !important;
}

.hero-location {
  background: transparent !important;
  background-image: none !important;
}

.game-categories li:first-child,
.game-categories li:hover,
.header .menu:hover,
.header .actions .play-btn,
.hero-actions .primary-btn,
.offer-copy .primary-btn,
.bonus-content .btn,
.games-footer-action .primary-btn,
.login-form .primary-btn,
.form > .btn,
.footer .social a {
  background: #ffd400 !important;
}

/* Authoritative game grid. Loaded after every other stylesheet. */
.games-v2,
.article .game-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;
}

.game-categories + .games-v2,
.game-categories + .game-grid {
  margin-top: 36px !important;
}

.game-categories {
  gap: 8px !important;
}

.game-categories 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. */
.games-section .game-categories {
  gap: 6px !important;
}

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

.games-v2 .game-tile,
.article .game-card {
  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;
}

.games-v2 .game-tile > a,
.article .game-card > 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;
}

.games-v2 .game-tile img.slot-cover,
.article .game-card img.slot-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;
}

.games-v2 .game-name,
.article .game-card .game-info { display: none !important; }

@media (max-width: 850px) {
  .games-v2,
  .article .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .game-categories li {
    flex: 0 0 102px !important;
    width: 102px !important;
  }
  .games-section .game-categories li {
    flex: 0 0 94px !important;
    width: 94px !important;
  }
  .games-v2,
  .article .game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
  }
}

.faq-grid {
  align-items: start;
}
.faq-grid details {
  align-self: start;
  height: auto;
}

.footer-social-icons .social-icon {
  background: #ffe046 !important;
  border-color: #ffe046 !important;
  color: #1e1000 !important;
}
.footer-social-icons .social-icon img {
  filter: brightness(0) saturate(100%) !important;
}
.footer-social-icons .social-icon:hover,
.footer-social-icons .social-icon:focus-visible {
  background: #ffe046 !important;
  border-color: #ffe046 !important;
  filter: brightness(1.06);
}

/* Final brand-colour authority: exact CTA yellow everywhere interactive. */
.game-categories li:first-child,
.game-categories li:first-child:hover,
.game-categories li:hover {
  background: #ffe046 !important;
  border-color: #ffe046 !important;
  color: #1e1000 !important;
}
.footer .footer-social-icons a.social-icon,
.footer .footer-social-icons a.social-icon:hover,
.footer .footer-social-icons a.social-icon:focus-visible {
  background: #ffe046 !important;
  border-color: #ffe046 !important;
  color: #1e1000 !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, .game-name, .offer-copy > span,
.kicker, summary {
  font-family: "Segoe UI Variable Display", "Segoe UI", Helvetica, Arial, sans-serif;
}

h1, h2 { font-weight: 800; }
.hero-copy h1 { letter-spacing: -.06em; }
.section h2, .editorial h2, .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. */
.slot-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;
}

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

.article .game-card {
  align-self: start;
  height: auto;
  min-height: 0;
  background: #111218;
  border-color: #34353e;
}

.article .game-card > a {
  display: block;
  height: auto;
  line-height: 0;
}

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

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

.games-v2 .game-tile > a {
  height: auto !important;
}

.article .game-card .game-info {
  padding: 14px 15px 16px;
}

.article .game-card .game-info h3 {
  margin: 0;
  color: #ffd400;
  font-size: 1rem;
  line-height: 1.25;
}

.article .game-card .game-info span { display: none; }

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

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

.payments-v2 .payment-name {
  color: #f6f6f7;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.2;
  text-align: center;
}

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

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

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

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

.editorial-single {
  max-width: 940px;
}

.editorial-heading {
  max-width: 760px;
  margin-bottom: 16px;
}

.editorial-heading h2 {
  margin: 8px 0 14px;
}

.editorial-heading p {
  margin: 0;
  color: #a8a9b2;
  font-size: 1.08rem;
  line-height: 1.7;
}

.editorial-single .article-body {
  max-width: none;
}

.reviews-section {
  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;
}

.reviews-section .center-heading h2 {
  color: #fff;
}

.nav a::before,
.hero-copy h1::after,
.section h2::after,
.editorial h2::after,
.faq h2::after,
.reviews-section .center-heading h2::after {
  content: none !important;
  display: none !important;
}

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

.games-v2 .game-tile > a,
.article .game-card > a {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 !important;
  aspect-ratio: 500 / 560;
  border-radius: 12px 12px 0 0;
  background: #0b0c0f;
}

.games-v2 .game-tile img.slot-cover,
.article .game-card img.slot-cover {
  width: 100% !important;
  height: 100% !important;
  aspect-ratio: 500 / 560 !important;
  object-fit: contain !important;
  object-position: center !important;
  background: #0b0c0f;
}

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

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

.article .game-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.article .game-card .game-info { padding: 11px 12px 13px; }
.article .game-card .game-info 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) {
  .games-v2,
  .article .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 560px) {
  .games-v2,
  .article .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .payments-v2 li { min-height: 96px; }
}

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

/* One consistent design for primary and secondary action buttons. */
.header .actions .btn,
.hero-actions .btn,
.offer-copy .btn,
.bonus-content .btn,
.games-footer-action .btn,
.login-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;
}
.games-footer-action .btn {
  min-width: 190px !important;
  width: auto !important;
}
.header .actions .play-btn,
.hero-actions .primary-btn,
.offer-copy .primary-btn,
.bonus-content .btn,
.games-footer-action .primary-btn,
.login-form .primary-btn,
.form > .btn {
  border: 1px solid #ffd400 !important;
  background: #ffd400 !important;
  color: #090909 !important;
}
.header .actions .login-btn {
  border: 1px solid #5c5e69 !important;
  background: #111217 !important;
  color: #fff !important;
}
.hero-actions .secondary-btn {
  border: 1px solid #686b76 !important;
  background: transparent !important;
  background-image: none !important;
  color: #fff !important;
}

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

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

.footer-payments {
  margin-bottom: 38px;
  padding-bottom: 28px;
  border-bottom: 1px solid #292a31;
}
.footer-payments .payments-v2 { margin: 0 !important; }

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

/* Consistent finished layout for every French internal page. */
html[lang="fr-CA"] main > .article {
  width: min(1180px, calc(100% - 40px)) !important;
  max-width: 1180px !important;
  margin: 48px auto !important;
  padding: 46px !important;
  overflow-wrap: anywhere;
  border: 1px solid #34353e;
  border-radius: 20px;
  background: linear-gradient(155deg, #171821, #0d0e13);
}
html[lang="fr-CA"] main > .article > h1 { margin-top: 0; }
html[lang="fr-CA"] main > .article > h2 {
  margin-top: 42px;
  color: #fff !important;
}
html[lang="fr-CA"] main > .article .internal-depth,
html[lang="fr-CA"] main > .article .local-context {
  margin-top: 42px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.contact-section { padding: 58px 0; }
.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr);
  gap: 42px;
  align-items: start;
}
.contact-copy,
.contact-panel {
  min-width: 0;
  padding: 36px;
  border: 1px solid #34353e;
  border-radius: 20px;
  background: linear-gradient(155deg, #171821, #0d0e13);
}
.contact-copy h1 { font-size: clamp(2.5rem, 5vw, 4.4rem); }
.contact-facts h2 { margin: 28px 0 6px; font-size: 1.35rem; }
.contact-panel h2 { margin-top: 0; }
.contact-form label { color: #fff; font-weight: 750; }
.contact-form input,
.contact-form textarea { margin-top: 7px; }
@media (max-width: 800px) {
  html[lang="fr-CA"] main > .article {
    width: calc(100% - 24px) !important;
    margin: 24px auto !important;
    padding: 24px 18px !important;
    border-radius: 14px;
  }
  html[lang="fr-CA"] main > .article .internal-depth,
  html[lang="fr-CA"] main > .article .local-context { padding: 0; }
  .contact-section { padding: 34px 0; }
  .contact-layout { grid-template-columns: 1fr; gap: 18px; }
  .contact-copy,
  .contact-panel { padding: 24px 18px; }
}

/* French pages mirror the English templates; localization changes copy only. */
html[lang="fr-CA"] main > .article {
  width: min(880px, calc(100% - 40px)) !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 45px 0 !important;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}
html[lang="fr-CA"] main > .article.app-page,
html[lang="fr-CA"] main > .article.login-guide { width: min(880px, calc(100% - 40px)) !important; }
@media (max-width: 800px) {
  html[lang="fr-CA"] main > .article {
    width: calc(100% - 24px) !important;
    padding: 32px 0 !important;
  }
}

@media (max-width: 850px) {
  .header .nav.open {
    background: #10131a !important;
    border-top: 1px solid #292d36;
  }
}

/* Login page */
.login-section { padding: 88px 0 52px; }
.login-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 470px);
  align-items: center;
  gap: 70px;
}
.login-copy h1 { margin: 8px 0 20px; }
.login-copy > p { max-width: 650px; color: #b8bac3; font-size: 1.08rem; }
.login-points { margin: 28px 0 0; padding-left: 22px; color: #d4d5da; }
.login-points li { margin: 10px 0; }
.login-points a,
.login-panel a,
.login-guide a { color: #ffd400; }
.login-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);
}
.login-panel h2 { margin: 0 0 24px; font-size: 1.65rem; }
.login-form { display: grid; gap: 10px; }
.login-form label { font-weight: 750; }
.login-form input[type="email"],
.login-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;
}
.login-form input:focus { outline: 2px solid #ffd400; outline-offset: 2px; }
.login-options { display: flex; justify-content: space-between; gap: 18px; margin: 2px 0 12px; }
.login-options .remember { display: flex; align-items: center; gap: 8px; font-weight: 500; }
.login-form .btn { width: 100%; min-height: 50px; }
.login-register { margin: 20px 0 12px; text-align: center; }
.login-panel small { display: block; color: #858791; line-height: 1.55; }
.login-guide { padding-top: 28px; }
@media (max-width: 850px) {
  .login-layout { grid-template-columns: 1fr; gap: 38px; }
}
@media (max-width: 520px) {
  .login-section { padding-top: 52px; }
  .login-panel { padding: 24px 18px; }
  .login-options { align-items: flex-start; flex-direction: column; }
}

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

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

/* Final game lobby: clean square artwork with no card frames or captions. */
.games-v2,
.article .game-grid {
  align-items: stretch !important;
  gap: 18px !important;
}
.games-v2 .game-tile,
.article .game-card {
  min-width: 0;
  overflow: hidden;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
}
.games-v2 .game-tile > a,
.article .game-card > 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;
}
.games-v2 .game-tile img.slot-cover,
.article .game-card img.slot-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;
}
.games-v2 .game-name,
.article .game-card .game-info {
  display: none !important;
}
.games-v2 .game-play {
  display: grid;
  place-items: center;
  min-width: 62px;
  min-height: 38px;
  line-height: 1;
  border-radius: 7px;
}
.games-v2 .game-tile a:hover img,
.article .game-card a:hover img {
  transform: scale(1.025) !important;
}

.game-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 6px;
  padding: 0;
  list-style: none;
}
.game-categories 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) {
  .game-categories {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }
  .game-categories::-webkit-scrollbar { display: none; }
  .game-categories li { flex: 0 0 118px; width: 118px; }
}
.game-categories li:first-child {
  border-color: #ffe046;
  background: #ffe046;
  color: #090909;
}
.game-categories li:hover {
  border-color: #ffe046;
  background: #ffe046;
  color: #090909;
  transform: translateY(-1px);
}
.game-categories li:first-child:hover {
  border-color: #ffe046;
  background: #ffe046;
}

/* Five-card player review slider. */
.reviews-slider { position: relative; }
.reviews-section .center-heading {
  max-width: 780px;
  margin: 0 0 38px;
  text-align: left;
}
.reviews-section .center-heading p { margin-left: 0; margin-right: 0; }
.reviews-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;
}
.reviews-slider .reviews-grid::-webkit-scrollbar { display: none; }
.reviews-slider .reviews-grid > article {
  flex: 0 0 calc((100% - 32px) / 3);
  min-width: 0;
  scroll-snap-align: start;
}
.review-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}
.review-arrow {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid #ffd400;
  border-radius: 7px;
  background: #111217;
  color: #ffd400;
  font-size: 1.25rem;
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.review-arrow:hover { background: #ffd400; color: #090909; }
.review-arrow:disabled { opacity: .35; cursor: default; }
.review-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: #ffd400; }
@media (max-width: 850px) {
  .reviews-slider .reviews-grid > article { flex-basis: calc((100% - 16px) / 2); }
}
@media (max-width: 560px) {
  .reviews-slider .reviews-grid { gap: 0 !important; }
  .reviews-slider .reviews-grid > article { flex: 0 0 100%; }
}

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

/* Keep the first screen close to the header. */
.hero-v2 {
  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. */
.games-v2,
.article .game-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  column-gap: 12px !important;
  row-gap: 12px !important;
}
.games-v2 .game-tile,
.games-v2 .game-tile > a,
.games-v2 .game-tile img.slot-cover,
.article .game-card,
.article .game-card > a,
.article .game-card img.slot-cover {
  border-radius: 10px !important;
  overflow: hidden !important;
}
.games-v2 .game-tile img.slot-cover,
.article .game-card img.slot-cover {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
  object-fit: contain !important;
  clip-path: inset(0 round 10px);
}
.games-v2 .game-tile > a,
.article .game-card > a {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 3 !important;
}
@media (max-width: 980px) {
  .games-v2,
  .article .game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (max-width: 620px) {
  .games-v2,
  .article .game-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
.hero-v2::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%);
}
.hero-v2::after {
  display: none;
}
.hero-v2-grid {
  position: relative;
  z-index: 1;
}
.hero-v2-grid { align-items: center !important; }
.hero-copy h1 { margin-top: 0 !important; }
.hero-location {
  position: relative;
  min-height: 410px !important;
  overflow: hidden;
  isolation: isolate;
  background: transparent !important;
}
.hero-location::before {
  display: none;
}
.hero-location img { max-height: 430px !important; }
.hero-location .state-hero-logo {
  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;
}
.page-top-action {
  margin: 24px 0 34px;
}
.page-top-action .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. */
.article .offers-v2 {
  align-items: stretch;
}
.article .offers-v2 .offer-card {
  display: flex !important;
  flex-direction: column;
  height: 100%;
}
.article .offers-v2 .offer-visual {
  flex: 0 0 250px;
  min-height: 250px;
}
.article .offers-v2 .offer-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-self: stretch;
}
.article .offers-v2 .offer-copy > span {
  min-height: 3.2em;
}
.article .offers-v2 .offer-copy h3 {
  min-height: 3.1em;
}
.article .offers-v2 .offer-copy p {
  margin-bottom: 22px;
}
.article .offers-v2 .offer-copy .btn {
  margin-top: auto;
}
@media (max-width: 850px) {
  .hero-v2 { padding: 50px 0 46px !important; }
  .hero-location { min-height: 320px !important; }
  .hero-location .state-hero-logo {
    width: min(72%, 280px) !important;
    max-width: 280px !important;
    max-height: 280px !important;
  }
  .article .offers-v2 .offer-copy > span,
  .article .offers-v2 .offer-copy h3 {
    min-height: 0;
  }
}
@media (max-width: 560px) {
  .hero-v2 { padding-top: 44px !important; }
}

/* Final restrained type scale for the finished template. */
.hero-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,
.editorial h2,
.faq h2,
.article h1 {
  font-size: clamp(1.85rem, 3.2vw, 2.9rem) !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
}
.section-head h2 { font-size: clamp(1.85rem, 3vw, 2.75rem) !important; }
.article h2 {
  font-size: clamp(1.45rem, 2.4vw, 2rem) !important;
  line-height: 1.2 !important;
}
.article h3,
.article-body h3 { font-size: clamp(1.15rem, 1.8vw, 1.4rem) !important; }
.offer-copy h3 { font-size: 1.35rem !important; }
.feature h3 { font-size: 1.12rem !important; }
.reviews-grid h3 { font-size: 1rem !important; }
@media (max-width: 560px) {
  .hero-copy h1 { font-size: clamp(2rem, 10.5vw, 2.8rem) !important; }
  .section h2,
  .editorial h2,
  .faq h2,
  .article 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 0 38px;
    width: 38px !important;
    height: 38px !important;
  }
  .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; }
  .hero-v2 {
    padding: 34px 0 38px !important;
  }
  .hero-v2-grid,
  .hero-copy,
  .hero-location {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .hero-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;
  }
  .hero-copy > p {
    max-width: 100%;
    font-size: .92rem !important;
    line-height: 1.65 !important;
  }
  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100%;
    gap: 9px !important;
    margin: 20px 0 13px !important;
  }
  .hero-actions .btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: .78rem !important;
    white-space: normal !important;
  }
  .hero-copy small {
    display: block;
    max-width: 100%;
    font-size: .72rem;
    line-height: 1.55;
  }
  .hero-location {
    min-height: 230px !important;
    margin-top: 12px;
  }
  .hero-location .state-hero-logo {
    width: min(68%, 190px) !important;
    max-width: 190px !important;
    max-height: 210px !important;
  }
  .article,
  .article p,
  .article h1,
  .article h2,
  .article h3 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

/* Betty Casino Quebec identity */
:root{--bg:#1e1000;--primary:#ffe046;--betty-ink:#1e1000}
body{background:#1e1000;color:#fff7dc}
.header,.footer{background:#160b00}.btn,.primary-btn{background:#ffe046!important;color:#1e1000!important}.brand img{width:auto;max-width:190px;height:46px}.brand{color:#ffe046}.section,.article{color:#2a1600}.hero-v2{background:radial-gradient(circle at 85% 25%,#664000 0,transparent 33%),linear-gradient(135deg,#1e1000,#3a2100)}.lang-links{display:flex;gap:.35rem}.lang-links a{padding:.45rem .6rem;border:1px solid #ffe046;border-radius:8px}.quebec-mark{font-size:7rem;color:#ffe046;line-height:1}.social-note{max-width:18rem}.footer a{color:#fff7dc}
.games-section,.reviews-section,.alt-section,.faq,.editorial,.section:not(.hero-v2){background:#fff8e6;color:#2a1600}.games-section h2,.reviews-section h2,.alt-section h2,.faq h2,.editorial h2,.section:not(.hero-v2) h2,.section:not(.hero-v2) h3{color:#2a1600}
.brand{display:inline-flex;align-items:center}.brand img{display:block;width:155px!important;max-width:155px!important;height:58px!important;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.state-hero-logo{filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}.footer-social-icons{display:flex;gap:10px;margin-top:12px}.social-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,224,70,.55);border-radius:50%;background:#2a1705}.social-icon img{filter:brightness(0) invert(1)}.support-mark{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff7dc}.support-mark img{filter:brightness(0) invert(1)}.province-map{display:block;width:min(100%,760px);height:auto;margin:24px auto 0;padding:28px;background:#2a1705;border:2px solid #ffe046;border-radius:24px}
:root{--accent:#ffe046!important;--primary:#ffe046!important}.btn.primary-btn,.primary-btn,.play-btn,.header .actions .play-btn,.offer-copy .btn,.hero-actions .primary-btn,.page-top-action .btn,.login-form button[type="submit"],.form button[type="submit"]{background:#ffe046!important;background-image:none!important;border-color:#ffe046!important;color:#1e1000!important;box-shadow:none!important}.btn.primary-btn:hover,.primary-btn:hover,.play-btn:hover,.header .actions .play-btn:hover,.offer-copy .btn:hover,.hero-actions .primary-btn:hover{background:#ffe046!important;background-image:none!important;border-color:#ffe046!important;filter:brightness(.96)}.language-switch select{height:44px;min-width:70px;padding:0 30px 0 12px;border:1px solid #ffe046!important;border-radius:8px;background:#160b00!important;color:#fff!important;font:inherit;font-weight:800;cursor:pointer}.language-switch select:focus{outline:2px solid #ffe046;outline-offset:2px}.header,.header .nav a,.hero-v2,.hero-v2 h1,.hero-v2 p,.hero-v2 small,.footer,.footer p,.footer b,.footer small,.footer a{color:#fff!important}.hero-v2 .secondary-btn,.header .login-btn{color:#fff!important}.games-section,.reviews-section,.alt-section,.faq,.editorial,.section:not(.hero-v2),.article{color:#2a1600}.games-section p,.reviews-section p,.alt-section p,.faq p,.editorial p,.section:not(.hero-v2) p,.article p{color:#2a1600}
.footer a.social-icon{display:grid;margin:0;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.footer a.social-icon:hover,.footer a.social-icon:focus-visible{background:#ffe046;transform:translateY(-2px)}.footer a.social-icon:hover img,.footer a.social-icon:focus-visible img{filter:brightness(0)}
.support-badges>a{display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;padding:7px 12px;background:#fff;border-radius:10px;min-height:62px}.support-badges>a img{display:block;width:auto;max-width:180px;height:48px;object-fit:contain;filter:none!important}.support-badges .age-badge img{filter:none!important}.support-mark{display:none!important}
.quebec-map{display:block;width:100%;height:460px;margin:24px auto 0;border:2px solid #ffe046;border-radius:24px;background:#fff}@media(max-width:700px){.quebec-map{height:360px;border-radius:16px}}
.section.faq{background:#0d1016!important;color:#fff!important}.section.faq .kicker{color:#ffe046!important}.section.faq h2,.section.faq summary,.section.faq details p{color:#fff!important}.section.faq details{background:#171b23!important;border-color:#424957!important}.section.faq summary::marker{color:#ffe046!important}.section.faq details[open]{border-color:#ffe046!important}
.language-switch{display:inline-flex;align-items:center;flex:0 0 auto}.language-switch select{width:60px!important;min-width:60px!important;height:38px!important;padding:0 24px 0 10px!important;border:1px solid #454955!important;border-radius:7px!important;background-color:#111217!important;color:#fff!important;font-size:.86rem!important;line-height:1!important;box-shadow:none!important}.language-switch select:hover{border-color:#686d79!important}.language-switch select:focus{border-color:#686d79!important;outline:1px solid #686d79!important;outline-offset:1px!important}@media(max-width:520px){.language-switch select{width:54px!important;min-width:54px!important;height:36px!important;padding-left:8px!important;padding-right:20px!important}}
body,main,.section,.games-section,.reviews-section,.alt-section,.editorial,.article,.faq{background:#0d1016!important;color:#fff!important}main h1,main h2,main h3,main h4,main p,main li,main summary,main small,main td,main th,main label,.section h1,.section h2,.section h3,.section p,.section li,.article h1,.article h2,.article h3,.article p,.article li,.editorial h2,.editorial h3,.editorial p,.faq h2,.faq summary,.faq details p{color:#fff!important}.intro,.muted,.article-lead,.center-heading p,.hero-copy>p,.hero-copy small{color:#d6d8df!important}.feature,.offer-card,.game-tile>a,.reviews-grid>article,.faq details,.login-panel{background:#171b23!important;color:#fff!important}.game-name,.offer-copy>span,.kicker,.article-body h3,.article-body a,main a:not(.btn){color:#ffe046!important}.payments-v2 li,.providers-v2 li{background:#fff!important}.btn.primary-btn,.primary-btn,.play-btn,.header .actions .play-btn,.offer-copy .btn,.hero-actions .primary-btn,.page-top-action .btn,.login-form button[type="submit"],.form button[type="submit"]{color:#1e1000!important}
.payments-v2 li,.providers-v2 li{background:#171b23!important;border-color:#3a404c!important}.payments-v2 .payment-name{color:#fff!important}.payments-v2 img,.providers-v2 img{background:transparent!important}.support-badges>a{background:#171b23!important;border:1px solid #3a404c!important;padding:7px 12px!important}.support-badges>a img{background:transparent!important}.footer-payments{border-color:#2d323c!important}

/* Responsible-gambling marks are standalone logos, not cards. */
.footer-bottom .support-badges a,
.support-badges > a {
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.footer-bottom .support-badges a:hover,
.support-badges > a:hover { transform: none !important; }

.footer-bottom .support-badges {
  display: flex !important;
  justify-content: flex-start !important;
  gap: 12px !important;
}
.footer-bottom .support-badges a {
  width: auto !important;
  height: auto !important;
  flex: 0 0 auto;
}
.footer-bottom .support-badges a img {
  width: auto !important;
  max-width: 94px !important;
  height: 28px !important;
}

@media (max-width: 700px) {
  .header .brand img {
    flex: 0 0 120px !important;
    width: 120px !important;
    max-width: 120px !important;
    height: 46px !important;
  }
  .hero-v2 {
    padding-top: 58px !important;
  }
}
.long-casino-article{border-bottom:0!important}
.long-casino-article table{display:table;width:100%;max-width:900px;margin:28px 0 38px;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #3a404c;border-radius:14px;background:#141820;color:#fff}.long-casino-article caption{padding:0 0 14px;text-align:left;color:#fff;font-size:1.2rem;font-weight:800}.long-casino-article th,.long-casino-article td{padding:15px 18px;border-bottom:1px solid #343a46;text-align:left;vertical-align:top;color:#fff!important}.long-casino-article th{width:32%;background:#1c212b;font-weight:800}.long-casino-article tr:nth-child(even) td{background:#171b23}.long-casino-article tr:last-child th,.long-casino-article tr:last-child td{border-bottom:0}@media(max-width:640px){.long-casino-article table{display:block;overflow-x:auto;white-space:normal}.long-casino-article th,.long-casino-article td{min-width:150px;padding:12px 14px}.long-casino-article th{width:38%}}


/* language switcher visibility fix v28 */
.language-switch select,.header .lang{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:auto!important;min-width:66px!important;height:38px!important;padding:0 30px 0 12px!important;border:1px solid #454955!important;border-radius:7px!important;background-color:#111217!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27><path d=%27M2 4l4 4 4-4%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/></svg>")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:12px 12px!important;color:#fff!important;font-size:.9rem!important;font-weight:700!important;line-height:36px!important;text-align:left!important;text-align-last:left!important;text-indent:0!important;cursor:pointer}
.language-switch select option,.header .lang option{color:#111!important;background:#fff!important}
@media(max-width:560px){.header .lang{display:inline-block!important;min-width:58px!important;height:34px!important;font-size:.82rem!important;padding:0 26px 0 9px!important;line-height:32px!important;background-position:right 8px center!important}}

.article-figure{margin:22px 0;border:1px solid #2b3140;border-radius:14px;overflow:hidden;background:#171b24;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.article-figure img{display:block;width:100%;height:auto}
.article-figure figcaption{padding:10px 14px;color:#a8a9b2;font-size:.9rem;line-height:1.4}