/* ===== Apple-inspired refined theme ===== */
/* Applied on body.casino-theme — overrides earlier casino theme */

.casino-theme{
  --c-bg:#000000;
  --c-bg-2:#0a0a0c;
  --c-bg-3:#111115;
  --c-surface:#151519;
  --c-surface-2:#1c1c22;
  --c-line:rgba(255,255,255,.08);
  --c-line-2:rgba(255,255,255,.14);
  --c-text:#f5f5f7;
  --c-text-2:#d1d1d6;
  --c-text-3:#a1a1a6;
  --c-green:#0f5132;
  --c-green-2:#1f8f5b;
  --c-green-3:#86efac;
  --c-gold:#1f8f5b;
  --c-gold-2:#86efac;
  --c-gold-dim:#0f5132;
  --c-emerald:#22c55e;
  --c-emerald-2:#86efac;
  --c-red:#ff453a;
  --c-blue:#1f8f5b;
  --c-violet:#bf5af2;
  background:var(--c-bg);
  color:var(--c-text);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',ui-sans-serif,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"ss01","cv11";
  letter-spacing:-.01em;
}
.casino-theme::before,.casino-theme::after{display:none}
.casino-theme body,.casino-theme{ background:var(--c-bg) }

/* Typography — Apple-scale display */
.casino-theme h1,.casino-theme h2,.casino-theme h3,.casino-theme h4,.casino-theme h5{
  color:var(--c-text);
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',sans-serif;
  font-weight:600;letter-spacing:-.035em;line-height:1.05;
}
.casino-theme h1{font-size:clamp(48px,7.2vw,96px);font-weight:600;letter-spacing:-.045em;line-height:1}
.casino-theme h2{font-size:clamp(36px,4.8vw,64px);font-weight:600;letter-spacing:-.035em;line-height:1.05}
.casino-theme h3{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.15}
.casino-theme h4{font-size:20px;font-weight:600;letter-spacing:-.015em}

.casino-theme h1 em{
  font-style:normal;
  background:linear-gradient(180deg,#c8f7d8 0%,#58d98d 48%,#0f6b42 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:600;
  filter:none;
}
.casino-theme .lede{
  color:var(--c-text-2);font-size:clamp(19px,1.6vw,24px);
  max-width:68ch;line-height:1.42;font-weight:400;letter-spacing:-.015em;
}
.casino-theme .lede b{color:var(--c-text);font-weight:500}

.casino-theme p,.casino-theme li{font-weight:400;letter-spacing:-.01em}
.casino-theme a{color:var(--c-blue);text-decoration:none}
.casino-theme a:hover{text-decoration:underline}
.casino-theme a:focus-visible,
.casino-theme button:focus-visible,
.casino-theme summary:focus-visible{
  outline:2px solid var(--c-green-3);
  outline-offset:4px;
  border-radius:8px;
}

/* Eyebrow — Apple style */
.casino-theme .eyebrow{
  background:transparent;border:none;padding:0;
  color:var(--c-gold-2);font-size:15px;letter-spacing:.02em;font-weight:500;
  display:inline-flex;align-items:center;gap:10px;text-transform:none;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
}
.casino-theme .eyebrow .dot{background:var(--c-emerald);box-shadow:0 0 8px var(--c-emerald);width:6px;height:6px}
.casino-theme .mono{
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:13px;letter-spacing:.01em;text-transform:none;color:var(--c-text-3);font-weight:500;
}

/* ===== Ticker — minimal ===== */
.ticker{
  background:transparent;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);
  padding:14px 0;font-size:13px;color:var(--c-text-3);letter-spacing:-.005em;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
}
.ticker-track{display:flex;gap:48px;animation:ticker 50s linear infinite;width:max-content}
.ticker-track b{color:var(--c-text);font-weight:600}
.ticker-track .sep{color:var(--c-text-3);opacity:.4}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== Top notice ===== */
.casino-theme .topnotice{
  background:var(--c-bg);border-bottom:1px solid var(--c-line);
  color:var(--c-text-2);font-size:12.5px;padding:10px 0
}
.casino-theme .topnotice b{color:var(--c-text);font-weight:600}
.casino-theme .topnotice .pipe{color:var(--c-text-3)}

/* ===== Header ===== */
.casino-theme header.site{
  background:rgba(0,0,0,.72);backdrop-filter:saturate(1.8) blur(20px);-webkit-backdrop-filter:saturate(1.8) blur(20px);
  border-bottom:1px solid var(--c-line);
}
.casino-theme .nav{padding:12px 0}
.casino-theme .brand{font-size:18px;font-weight:600;letter-spacing:-.015em;color:var(--c-text)}
.casino-theme .brand-logo{
  display:block;
  width:310px;
  max-width:min(56vw,310px);
  height:auto;
}
.casino-theme .brand .mark{
  width:30px;height:30px;border-radius:8px;
  background:linear-gradient(145deg,#35c878,#0f5132);
  color:#fff;font-weight:700;font-size:15px;font-family:-apple-system,sans-serif;
  box-shadow:none;
}
.casino-theme .brand .dotcom{color:var(--c-text-3);font-weight:400}
.casino-theme nav.primary a{
  color:var(--c-text-2);font-size:14px;font-weight:400;padding:8px 14px;letter-spacing:-.005em
}
.casino-theme nav.primary a:hover,.casino-theme nav.primary a.active{
  background:transparent;color:var(--c-text);text-decoration:none
}
.casino-theme nav.primary a.cta{
  background:var(--c-text);color:#000;border-radius:100px;padding:7px 16px;font-weight:500;font-size:14px;
  box-shadow:none;text-shadow:none
}
.casino-theme nav.primary a.cta:hover{background:#fff;filter:none}
.casino-theme .nav-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.casino-theme .nav-actions .cta{
  background:var(--c-text);
  color:#000;
  border-radius:100px;
  padding:7px 16px;
  font-weight:500;
  font-size:14px;
  white-space:nowrap;
  box-shadow:none;
  text-shadow:none;
}
.casino-theme .nav-actions .cta:hover{
  background:#fff;
  color:#000;
  text-decoration:none;
}

/* ===== HERO — Apple product hero ===== */
.casino-theme .page-hero{padding:96px 0 80px;position:relative;overflow:hidden;text-align:left}
.casino-theme .page-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(ellipse 60% 40% at 30% 20%, rgba(31,143,91,.12), transparent 60%),
    radial-gradient(ellipse 50% 40% at 85% 60%, rgba(34,197,94,.08), transparent 65%);
}
.casino-theme .hero-ornate,.casino-theme .hero-reel{display:none}

.casino-theme .hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
@media (max-width:960px){.casino-theme .hero-grid{grid-template-columns:1fr;gap:40px}}

.casino-theme h1{margin:22px 0 28px;max-width:14ch}

.casino-theme .hero-image{
  margin:32px 0 0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--c-line);
  background:var(--c-surface);
  box-shadow:0 30px 80px -42px rgba(0,0,0,.85);
  aspect-ratio:16/9;
}
.casino-theme .hero-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.casino-theme .hero-image.is-root{
  grid-column:1/-1;
  margin-top:28px;
  max-width:none;
  width:100%;
  aspect-ratio:21/9;
  border-radius:28px;
}
.casino-theme .hero-image.is-article{
  max-width:980px;
}

.casino-theme .page-hero.has-hero-background{
  min-height:620px;
  padding:132px 0 118px;
  display:flex;
  align-items:center;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:#050506;
  isolation:isolate;
}
.casino-theme .page-hero.has-editor-card{min-height:760px}
.casino-theme .page-hero.has-hero-background::before{
  z-index:1;
  background:
    linear-gradient(90deg, rgba(0,0,0,.76) 0%, rgba(0,0,0,.58) 38%, rgba(0,0,0,.28) 70%, rgba(0,0,0,.5) 100%),
    linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.58) 100%);
}
.casino-theme .page-hero.has-hero-background::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:24%;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.88) 100%);
}
.casino-theme .page-hero.has-hero-background > .container{
  position:relative;
  z-index:2;
  width:100%;
}
.casino-theme .page-hero.has-hero-background > .hero-image.is-hero-background,
.casino-theme .page-hero.has-hero-background > .hero-image.is-hero-background.is-root,
.casino-theme .page-hero.has-hero-background > .hero-image.is-hero-background.is-article{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
  width:100%;
  max-width:none;
  height:100%;
  aspect-ratio:auto;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#050506;
  pointer-events:none;
}
.casino-theme .page-hero.has-hero-background > .hero-image.is-hero-background img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.06) contrast(1.04) brightness(1.02);
  transform:scale(1.01);
}
.casino-theme .page-hero.has-hero-background h1,
.casino-theme .page-hero.has-hero-background h2,
.casino-theme .page-hero.has-hero-background h3,
.casino-theme .page-hero.has-hero-background .lede,
.casino-theme .page-hero.has-hero-background .meta-row,
.casino-theme .page-hero.has-hero-background .eyebrow{
  text-shadow:0 2px 28px rgba(0,0,0,.55);
}
.casino-theme .page-hero.has-hero-background .lede{
  color:rgba(245,245,247,.9);
}
.casino-theme .page-hero.has-hero-background .lede b,
.casino-theme .page-hero.has-hero-background .meta-row b{
  color:#fff;
}
.casino-theme .page-hero.has-hero-background .eyebrow{
  color:var(--c-green-3);
}
.casino-theme .page-hero.has-hero-background .meta-row{
  color:rgba(245,245,247,.68);
}
.casino-theme .page-hero.has-hero-background .ep-card{
  background:rgba(18,18,24,.72);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 32px 90px -32px rgba(0,0,0,.95);
  backdrop-filter:blur(22px) saturate(1.18);
  -webkit-backdrop-filter:blur(22px) saturate(1.18);
}
.casino-theme .page-hero.has-hero-background .trust-strip{
  border-top-color:rgba(255,255,255,.18);
}
.casino-theme .page-hero.has-hero-background .trust-strip .item{
  border-right-color:rgba(255,255,255,.14);
}
.casino-theme .hero-quicknav{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:22px;
}
.casino-theme .hero-quicknav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.9);
  font-size:14px;
  font-weight:500;
  letter-spacing:-.01em;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.casino-theme .hero-quicknav a:hover{
  background:rgba(255,255,255,.14);
  color:#fff;
  text-decoration:none;
}
.casino-theme .page-hero.has-hero-background + section{
  position:relative;
  z-index:3;
}
.casino-theme .page-hero.has-hero-background + section .keyfacts{
  margin-top:-132px;
  margin-bottom:56px;
  background:rgba(18,18,24,.78);
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  box-shadow:0 34px 90px -48px rgba(0,0,0,.92);
  backdrop-filter:blur(22px) saturate(1.15);
  -webkit-backdrop-filter:blur(22px) saturate(1.15);
}
.casino-theme .page-hero.has-hero-background + section .keyfacts .kf{
  border-left-color:rgba(255,255,255,.14);
}
.casino-theme .page-hero.has-hero-background + section .keyfacts .lbl,
.casino-theme .page-hero.has-hero-background + section .keyfacts .sub{
  color:rgba(245,245,247,.62);
}
.casino-theme .page-hero.has-hero-background + section .keyfacts .v{
  color:#fff;
  font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','Inter',sans-serif;
  letter-spacing:-.025em;
}

/* Trust strip — Apple feature row */
.casino-theme .trust-strip{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  margin-top:48px;padding:0;border:none;border-top:1px solid var(--c-line)
}
.casino-theme .trust-strip .item{
  padding:24px 28px 0;border-right:1px solid var(--c-line);display:flex;flex-direction:column;gap:12px;align-items:flex-start
}
.casino-theme .trust-strip .item:last-child{border-right:none}
.casino-theme .trust-strip .item:first-child{padding-left:0}
.casino-theme .trust-strip .ic{
  width:28px;height:28px;border-radius:0;background:none;border:none;color:var(--c-gold-2);
  display:block;
}
.casino-theme .trust-strip .ic svg{width:28px;height:28px}
.casino-theme .trust-strip b{color:var(--c-text);font-size:15px;font-weight:600;display:block;letter-spacing:-.01em}
.casino-theme .trust-strip span.s{font-size:13.5px;color:var(--c-text-2);letter-spacing:-.005em;line-height:1.4}

/* ===== Buttons — Apple pill style ===== */
.casino-theme .btn, .casino-theme .btn.inline{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 28px;border-radius:100px;font-weight:500;font-size:16px;
  background:var(--c-blue);color:#fff!important;
  border:none;text-decoration:none;width:auto;min-width:180px;
  box-shadow:none;text-shadow:none;letter-spacing:-.01em;
  transition:filter .2s ease,transform .2s ease;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
}
.casino-theme .btn::after{display:none}
.casino-theme .btn:hover{filter:brightness(1.1);transform:none;text-decoration:none;box-shadow:none}
.casino-theme .btn.ghost{
  background:transparent;color:var(--c-blue)!important;border:none;padding:14px 4px;min-width:0
}
.casino-theme .btn.ghost:hover{text-decoration:underline;background:transparent;filter:none}
.casino-theme .btn.gold{
  background:linear-gradient(180deg,#86efac,#1f8f5b);color:#03140b!important;
}
.casino-theme .btn.gold:hover{filter:brightness(1.06)}

.casino-theme .fine{font-size:12px;color:var(--c-text-3);margin-top:16px;line-height:1.5;letter-spacing:-.005em}

/* ===== Editor's pick — floating card, no ribbon ===== */
.casino-theme .ep-card{
  background:linear-gradient(180deg,#1c1c22 0%,#151519 100%);
  border:1px solid var(--c-line);border-radius:24px;padding:32px;position:relative;
  box-shadow:0 30px 80px -30px rgba(0,0,0,.9);overflow:visible;
}
.casino-theme .ep-card::before{display:none}
.casino-theme .ep-ribbon{
  position:absolute;top:-12px;left:32px;clip-path:none;
  background:rgba(255,255,255,.06);backdrop-filter:blur(10px);
  color:var(--c-gold-2);font-size:11px;letter-spacing:.04em;text-transform:uppercase;
  padding:6px 14px;border-radius:100px;font-weight:600;
  border:1px solid rgba(134,239,172,.28);
  box-shadow:none;font-family:-apple-system,sans-serif;
}
.casino-theme .ep-head{display:flex;align-items:center;gap:16px;margin-top:8px}
.casino-theme .ep-logo{
  width:56px;height:56px;border-radius:14px;background:#fff;padding:7px;
  box-shadow:0 0 0 1px rgba(255,255,255,.1),0 8px 16px -8px rgba(0,0,0,.6)
}
.casino-theme .ep-head h3,
.casino-theme .ep-head .ep-name{font-size:28px;margin:0;font-weight:600;letter-spacing:-.025em;line-height:1.15;color:var(--c-text)}
.casino-theme .ep-sub{font-size:14px;color:var(--c-text-3);margin-top:3px;letter-spacing:-.005em}
.casino-theme .score-big{display:flex;align-items:baseline;gap:12px;margin:20px 0 12px}
.casino-theme .score-big .num{
  font-size:56px;font-weight:600;line-height:1;letter-spacing:-.035em;
  background:linear-gradient(180deg,#c8f7d8,#1f8f5b);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
}
.casino-theme .score-big .o{color:var(--c-text-3);font-size:16px;letter-spacing:-.01em}
.casino-theme .stars{color:var(--c-gold);letter-spacing:1px;filter:none;font-size:16px}
.casino-theme .ep-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 24px;padding:0;
  background:none;border:none;border-top:1px solid var(--c-line);padding-top:22px
}
.casino-theme .ep-grid .k{font-size:12px;color:var(--c-text-3);font-family:-apple-system,sans-serif;letter-spacing:-.005em;text-transform:none;font-weight:400}
.casino-theme .ep-grid .v{color:var(--c-text);font-weight:500;margin-top:4px;font-size:15px;letter-spacing:-.01em}

/* ===== Section heads — Apple style ===== */
.casino-theme section{padding:80px 0}
.casino-theme .sec-head{
  border-bottom:none;padding-bottom:0;margin-bottom:48px;
  display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap
}
.casino-theme .sec-head h2,
.casino-theme .sec-head h3{margin-top:12px;max-width:20ch}
.casino-theme .sec-head .meta{color:var(--c-text-3);font-size:14px;letter-spacing:-.005em}
.casino-theme .sec-head .meta b{color:var(--c-text);font-weight:600}
.casino-theme .mono[style*="--accent-ink"]{color:var(--c-text-3)!important;font-weight:500}

/* ===== Genre tiles — Apple card style ===== */
.casino-theme .genres{
  display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:0
}
.casino-theme .genre{
  aspect-ratio:1;border-radius:22px;padding:22px;display:flex;flex-direction:column;
  justify-content:space-between;border:none;text-decoration:none;color:var(--c-text);
  position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1);
}
.casino-theme .genre:hover{transform:scale(1.02);text-decoration:none}
.casino-theme .genre.slots{background:linear-gradient(155deg,#1d1235 0%,#3b1e6b 100%)}
.casino-theme .genre.live{background:linear-gradient(155deg,#2a1309 0%,#7a2d10 100%)}
.casino-theme .genre.table{background:linear-gradient(155deg,#0d1f1a 0%,#0d6b4a 100%)}
.casino-theme .genre.crash{background:linear-gradient(155deg,#1a0a14 0%,#8c1240 100%)}
.casino-theme .genre.poker{background:linear-gradient(155deg,#121a2b 0%,#1d3a7a 100%)}
.casino-theme .genre.jackpot{background:linear-gradient(155deg,#1c1509 0%,#b38a35 100%)}
.casino-theme .genre::after{display:none}
.casino-theme .genre .emoji{
  width:36px;height:36px;color:rgba(255,255,255,.95);
}
.casino-theme .genre .emoji svg{width:100%;height:100%}
.casino-theme .genre .gname{
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:20px;font-weight:600;letter-spacing:-.02em;color:#fff
}
.casino-theme .genre .count{font-size:12.5px;color:rgba(255,255,255,.65);letter-spacing:-.005em;font-family:-apple-system,sans-serif;margin-top:2px}
@media (max-width:900px){.casino-theme .genres{grid-template-columns:repeat(3,1fr)}}
@media (max-width:540px){.casino-theme .genres{grid-template-columns:repeat(2,1fr)}}

/* ===== Stat band — Apple spec row ===== */
.stat-band{
  display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  background:transparent;border:none;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);
  border-radius:0;overflow:visible;margin:0
}
.stat-band > div{
  padding:40px 32px;border-right:1px solid var(--c-line);position:relative;border-bottom:none
}
.stat-band > div:last-child{border-right:none}
.stat-band > div:first-child{padding-left:0}
.stat-band .v{
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:clamp(42px,5vw,64px);font-weight:600;line-height:1;letter-spacing:-.035em;
  background:linear-gradient(180deg,#f5f5f7 0%,#a1a1a6 120%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.stat-band .l{
  font-size:14px;color:var(--c-text-2);text-transform:none;letter-spacing:-.005em;margin-top:12px;
  font-family:-apple-system,sans-serif;font-weight:500
}
.stat-band .s{color:var(--c-text-3);font-size:12.5px;margin-top:2px;letter-spacing:-.005em}
@media (max-width:820px){.stat-band{grid-template-columns:1fr 1fr}.stat-band > div{padding:28px 20px}}

/* ===== TOPLIST — cleaner, more Apple-like ===== */
.casino-theme ol.toplist{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.casino-theme li.toprow{
  display:grid;grid-template-columns:56px 72px 1.5fr 1.4fr 1.2fr 180px;
  gap:24px;align-items:center;
  background:#15151a;
  border:1px solid var(--c-line);border-radius:20px;padding:20px 28px;
  position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.casino-theme li.toprow::before{display:none}
.casino-theme li.toprow:hover{background:#1c1c22;border-color:var(--c-line-2);transform:none;box-shadow:none}
.casino-theme li.toprow.featured{
  background:linear-gradient(180deg,#1f1f26 0%,#18181d 100%);
  border:1px solid rgba(134,239,172,.2);box-shadow:none
}
.casino-theme li.toprow .rank{
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:44px;font-weight:600;line-height:1;
  letter-spacing:-.035em;text-align:center;color:var(--c-text-3);background:none;-webkit-text-fill-color:initial;
  filter:none;-webkit-background-clip:initial;background-clip:initial;
}
.casino-theme li.toprow.featured .rank{
  background:linear-gradient(180deg,#c8f7d8,#1f8f5b);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
}
.casino-theme li.toprow .logo{
  width:72px;height:56px;border-radius:12px;background:#fff!important;padding:8px!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.1)
}
.casino-theme li.toprow .name h3{font-size:19px;font-weight:600;margin:0;letter-spacing:-.02em}
.casino-theme li.toprow .score{display:flex;align-items:center;gap:8px;margin:4px 0 8px}
.casino-theme li.toprow .score b{font-size:17px;color:var(--c-text);font-weight:600;letter-spacing:-.015em;font-family:-apple-system,sans-serif}
.casino-theme li.toprow .tags{display:flex;flex-wrap:wrap;gap:6px}
.casino-theme li.toprow .tag{
  font-size:11.5px;color:var(--c-text-2);padding:4px 10px;border-radius:100px;
  background:rgba(255,255,255,.06);border:none;font-family:-apple-system,sans-serif;letter-spacing:-.005em
}
.casino-theme li.toprow .bonus b{
  display:block;color:var(--c-text);font-size:15px;line-height:1.3;font-weight:500;
  font-family:-apple-system,sans-serif;letter-spacing:-.01em
}
.casino-theme li.toprow .bonus .sub{font-size:12px;color:var(--c-text-3);margin-top:6px;font-family:-apple-system,sans-serif;letter-spacing:-.005em}
.casino-theme li.toprow .kv{display:grid;gap:6px;font-size:13px}
.casino-theme li.toprow .kv .row{display:flex;justify-content:space-between;gap:12px;padding:0}
.casino-theme li.toprow .kv .l{color:var(--c-text-3);font-size:12.5px;letter-spacing:-.005em}
.casino-theme li.toprow .kv .v{color:var(--c-text);font-weight:500;letter-spacing:-.01em}
.casino-theme li.toprow .cta{display:flex;flex-direction:column;gap:10px;align-items:stretch}
.casino-theme li.toprow .cta .btn{padding:11px 18px;font-size:14px;min-width:0;width:100%}
.casino-theme li.toprow .cta .review{
  text-align:center;font-size:12.5px;color:var(--c-blue);text-decoration:none;
  font-family:-apple-system,sans-serif;letter-spacing:-.005em;
}
.casino-theme li.toprow .cta .review:hover{text-decoration:underline}
@media (max-width:1100px){
  .casino-theme li.toprow{grid-template-columns:48px 64px 1fr 180px}
  .casino-theme li.toprow .bonus,.casino-theme li.toprow .kv{grid-column:1/-1;border-top:1px solid var(--c-line);padding-top:16px;margin-top:4px}
  .casino-theme li.toprow .cta{grid-column:1/-1}
}

/* ===== Compare table ===== */
.casino-theme .tbl-wrap{
  background:#15151a;border:1px solid var(--c-line);border-radius:20px;overflow:hidden;box-shadow:none
}
.casino-theme table.cmp{width:100%;border-collapse:collapse}
.casino-theme table.cmp thead th{
  background:transparent;color:var(--c-text-3);font-size:12.5px;letter-spacing:-.005em;
  text-transform:none;font-weight:500;text-align:left;padding:16px 22px;
  border-bottom:1px solid var(--c-line);font-family:-apple-system,sans-serif
}
.casino-theme table.cmp tbody td{padding:18px 22px;border-bottom:1px solid var(--c-line);color:var(--c-text);vertical-align:middle;font-size:14.5px;letter-spacing:-.005em}
.casino-theme table.cmp tbody tr:last-child td{border-bottom:none}
.casino-theme table.cmp tbody tr:hover{background:rgba(255,255,255,.02)}
.casino-theme .cname{display:flex;align-items:center;gap:12px;font-weight:500}
.casino-theme .cname .mini{background:#fff!important;padding:4px!important;border-radius:6px!important}
.casino-theme .score-cell{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:28px;
  background:rgba(34,197,94,.14);color:var(--c-green-3);border:none;border-radius:100px;
  font-weight:600;font-size:13px;font-family:-apple-system,sans-serif;padding:0 10px
}
.casino-theme .pill{
  display:inline-block;padding:4px 12px;border-radius:100px;font-size:12.5px;
  font-family:-apple-system,sans-serif;border:none;letter-spacing:-.005em
}
.casino-theme .pill.ok{background:rgba(48,209,88,.15);color:var(--c-emerald-2)}
.casino-theme .pill.mid{background:rgba(34,197,94,.14);color:var(--c-green-3)}
.casino-theme .go{color:var(--c-blue);font-weight:500}

/* Payment strip */
.casino-theme .pay-strip{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;
  padding:28px 24px;background:transparent;border:1px solid var(--c-line);
  border-radius:20px;margin-top:32px
}
.casino-theme .pay-strip .p{
  padding:8px 14px;font-size:12.5px;color:var(--c-text-2);
  background:rgba(255,255,255,.04);border:none;border-radius:100px;
  font-family:-apple-system,sans-serif;letter-spacing:-.005em
}

/* Methodology */
.casino-theme #metodologi{background:var(--c-bg);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.casino-theme #metodologi h3,
.casino-theme #metodologi h4{font-family:-apple-system,sans-serif;color:var(--c-text);font-weight:600;letter-spacing:-.02em}
.casino-theme #metodologi p{color:var(--c-text-2);letter-spacing:-.005em}
.casino-theme #metodologi .mono{color:var(--c-text-3)!important;font-size:12.5px;font-family:-apple-system,sans-serif;text-transform:none;letter-spacing:-.005em}

/* Articles */
.casino-theme article.article-body p,.casino-theme article.article-body li{color:var(--c-text-2);font-size:17px;line-height:1.55;letter-spacing:-.01em}
.casino-theme article.article-body b,.casino-theme article.article-body strong{color:var(--c-text)}
.casino-theme article.article-body a{color:var(--c-blue);text-decoration:none}
.casino-theme article.article-body a:hover{text-decoration:underline}
.casino-theme article.article-body blockquote{
  border-left:3px solid var(--c-gold);background:transparent;
  padding:4px 20px;margin:24px 0;border-radius:0;color:var(--c-text-2);font-style:normal
}
.casino-theme article.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.casino-theme article.article-body th{background:transparent;padding:14px 16px;text-align:left;color:var(--c-text-3);font-size:12.5px;text-transform:none;letter-spacing:-.005em;border-bottom:1px solid var(--c-line);font-weight:500}
.casino-theme article.article-body td{padding:14px 16px;border-bottom:1px solid var(--c-line)}

.casino-theme .callout{
  background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.18);border-radius:16px;padding:20px 24px;margin:24px 0
}
.casino-theme .callout .lbl{color:var(--c-gold);font-family:-apple-system,sans-serif;font-size:12px;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.casino-theme .callout h3,
.casino-theme .callout h4{color:var(--c-text);margin:0 0 8px;font-size:18px;letter-spacing:-.015em}
.casino-theme .callout p{margin:0;color:var(--c-text-2)}

.casino-theme .nlp-content{
  margin:0 0 32px;
  padding:0;
}
.casino-theme .answer-box{
  background:var(--paper-3);
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 24px;
  margin-bottom:24px;
}
.casino-theme .answer-box .lbl{
  color:var(--accent-ink);
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:12px;
  letter-spacing:.02em;
  text-transform:uppercase;
  margin-bottom:8px;
  font-weight:700;
}
.casino-theme .answer-box p{
  margin:0;
  color:var(--ink-800)!important;
  font-size:17px;
  line-height:1.6;
}
.casino-theme .intent-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:20px 0 18px;
}
.casino-theme .intent-grid > div{
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 16px;
}
.casino-theme .intent-grid b{
  color:var(--ink-900)!important;
  display:block;
  font-size:13px;
  margin-bottom:6px;
}
.casino-theme .intent-grid span{
  color:var(--ink-700);
  display:block;
  font-size:13.5px;
  line-height:1.45;
}
.casino-theme .keyword-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:16px 0 0!important;
}
.casino-theme .keyword-row span{
  color:var(--ink-700);
  background:var(--paper-2);
  border:1px solid var(--line);
  border-radius:100px;
  padding:6px 10px;
  font-size:12.5px;
}
.casino-theme .source-line{
  margin-top:16px!important;
  font-size:13.5px!important;
  color:var(--ink-600, var(--ink-700))!important;
}
.casino-theme .page-insight{
  margin:28px 0 34px;
}
.casino-theme .page-insight.is-standalone{
  padding:48px 0;
  margin:0;
  background:#050506;
  border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line);
}
.casino-theme .page-insight .page-insight-inner{
  display:grid;
  grid-template-columns:1.25fr .95fr;
  gap:28px;
  align-items:stretch;
}
.casino-theme article.article-body .page-insight .page-insight-inner{
  display:grid;
  grid-template-columns:1fr;
  padding:0;
}
.casino-theme article.article-body .page-insight .container{
  width:100%;
  max-width:none;
  margin:0;
}
.casino-theme .insight-copy,
.casino-theme .insight-outline{
  border:1px solid var(--line);
  border-radius:18px;
  background:var(--paper-3);
  padding:22px 24px;
}
.casino-theme .page-insight.is-standalone .insight-copy,
.casino-theme .page-insight.is-standalone .insight-outline{
  background:#15151a;
  border-color:var(--c-line);
}
.casino-theme .insight-copy .mono{
  color:var(--accent-ink)!important;
  margin-bottom:8px;
}
.casino-theme .page-insight.is-standalone .insight-copy .mono{
  color:var(--c-gold-2)!important;
}
.casino-theme .insight-copy h2,
.casino-theme .insight-copy h3{
  font-size:clamp(26px,3vw,42px);
  line-height:1.08;
  margin:0 0 12px;
  color:var(--ink-900)!important;
}
.casino-theme .page-insight.is-standalone .insight-copy h2,
.casino-theme .page-insight.is-standalone .insight-copy h3,
.casino-theme .page-insight.is-standalone .insight-outline h3{
  color:var(--c-text)!important;
}
.casino-theme .insight-copy p{
  color:var(--ink-700)!important;
  margin:0 0 16px;
}
.casino-theme .page-insight.is-standalone .insight-copy p{
  color:var(--c-text-2)!important;
}
.casino-theme .insight-copy ul{
  margin:0;
  padding-left:18px;
}
.casino-theme .insight-copy li{
  color:var(--ink-700)!important;
  margin:6px 0;
}
.casino-theme .page-insight.is-standalone .insight-copy li{
  color:var(--c-text-2)!important;
}
.casino-theme .insight-outline h3{
  margin:0 0 14px;
  color:var(--ink-900)!important;
  font-size:20px;
}
.casino-theme .insight-outline ol{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:10px;
}
.casino-theme .insight-outline li{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:start;
  color:var(--ink-700)!important;
}
.casino-theme .page-insight.is-standalone .insight-outline li{
  color:var(--c-text-2)!important;
}
.casino-theme .insight-outline li span{
  color:var(--c-gold);
  font-family:-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}
.casino-theme .insight-links{
  border-top:1px solid var(--line);
  margin-top:18px;
  padding-top:16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.casino-theme .page-insight.is-standalone .insight-links{
  border-color:var(--c-line);
}
.casino-theme .insight-links a{
  color:var(--c-blue);
  font-size:14px;
  font-weight:500;
}
@media (max-width:800px){
  .casino-theme .intent-grid,
  .casino-theme .page-insight .page-insight-inner{grid-template-columns:1fr}
  .casino-theme .hero-image.is-root{aspect-ratio:16/10}
}

@media (max-width:960px){
  .casino-theme .page-hero.has-hero-background{
    min-height:auto;
    padding:96px 0 78px;
  }
  .casino-theme .page-hero.has-editor-card{min-height:auto}
  .casino-theme .page-hero.has-hero-background > .container[style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
    gap:32px!important;
  }
  .casino-theme .page-hero.has-hero-background::before{
    background:
      linear-gradient(180deg, rgba(0,0,0,.66) 0%, rgba(0,0,0,.42) 46%, rgba(0,0,0,.7) 100%),
      linear-gradient(90deg, rgba(0,0,0,.7), rgba(0,0,0,.28));
  }
  .casino-theme .page-hero.has-hero-background .trust-strip{
    grid-template-columns:1fr;
    border-top-color:rgba(255,255,255,.16);
  }
  .casino-theme .page-hero.has-hero-background .trust-strip .item{
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:18px 0;
  }
  .casino-theme .page-hero.has-hero-background .trust-strip .item:last-child{border-bottom:0}
  .casino-theme .page-hero.has-hero-background + section .keyfacts{
    margin-top:-72px;
  }
}

@media (max-width:620px){
  .casino-theme .page-hero.has-hero-background{
    padding:78px 0 66px;
  }
  .casino-theme .hero-quicknav{
    gap:8px;
    margin-top:18px;
  }
  .casino-theme .hero-quicknav a{
    min-height:34px;
    padding:8px 11px;
    font-size:13px;
  }
  .casino-theme .page-hero.has-hero-background + section .keyfacts{
    grid-template-columns:1fr;
    margin-top:-46px;
    padding:20px;
  }
  .casino-theme .page-hero.has-hero-background + section .keyfacts .kf{
    border-left:0;
    padding-left:0;
  }
}

.casino-theme .side .box{
  background:#15151a;border:1px solid var(--c-line);border-radius:18px;padding:20px;margin-bottom:16px
}
.casino-theme .side .box .t{color:var(--c-text-3);font-family:-apple-system,sans-serif;font-size:12px;letter-spacing:-.005em;text-transform:none;margin-bottom:10px;font-weight:500}
.casino-theme .side .box h3,
.casino-theme .side .box h4{color:var(--c-text);font-size:17px;margin:4px 0;letter-spacing:-.015em}
.casino-theme .side .box p{color:var(--c-text-2);font-size:13.5px;margin:8px 0 14px}

/* FAQ — Apple expandable */
.casino-theme .faq{max-width:860px;margin:0 auto}
.casino-theme details.q{
  background:transparent;border:none;border-bottom:1px solid var(--c-line);border-radius:0;
  padding:0;margin-bottom:0;transition:none
}
.casino-theme details.q[open]{border-color:var(--c-line-2);background:transparent}
.casino-theme details.q summary{
  cursor:pointer;padding:24px 0;font-family:-apple-system,sans-serif;font-size:18px;color:var(--c-text);
  font-weight:500;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;
  letter-spacing:-.015em;
}
.casino-theme details.q summary::after{content:"+";color:var(--c-blue);font-size:22px;font-weight:300;transition:transform .25s ease}
.casino-theme details.q[open] summary::after{transform:rotate(45deg)}
.casino-theme details.q .a{padding:0 0 24px;color:var(--c-text-2);line-height:1.6;font-size:16px;letter-spacing:-.01em}

/* Author / responsible */
.casino-theme .author{
  background:#15151a;border:1px solid var(--c-line);border-radius:22px;
  padding:28px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center
}
.casino-theme .author .avatar{
  width:60px;height:60px;border-radius:50%;
  background:linear-gradient(145deg,#35c878,#0f5132);
  color:#fff;font-weight:700;font-size:22px;font-family:-apple-system,sans-serif;
  box-shadow:none
}
.casino-theme .author .who h3{font-size:20px;margin:0;letter-spacing:-.02em}
.casino-theme .author .who .role{color:var(--c-text-3);font-size:13px;font-family:-apple-system,sans-serif;letter-spacing:-.005em;text-transform:none;font-weight:500}
.casino-theme .author .who p{color:var(--c-text-2);margin:6px 0 0;font-size:14px;letter-spacing:-.005em;line-height:1.5}
.casino-theme .author .meta{color:var(--c-text-3);font-size:13px;text-align:right;letter-spacing:-.005em}
.casino-theme .author .meta b{color:var(--c-text);display:block;font-weight:600;font-size:22px;letter-spacing:-.02em}

.casino-theme .resp{
  background:rgba(255,69,58,.06);border:1px solid rgba(255,69,58,.2);border-radius:22px;padding:24px 28px;margin-top:32px
}
.casino-theme .resp .grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}
.casino-theme .resp .icon{
  width:52px;height:52px;border-radius:50%;background:rgba(255,69,58,.15);
  color:var(--c-red);font-weight:700;font-size:16px;font-family:-apple-system,sans-serif;border:none
}
.casino-theme .resp h3{color:var(--c-text);font-size:17px;letter-spacing:-.015em}
.casino-theme .resp p{color:var(--c-text-2);font-size:13.5px;letter-spacing:-.005em}
.casino-theme .resp .links a{color:var(--c-blue);font-size:13px}

/* Footer */
.casino-theme footer.site{
  background:var(--c-bg);border-top:1px solid var(--c-line);margin-top:0;padding:64px 0 32px
}
.casino-theme footer.site .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.casino-theme footer.site h5,
.casino-theme footer.site .footer-heading{color:var(--c-text);font-family:-apple-system,sans-serif;font-size:13px;text-transform:none;letter-spacing:-.005em;margin:0 0 14px;font-weight:600}
.casino-theme footer.site ul a{color:var(--c-text-2);font-size:13px;letter-spacing:-.005em}
.casino-theme footer.site ul a:hover{color:var(--c-text);text-decoration:underline}
.casino-theme footer.site .about{color:var(--c-text-3);font-size:13px;line-height:1.55;margin-top:10px;max-width:34ch;letter-spacing:-.005em}
.casino-theme footer.site .brand-f{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--c-text);font-weight:600;letter-spacing:-.02em;font-family:-apple-system,sans-serif}
.casino-theme footer.site .brand-f .mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#35c878,#0f5132);color:#fff;font-family:-apple-system,sans-serif;font-weight:700;font-size:15px}
.casino-theme footer.site .footer-logo{
  display:block;
  width:310px;
  max-width:100%;
  height:auto;
}
.casino-theme footer.site .bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--c-line);color:var(--c-text-3);font-size:12px;letter-spacing:-.005em}
.casino-theme footer.site .licenses span{padding:4px 12px;background:rgba(255,255,255,.05);border:none;border-radius:100px;font-family:-apple-system,sans-serif;font-size:11px;letter-spacing:-.005em;color:var(--c-text-2)}

/* Breadcrumbs */
.casino-theme .crumbs{color:var(--c-text-3);font-family:-apple-system,sans-serif;font-size:13px;letter-spacing:-.005em;text-transform:none;padding:32px 0 0}
.casino-theme .crumbs a{color:var(--c-text-2)}
.casino-theme .crumbs a:hover{color:var(--c-text)}
.casino-theme .crumbs .cur{color:var(--c-text)}

/* Meta-row */
.casino-theme .meta-row{color:var(--c-text-3);font-size:14px;letter-spacing:-.005em;gap:12px}
.casino-theme .meta-row b{color:var(--c-text);font-weight:600}
.casino-theme .meta-row .av{
  width:26px;height:26px;background:linear-gradient(145deg,#35c878,#0f5132);color:#fff;
  font-family:-apple-system,sans-serif;font-weight:700;font-size:12px
}

/* Icon wrappers */
.cur-ico{color:inherit;display:inline-block;vertical-align:middle;line-height:0}
.cur-ico svg{display:block;width:100%;height:100%}

/* Fade-in on scroll */
.casino-theme .page-hero,.casino-theme section{animation:fadein .8s ease both}
@keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Hero-side aside column stacking — force order */
@media (max-width:960px){
  .casino-theme .page-hero .hero-grid > aside{order:-1}
}

/* Final contrast pass for light content sections. Keep this at the end. */
.casino-theme section[style*="background:#fff"],
.casino-theme section[style*="background: #fff"],
.casino-theme section[style*="background:#fff"] article.article-body,
.casino-theme section[style*="background: #fff"] article.article-body {
  color: var(--ink-900) !important;
}

.casino-theme section[style*="background:#fff"] h1,
.casino-theme section[style*="background:#fff"] h2,
.casino-theme section[style*="background:#fff"] h3,
.casino-theme section[style*="background:#fff"] h4,
.casino-theme section[style*="background:#fff"] h5,
.casino-theme section[style*="background: #fff"] h1,
.casino-theme section[style*="background: #fff"] h2,
.casino-theme section[style*="background: #fff"] h3,
.casino-theme section[style*="background: #fff"] h4,
.casino-theme section[style*="background: #fff"] h5,
.casino-theme section[style*="background:#fff"] article.article-body h1,
.casino-theme section[style*="background:#fff"] article.article-body h2,
.casino-theme section[style*="background:#fff"] article.article-body h3,
.casino-theme section[style*="background:#fff"] article.article-body h4,
.casino-theme section[style*="background: #fff"] article.article-body h1,
.casino-theme section[style*="background: #fff"] article.article-body h2,
.casino-theme section[style*="background: #fff"] article.article-body h3,
.casino-theme section[style*="background: #fff"] article.article-body h4 {
  color: var(--ink-900) !important;
}

.casino-theme section[style*="background:#fff"] p,
.casino-theme section[style*="background:#fff"] li,
.casino-theme section[style*="background:#fff"] td,
.casino-theme section[style*="background: #fff"] p,
.casino-theme section[style*="background: #fff"] li,
.casino-theme section[style*="background: #fff"] td,
.casino-theme section[style*="background:#fff"] article.article-body p,
.casino-theme section[style*="background:#fff"] article.article-body li,
.casino-theme section[style*="background: #fff"] article.article-body p,
.casino-theme section[style*="background: #fff"] article.article-body li {
  color: var(--ink-700) !important;
}

.casino-theme section[style*="background:#fff"] b,
.casino-theme section[style*="background:#fff"] strong,
.casino-theme section[style*="background: #fff"] b,
.casino-theme section[style*="background: #fff"] strong,
.casino-theme section[style*="background:#fff"] article.article-body b,
.casino-theme section[style*="background:#fff"] article.article-body strong,
.casino-theme section[style*="background: #fff"] article.article-body b,
.casino-theme section[style*="background: #fff"] article.article-body strong {
  color: var(--ink-900) !important;
}

.casino-theme section[style*="background:#fff"] .callout,
.casino-theme section[style*="background: #fff"] .callout {
  background: var(--paper-3) !important;
  border-color: var(--line) !important;
}

.casino-theme section[style*="background:#fff"] .callout h3,
.casino-theme section[style*="background:#fff"] .callout h4,
.casino-theme section[style*="background: #fff"] .callout h3,
.casino-theme section[style*="background: #fff"] .callout h4 {
  color: var(--ink-900) !important;
}

.casino-theme section[style*="background:#fff"] .callout p,
.casino-theme section[style*="background: #fff"] .callout p {
  color: var(--ink-700) !important;
}

.casino-theme section[style*="background:#fff"] .mono,
.casino-theme section[style*="background: #fff"] .mono {
  color: var(--ink-700) !important;
}

/* Dark cards/tables can sit inside white sections; keep their own contrast. */
.casino-theme section[style*="background:#fff"] .ep-card,
.casino-theme section[style*="background: #fff"] .ep-card,
.casino-theme section[style*="background:#fff"] .tbl-wrap,
.casino-theme section[style*="background: #fff"] .tbl-wrap,
.casino-theme section[style*="background:#fff"] li.toprow,
.casino-theme section[style*="background: #fff"] li.toprow,
.casino-theme section[style*="background:#fff"] .side .box,
.casino-theme section[style*="background: #fff"] .side .box {
  color: var(--c-text) !important;
}

.casino-theme section[style*="background:#fff"] .ep-card h1,
.casino-theme section[style*="background:#fff"] .ep-card h2,
.casino-theme section[style*="background:#fff"] .ep-card h3,
.casino-theme section[style*="background:#fff"] .ep-card h4,
.casino-theme section[style*="background:#fff"] .tbl-wrap h1,
.casino-theme section[style*="background:#fff"] .tbl-wrap h2,
.casino-theme section[style*="background:#fff"] .tbl-wrap h3,
.casino-theme section[style*="background:#fff"] .tbl-wrap h4,
.casino-theme section[style*="background:#fff"] li.toprow h1,
.casino-theme section[style*="background:#fff"] li.toprow h2,
.casino-theme section[style*="background:#fff"] li.toprow h3,
.casino-theme section[style*="background:#fff"] li.toprow h4,
.casino-theme section[style*="background: #fff"] .ep-card h1,
.casino-theme section[style*="background: #fff"] .ep-card h2,
.casino-theme section[style*="background: #fff"] .ep-card h3,
.casino-theme section[style*="background: #fff"] .ep-card h4,
.casino-theme section[style*="background: #fff"] .tbl-wrap h1,
.casino-theme section[style*="background: #fff"] .tbl-wrap h2,
.casino-theme section[style*="background: #fff"] .tbl-wrap h3,
.casino-theme section[style*="background: #fff"] .tbl-wrap h4,
.casino-theme section[style*="background: #fff"] li.toprow h1,
.casino-theme section[style*="background: #fff"] li.toprow h2,
.casino-theme section[style*="background: #fff"] li.toprow h3,
.casino-theme section[style*="background: #fff"] li.toprow h4 {
  color: var(--c-text) !important;
}

.casino-theme section[style*="background:#fff"] .ep-card p,
.casino-theme section[style*="background:#fff"] .ep-card li,
.casino-theme section[style*="background:#fff"] .ep-sub,
.casino-theme section[style*="background:#fff"] .tbl-wrap p,
.casino-theme section[style*="background:#fff"] .tbl-wrap li,
.casino-theme section[style*="background:#fff"] .tbl-wrap td,
.casino-theme section[style*="background:#fff"] li.toprow p,
.casino-theme section[style*="background:#fff"] li.toprow li,
.casino-theme section[style*="background: #fff"] .ep-card p,
.casino-theme section[style*="background: #fff"] .ep-card li,
.casino-theme section[style*="background: #fff"] .ep-sub,
.casino-theme section[style*="background: #fff"] .tbl-wrap p,
.casino-theme section[style*="background: #fff"] .tbl-wrap li,
.casino-theme section[style*="background: #fff"] .tbl-wrap td,
.casino-theme section[style*="background: #fff"] li.toprow p,
.casino-theme section[style*="background: #fff"] li.toprow li {
  color: var(--c-text-2) !important;
}

.casino-theme section[style*="background:#fff"] .tbl-wrap th,
.casino-theme section[style*="background: #fff"] .tbl-wrap th,
.casino-theme section[style*="background:#fff"] .ep-card .mono,
.casino-theme section[style*="background: #fff"] .ep-card .mono,
.casino-theme section[style*="background:#fff"] .tbl-wrap .mono,
.casino-theme section[style*="background: #fff"] .tbl-wrap .mono,
.casino-theme section[style*="background:#fff"] li.toprow .mono,
.casino-theme section[style*="background: #fff"] li.toprow .mono,
.casino-theme section[style*="background:#fff"] .ep-card .fine,
.casino-theme section[style*="background: #fff"] .ep-card .fine {
  color: var(--c-text-3) !important;
}

.casino-theme section[style*="background:#fff"] .tbl-wrap .cname,
.casino-theme section[style*="background:#fff"] .tbl-wrap .score-cell,
.casino-theme section[style*="background:#fff"] .tbl-wrap b,
.casino-theme section[style*="background:#fff"] li.toprow b,
.casino-theme section[style*="background:#fff"] li.toprow .kv .v,
.casino-theme section[style*="background:#fff"] .ep-card b,
.casino-theme section[style*="background:#fff"] .ep-card strong,
.casino-theme section[style*="background: #fff"] .tbl-wrap .cname,
.casino-theme section[style*="background: #fff"] .tbl-wrap .score-cell,
.casino-theme section[style*="background: #fff"] .tbl-wrap b,
.casino-theme section[style*="background: #fff"] li.toprow b,
.casino-theme section[style*="background: #fff"] li.toprow .kv .v,
.casino-theme section[style*="background: #fff"] .ep-card b,
.casino-theme section[style*="background: #fff"] .ep-card strong {
  color: var(--c-text) !important;
}

.casino-theme section[style*="background:#fff"] .tbl-wrap .go,
.casino-theme section[style*="background: #fff"] .tbl-wrap .go,
.casino-theme section[style*="background:#fff"] li.toprow .review,
.casino-theme section[style*="background: #fff"] li.toprow .review {
  color: #66b7ff !important;
}

.casino-theme section[style*="background:#fff"] .pill.ok,
.casino-theme section[style*="background: #fff"] .pill.ok {
  color: #0b7f35 !important;
}

.casino-theme section[style*="background:#fff"] .side .box .t,
.casino-theme section[style*="background: #fff"] .side .box .t {
  color: var(--c-text-3) !important;
}

.casino-theme section[style*="background:#fff"] .side .box h3,
.casino-theme section[style*="background:#fff"] .side .box h4,
.casino-theme section[style*="background:#fff"] .side .box .score-row .num,
.casino-theme section[style*="background: #fff"] .side .box h3,
.casino-theme section[style*="background: #fff"] .side .box h4,
.casino-theme section[style*="background: #fff"] .side .box .score-row .num {
  color: var(--c-text) !important;
}

.casino-theme section[style*="background:#fff"] .side .box p,
.casino-theme section[style*="background:#fff"] .side .box .score-row .outof,
.casino-theme section[style*="background: #fff"] .side .box p,
.casino-theme section[style*="background: #fff"] .side .box .score-row .outof {
  color: var(--c-text-2) !important;
}

.casino-theme section[style*="background:#fff"] .side .box .stars,
.casino-theme section[style*="background: #fff"] .side .box .stars {
  color: var(--c-green-3) !important;
}

/* High-contrast comparison tables. These tables often sit on near-black sections,
   so keep every data point readable even on mobile screenshots and dim displays. */
.casino-theme .tbl-wrap{
  background:#17171d !important;
  border-color:rgba(255,255,255,.18) !important;
}

.casino-theme table.cmp thead th{
  color:#c9c9cf !important;
  background:rgba(255,255,255,.015) !important;
}

.casino-theme table.cmp tbody td{
  color:#f4f4f6 !important;
}

.casino-theme table.cmp .cname{
  color:#ffffff !important;
  font-weight:700 !important;
}

.casino-theme table.cmp .score-cell{
  background:#dff7e7 !important;
  color:#062418 !important;
  border:1px solid rgba(134,239,172,.55) !important;
  box-shadow:none !important;
  font-weight:800 !important;
}

.casino-theme table.cmp .pill.ok,
.casino-theme table.cmp .pill.mid{
  background:#ecfdf3 !important;
  color:#07512f !important;
  font-weight:700 !important;
}

.casino-theme table.cmp .go{
  color:#77f0a0 !important;
  font-weight:800 !important;
}

.casino-theme table.cmp tbody tr:hover{
  background:rgba(255,255,255,.04) !important;
}

.casino-theme .crawl-nav{
  background:#050505;
  border-top:1px solid var(--c-line);
  border-bottom:1px solid var(--c-line);
}

.casino-theme .crawl-nav .crawl-title{
  color:var(--c-text-3);
}

.casino-theme .crawl-nav a{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.12);
  color:var(--c-text-2);
}

.casino-theme .crawl-nav a:hover{
  border-color:rgba(119,240,160,.65);
  color:var(--c-green-3);
}

/* Mobile layout guard. Keep at the end so it wins over desktop grids and inline page layouts. */
@media (max-width:700px){
  html,
  body,
  .casino-theme{
    max-width:100%;
    overflow-x:hidden;
  }

  .casino-theme .container{
    width:100%;
    max-width:100%;
    padding-left:18px;
    padding-right:18px;
  }

  .casino-theme .nav{
    gap:10px;
    flex-wrap:wrap;
    align-items:center;
  }

  .casino-theme .brand{
    min-width:0;
    flex:1 1 auto;
  }

  .casino-theme .brand-logo{
    width:230px;
    max-width:calc(100vw - 170px);
    min-width:0;
  }

  .casino-theme .nav-actions{
    flex:0 0 auto;
  }

  .casino-theme .nav-actions .cta{
    white-space:nowrap;
    padding:8px 14px;
    margin-left:0;
  }

  .casino-theme nav.primary{
    order:3;
    flex:0 0 100%;
    width:100%;
    display:flex;
    gap:8px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding:6px 0 2px;
    margin-top:2px;
  }

  .casino-theme nav.primary::-webkit-scrollbar{
    display:none;
  }

  .casino-theme nav.primary a,
  .casino-theme nav.primary a:not(.cta){
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    min-height:36px;
    padding:8px 12px;
    border:1px solid var(--c-line);
    border-radius:999px;
    background:rgba(255,255,255,.045);
    color:var(--c-text-2);
    white-space:nowrap;
    font-size:13.5px;
    line-height:1;
  }

  .casino-theme nav.primary a.active{
    color:var(--c-text);
    border-color:rgba(134,239,172,.32);
    background:rgba(31,143,91,.18);
  }

  .casino-theme .page-hero{
    padding:64px 0 48px;
  }

  .casino-theme .page-hero.has-hero-background{
    padding:72px 0 58px;
  }

  .casino-theme .sec-head{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:12px;
    margin-bottom:30px;
  }

  .casino-theme .sec-head h2,
  .casino-theme .sec-head h3{
    max-width:100%;
  }

  .casino-theme .hero-grid,
  .casino-theme .article-layout,
  .casino-theme .page-insight .page-insight-inner,
  .casino-theme .container[style*="grid-template-columns"],
  .casino-theme section .container > div[style*="grid-template-columns"],
  .casino-theme article.article-body div[style*="grid-template-columns"]{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .casino-theme .article-body,
  .casino-theme .article-body > *,
  .casino-theme .nlp-content,
  .casino-theme .answer-box,
  .casino-theme .callout,
  .casino-theme .intent-grid > div,
  .casino-theme .insight-copy,
  .casino-theme .insight-outline,
  .casino-theme .page-insight,
  .casino-theme .page-insight .container{
    max-width:100%;
    min-width:0;
    overflow-wrap:break-word;
  }

  .casino-theme .intent-grid,
  .casino-theme .keyfacts{
    grid-template-columns:1fr!important;
  }

  .casino-theme .stat-band{
    grid-template-columns:1fr;
  }

  .casino-theme .stat-band > div{
    border-right:0;
    border-bottom:1px solid var(--c-line);
    padding:24px 0;
  }

  .casino-theme .stat-band > div:last-child{
    border-bottom:0;
  }

  .casino-theme .genres{
    grid-template-columns:1fr 1fr;
    gap:12px;
    width:100%;
  }

  .casino-theme .genre{
    min-width:0;
    min-height:164px;
    padding:22px 18px;
  }

  .casino-theme .genre .gname{
    font-size:clamp(18px,5.6vw,22px);
    line-height:1.12;
  }

  .casino-theme .genre .count{
    font-size:12px;
    line-height:1.35;
  }

  .casino-theme ol.toplist{
    width:100%;
    max-width:100%;
  }

  .casino-theme li.toprow{
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:48px 64px minmax(0,1fr)!important;
    grid-template-areas:
      "rank logo name"
      "bonus bonus bonus"
      "kv kv kv"
      "cta cta cta";
    gap:14px;
    padding:18px;
    overflow:hidden;
  }

  .casino-theme li.toprow .rank{grid-area:rank}
  .casino-theme li.toprow .logo{
    grid-area:logo;
    width:64px!important;
    height:50px!important;
  }
  .casino-theme li.toprow .name{
    grid-area:name;
    min-width:0;
  }
  .casino-theme li.toprow .bonus{
    grid-area:bonus;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%;
    min-width:0;
  }
  .casino-theme li.toprow .kv{
    grid-area:kv;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%;
    min-width:0;
  }
  .casino-theme li.toprow .cta{
    grid-area:cta;
    grid-column:1/-1!important;
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .casino-theme li.toprow .bonus b,
  .casino-theme li.toprow .bonus .sub,
  .casino-theme li.toprow .name h3,
  .casino-theme li.toprow .cta .review{
    overflow-wrap:anywhere;
  }

  .casino-theme li.toprow .kv .row{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .casino-theme li.toprow .cta .btn{
    width:100%;
    max-width:100%;
    min-width:0;
  }

  .casino-theme .tbl-wrap{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .casino-theme table.cmp{
    min-width:620px;
  }

  .casino-theme table.cmp thead th{
    color:rgba(245,245,247,.8)!important;
    font-size:12px;
    padding:14px 18px;
  }

  .casino-theme table.cmp tbody td{
    color:var(--c-text)!important;
    padding:18px;
  }

  .casino-theme table.cmp .cname{
    color:var(--c-text)!important;
    font-weight:650;
  }

  .casino-theme table.cmp .score-cell{
    color:#06130d!important;
    background:var(--c-green-3)!important;
    font-weight:750;
    box-shadow:0 0 0 1px rgba(134,239,172,.24);
  }

  .casino-theme table.cmp .go{
    color:var(--c-green-3)!important;
    font-weight:700;
  }

  .casino-theme article.article-body table{
    width:100%!important;
    max-width:100%;
    table-layout:fixed;
    font-size:12.5px;
  }

  .casino-theme article.article-body th,
  .casino-theme article.article-body td{
    padding:9px 7px;
    overflow-wrap:anywhere;
  }

  .casino-theme footer.site{
    padding:44px 0 28px;
  }

  .casino-theme footer.site .grid{
    grid-template-columns:1fr!important;
    gap:26px;
  }

  .casino-theme footer.site .footer-logo{
    width:230px;
    max-width:100%;
  }

  .casino-theme footer.site .bottom{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
}

@media (max-width:420px){
  .casino-theme .container{
    padding-left:16px;
    padding-right:16px;
  }

  .casino-theme .brand-logo{
    width:214px;
    max-width:calc(100vw - 154px);
  }

  .casino-theme nav.primary a.cta{
    padding:8px 13px;
    font-size:13.5px;
  }

  .casino-theme .genres{
    gap:10px;
  }

  .casino-theme .genre{
    min-height:150px;
    padding:20px 16px;
  }

  .casino-theme li.toprow{
    grid-template-columns:42px 58px minmax(0,1fr)!important;
    padding:16px;
  }

  .casino-theme li.toprow .rank{
    font-size:38px;
  }

  .casino-theme li.toprow .logo{
    width:58px!important;
    height:46px!important;
  }
}