/* ToonieSlots.com  v2 dark  (self-contained) */
:root{
  --bg:#0B1220; --bg-2:#0F1830; --sur:#141D33; --sur-2:#1A2544; --sur-3:#22305A; --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --ink:#E8EDF7; --ink-2:#C7D0E2; --muted:#98A5C0; --muted-2:#6F7D99;
  --gold:#F5B82E; --gold-2:#FFD36A; --gold-ink:#241A02; --red:#EF4444; --red-2:#F87171; --mint:#22C55E; --mint-2:#4ADE80; --blue:#3B82F6;
  --b:#F5B82E; --b2:#FFD36A; --b3:#1A2544; --hero:radial-gradient(at 78% 40%,#2B4A9A 0,#17306B 30%,#0F1830 70%);
  --radius:16px; --radius-s:10px; --shadow:0 12px 32px rgba(0,0,0,.45); --shadow-s:0 2px 10px rgba(0,0,0,.35);
  --wrap:1280px; --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --display:"Nunito","Inter",system-ui,sans-serif;
}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
.site{overflow-x:clip}
body{margin:0;font-family:var(--font);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg) radial-gradient(1200px 500px at 50% -10%,rgba(43,74,154,.35),transparent 60%)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-2);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
a:hover{color:#fff}
h1,h2,h3,h4{font-family:var(--display);line-height:1.15;margin:0 0 .5em;font-weight:900;letter-spacing:-.01em;color:#fff}
h1{font-size:clamp(2rem,4.6vw,3.3rem)} h2{font-size:clamp(1.45rem,2.6vw,2rem)} h3{font-size:1.15rem} h4{font-size:1rem}
p{margin:0 0 1em} ul,ol{margin:0 0 1em 1.2em;padding:0}
strong{font-weight:700;color:#fff}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip-link{position:absolute;left:-999px;top:8px;background:var(--gold);color:var(--gold-ink);padding:8px 12px;border-radius:8px;z-index:100}
.skip-link:focus{left:8px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);background:rgba(245,184,46,.12);border:1px solid rgba(245,184,46,.35);padding:5px 11px;border-radius:999px;margin-bottom:12px}
.eyebrow.ghost{background:transparent}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(34,197,94,.22)}
.btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--display);font-weight:900;font-size:1rem;padding:13px 22px;border-radius:12px;background:linear-gradient(180deg,var(--gold-2),var(--gold));color:var(--gold-ink);text-decoration:none;border:0;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s;white-space:nowrap;box-shadow:0 6px 18px rgba(245,184,46,.25)}
.btn:hover,.button:hover{transform:translateY(-1px);filter:brightness(1.06);color:var(--gold-ink)}
.btn.green{background:linear-gradient(180deg,#4ADE80,#22C55E);color:#06260F;box-shadow:0 6px 18px rgba(34,197,94,.25)}
.btn.ghost{background:transparent;border:2px solid var(--line-2);color:#fff;box-shadow:none}
.btn.ghost:hover{border-color:var(--gold);color:var(--gold-2)}
.btn.sm{padding:9px 14px;font-size:.88rem;border-radius:10px}.btn.full{width:100%}
.btn svg{flex:none}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.92);backdrop-filter:blur(10px);color:#fff;border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--wrap);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.brand .bear{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--gold)}
.brand small{display:block;font-size:.6rem;letter-spacing:.14em;color:var(--muted);font-weight:700;margin-top:3px;white-space:nowrap}
.desktop-nav{display:flex;gap:2px;margin-left:auto;flex-wrap:wrap}
.nav-link{color:var(--ink-2);text-decoration:none;font-weight:700;font-size:.86rem;padding:8px 9px;border-radius:10px;white-space:nowrap}
.header-rg{flex:none}
.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.08);color:var(--gold-2)}
.header-rg{display:flex;align-items:center;gap:8px;color:var(--ink-2);text-decoration:none;font-size:.7rem;line-height:1.1;font-weight:700;margin-left:6px}
.age-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--gold);color:var(--gold);font-weight:900;font-size:.7rem;flex:none}
.mobile-menu-button{display:none;margin-left:auto;background:transparent;border:0;color:#fff;cursor:pointer;padding:6px}
/* hero */
.hero{background:var(--hero);color:#fff;border-radius:var(--radius);padding:44px 40px;display:grid;grid-template-columns:1.25fr .9fr;gap:30px;align-items:center;position:relative;overflow:hidden;margin-top:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero:before{content:"";position:absolute;inset:0;background:url(/static/img/leaves.webp) repeat;opacity:.05;pointer-events:none}
.hero:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--b) 0,transparent 60%);opacity:.35;pointer-events:none}
.hero.has-img,.phead.has-img,.final.has-img{background:linear-gradient(90deg,rgba(11,18,32,.96) 0,rgba(11,18,32,.82) 42%,rgba(11,18,32,.35) 100%),var(--hero-img) center/cover no-repeat}
.hero.has-img:after,.phead.has-img:after{display:none}
.hero-copy{position:relative;z-index:1}
.hero h1{color:#fff}.hero-title-accent{color:var(--gold)}
.hero-subtitle{font-size:1.05rem;color:rgba(255,255,255,.82);max-width:56ch}
.hero-footnote{display:block;font-size:.78rem;color:rgba(255,255,255,.55);margin-top:14px}
.hero-cta{margin-top:6px}
.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1}
.hero-bear{max-height:340px;width:auto;filter:drop-shadow(0 18px 24px rgba(0,0,0,.5))}
.bear-speech{background:#fff;color:#14213D;border-radius:14px;padding:12px 16px;max-width:300px;position:relative;box-shadow:var(--shadow)}
.bear-speech:after{content:"";position:absolute;top:-10px;left:40px;border:10px solid transparent;border-top:0;border-bottom-color:#fff}
.bear-speech span{display:block;font-size:.66rem;font-weight:800;letter-spacing:.12em;color:#C8102E}
.bear-speech p{margin:2px 0 0;font-weight:700;font-size:.95rem;line-height:1.35}
.bear-name{text-align:center;font-family:var(--display);font-weight:900;color:var(--gold)}
.bear-name small{display:block;font-family:var(--font);font-weight:500;color:rgba(255,255,255,.6);font-size:.75rem}
.hero-year{position:absolute;right:0;top:0;font-family:var(--display);font-weight:900;font-size:1.3rem;color:var(--gold);text-align:right;line-height:1}
.hero-year small{font-size:.6rem;letter-spacing:.14em;color:rgba(255,255,255,.55);font-family:var(--font)}
.trust-strip{display:flex;flex-wrap:wrap;gap:10px 24px;padding:16px 4px;font-size:.88rem;font-weight:600;color:var(--muted)}
.trust-strip span{display:inline-flex;align-items:center;gap:6px}.trust-strip svg{color:var(--mint)}
/* layout */
.shell{max-width:var(--wrap);margin:0 auto;padding:0 20px 40px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.main{min-width:0}.wide{grid-column:1 / -1;min-width:0}
.section-space{margin:40px 0}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}
.section-heading p{color:var(--muted);margin:0}
.section-index{font-family:var(--display);font-weight:900;color:var(--muted-2);font-size:.85rem;white-space:nowrap}
.card{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;box-shadow:var(--shadow-s);margin-bottom:22px}
.prose p{font-size:1.02rem;color:var(--ink-2)}.prose h3{margin-top:1.3em}.prose ul li{margin-bottom:.35em;color:var(--ink-2)}
.cols{columns:2;column-gap:34px}.cols h3,.cols .tbl-wrap,.cols .table-scroll,.cols .fig,.cols .duo,.cols .note{column-span:all}
.cols p{break-inside:avoid}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid2 .card{margin-bottom:0}.grid2>*,.two>*,.casino-cards>*,.steps>*,.method>*{min-width:0}
.two{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.two .card{margin:0}
.note{font-size:.85rem;color:var(--muted);background:var(--sur-2);border-left:3px solid var(--gold);padding:10px 14px;border-radius:0 8px 8px 0}
/* table */
.table-scroll{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);border:1px solid var(--line);background:var(--sur)}
table.tbl,table.comparison-table{width:100%;border-collapse:collapse;font-size:.92rem}
.tbl th,.comparison-table th{background:var(--sur-3);color:var(--ink-2);text-align:left;padding:12px 14px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}
.tbl td,.comparison-table td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:middle;color:var(--ink-2)}
.tbl tr.sum td{font-weight:800;background:var(--sur-2)}
.tbl-wrap{overflow-x:auto;margin:1em 0}
.comparison-table tr{border-left:4px solid transparent}
.comparison-table tr.featured-row{background:rgba(245,184,46,.07);border-left-color:var(--gold)}
.comparison-table tbody tr:hover{background:rgba(255,255,255,.03)}
.table-casino{display:flex;align-items:center;gap:12px}
.rank{font-family:var(--display);font-weight:900;color:var(--muted-2);font-size:1.05rem;width:28px}
.top-choice{display:inline-block;font-size:.66rem;font-weight:800;color:var(--gold-2);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.bonus-value{display:block;font-family:var(--display);font-weight:900;color:#fff;font-size:1.05rem}
.bonus-spins{display:block;font-size:.82rem;color:var(--muted)}
.rating{display:inline-flex;align-items:center;gap:4px;color:#fff;font-weight:800;background:rgba(245,184,46,.14);border:1px solid rgba(245,184,46,.35);padding:5px 9px;border-radius:999px;font-size:.9rem}
.rating svg{color:var(--gold)}
.table-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.table-actions a:not(.btn){font-size:.85rem}
.table-footnote{font-size:.8rem;color:var(--muted);margin-top:10px}
.yn{display:inline-flex;align-items:center;gap:4px;font-weight:700}.yn.y{color:var(--mint-2)}.yn.n{color:var(--red-2)}
/* logo chip */
.lg{display:inline-flex;align-items:center;justify-content:center;background:#0B1220;border:1px solid var(--line);border-radius:10px;padding:6px 10px;line-height:0}
.lg img{height:32px;width:auto;max-width:150px;object-fit:contain}
.lg.sm img{height:24px;max-width:110px}.lg.xs{padding:3px 5px;border-radius:6px}.lg.xs img{height:16px;max-width:60px}
.lg.big img{height:44px;max-width:220px}.lg.xl{padding:12px 18px;border-radius:14px}.lg.xl img{height:64px;max-width:300px}
.lg.bare{background:transparent;border:0;padding:0}
/* casino cards */
.casino-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards2{grid-template-columns:repeat(2,1fr)}
.casino-card{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-s);transition:transform .15s,border-color .15s}
.casino-card:hover{transform:translateY(-2px);border-color:var(--line-2)}
.card-brand-panel{background:linear-gradient(135deg,var(--b3),#0B1220 70%);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:3px solid var(--b);position:relative;overflow:hidden}
.card-brand-panel:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,var(--b) 0,transparent 65%);opacity:.5}
.card-brand-panel>*{position:relative}
.card-rating{display:inline-flex;align-items:center;gap:4px;color:#fff;font-family:var(--display);font-weight:900;font-size:1.3rem}
.card-rating small{font-size:.75rem;color:rgba(255,255,255,.6);font-family:var(--font);font-weight:600}.card-rating svg{color:var(--gold)}
.casino-card-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1}
.card-category{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--b2)}
.casino-card-body h3{margin:0;font-size:1.3rem}
.card-short{color:var(--muted);font-size:.93rem;margin:0}
.card-bonus{background:var(--sur-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px}
.card-bonus small{display:block;font-size:.65rem;font-weight:800;letter-spacing:.12em;color:var(--muted-2)}
.card-bonus strong{display:block;font-family:var(--display);font-weight:900;font-size:1.1rem;color:var(--gold-2)}
.card-bonus span{font-size:.85rem;color:var(--muted)}
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.85rem}
.pros-cons h4{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:6px}
.pros-cons ul{list-style:none;margin:0;padding:0}.pros-cons li{display:flex;gap:6px;margin-bottom:6px;line-height:1.35;color:var(--ink-2)}
.pros-cons li svg{flex:none;margin-top:3px;color:var(--mint-2)}.cons-list li svg{color:var(--red-2)}
.card-review-link{font-size:.88rem;font-weight:700;display:inline-flex;gap:4px;align-items:center}
.card-disclaimer{font-size:.72rem;color:var(--muted-2)}
/* sidebar */
.sidecol{align-self:stretch;min-width:0}
.side{position:sticky;top:76px;display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 92px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;padding-right:2px}
.wg{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-s)}
.side .eyebrow{margin-bottom:8px;padding:4px 9px}
.wg h2{font-size:1.1rem;margin:4px 0 10px}.wg-note{font-size:.78rem;color:var(--muted);margin:-4px 0 10px}
.sb-top{list-style:none;margin:0;padding:0}
.sb-top li{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0 7px 8px;border-top:1px solid var(--line);border-left:3px solid var(--b);margin-left:-8px}
.sb-top li:first-child{border-top:0}
.sb-rank{font-family:var(--display);font-weight:900;color:var(--muted-2);font-size:.85rem}
.sb-name{min-width:0}.sb-name a{font-weight:700;text-decoration:none;font-size:.84rem;display:block;color:#fff;line-height:1.15}.sb-name small{display:block;font-size:.7rem;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb-top .lg.sm{padding:4px 6px}.sb-top .lg.sm img{height:18px;max-width:64px}.sb-top .btn.sm{padding:7px 10px;font-size:.8rem}
.sb-list{list-style:none;margin:0;padding:0}.sb-list li{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;padding:7px 0;border-top:1px solid var(--line);font-size:.84rem;color:var(--ink-2)}
.sb-list li:first-child{border-top:0}.sb-list li>span:first-child{white-space:nowrap}.mini{display:flex;gap:3px;flex-wrap:nowrap;justify-content:flex-end;align-items:center}.mini-more{font-size:.72rem;font-weight:700;color:var(--muted);text-decoration:none;padding:0 2px}
.wg-rg{display:flex;gap:10px;align-items:center;font-size:.84rem;background:var(--sur-3)}
.wg-rg p{margin:0;color:var(--ink-2)}
/* review hero */
.rhero{grid-template-columns:1.3fr .8fr}
.rlogo{margin:10px 0 16px}
.hbonus{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-s);padding:12px 16px;margin:14px 0;display:inline-block}
.hbonus small{display:block;font-size:.65rem;letter-spacing:.12em;font-weight:800;color:var(--gold-2)}
.hbonus strong{display:block;font-family:var(--display);font-weight:900;font-size:1.35rem}
.hbonus span{font-size:.85rem;color:rgba(255,255,255,.75)}
.facts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 16px}
.facts div{background:var(--sur);border:1px solid var(--line);border-top:2px solid var(--b);border-radius:var(--radius-s);padding:10px 12px}
.facts dt{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted-2)}
.facts dd{margin:2px 0 0;font-weight:700;font-size:.86rem;line-height:1.3;color:#fff}
.toc{display:flex;flex-wrap:wrap;gap:6px}.toc a{font-size:.82rem;font-weight:700;text-decoration:none;background:var(--sur);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--ink-2)}
.toc a:hover{border-color:var(--gold);color:var(--gold-2)}
.who{list-style:none;margin:0 0 14px;padding:0}.who li{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;font-size:.95rem;color:var(--ink-2)}.who li svg{color:var(--mint-2);flex:none;margin-top:4px}
.h3{font-size:1.35rem}
.band{background:linear-gradient(90deg,var(--b3),var(--sur) 60%);border:1px solid var(--line);border-left:4px solid var(--b);color:#fff;border-radius:var(--radius);padding:20px 26px;display:flex;align-items:center;gap:20px;margin:22px 0;flex-wrap:wrap}
.band .kb-t{flex:1;min-width:220px}.band strong{display:block;font-family:var(--display);font-weight:900;font-size:1.15rem}.band small{color:var(--muted);font-size:.82rem}
.band .eyebrow{margin-bottom:4px}
.fig{margin:16px 0;border-radius:var(--radius-s);overflow:hidden;border:1px solid var(--line);background:var(--sur);position:relative;display:block}
.fig img{width:100%}.fig figcaption{font-size:.8rem;color:var(--muted);padding:8px 12px;background:var(--sur-2)}
.fig-link{text-decoration:none}.ad{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.7);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:3px 7px;border-radius:999px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.duo .fig{margin:0}
.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.promos .fig{margin:0}
.steps{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px;display:grid;grid-template-columns:1fr 2fr;gap:28px}
.steps-intro p{color:var(--muted)}
.steps-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.step{background:var(--sur-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:14px 16px}
.step-top span{font-family:var(--display);font-weight:900;color:var(--gold);font-size:1.4rem}
.step h3{font-size:1rem;margin:4px 0 4px}.step p{font-size:.88rem;color:var(--muted);margin:0}
.bear-tip{display:flex;gap:16px;align-items:center}.bear-tip img{width:84px;height:84px;object-fit:cover;object-position:top;border-radius:50%;flex:none;border:3px solid var(--gold)}
.bear-tip p{margin:0;font-weight:600;color:var(--ink-2)}
.final{background:var(--hero);border:1px solid var(--line);color:#fff;border-radius:var(--radius);padding:34px 36px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin:22px 0;overflow:hidden;position:relative}
.final h2{color:#fff;font-size:2rem}.final h2 span{color:var(--gold)}.final img{max-height:220px;width:auto}
.final small{display:block;margin-top:10px;color:rgba(255,255,255,.6);font-size:.78rem}
/* reputation */
.rep{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:0 0 14px}
.rep div{background:var(--sur-2);border:1px solid var(--line);border-radius:var(--radius-s);padding:12px 14px}
.rep dt{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted-2)}
.rep dd{margin:4px 0 0;font-family:var(--display);font-weight:900;font-size:1.05rem;color:#fff;line-height:1.25}
.rep dd small{display:block;font-family:var(--font);font-weight:500;color:var(--muted);font-size:.78rem}
.bar{height:8px;border-radius:999px;background:var(--sur-3);overflow:hidden;margin-top:8px}.bar i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--gold),var(--mint))}
/* providers wall */
.prov-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.prov-wall a,.prov-wall span{display:flex;align-items:center;justify-content:center;background:var(--sur);border:1px solid var(--line);border-radius:var(--radius-s);padding:10px;height:64px;text-decoration:none}
.prov-wall img{max-height:38px;width:auto;max-width:120px;object-fit:contain;opacity:.9}
.prov-wall a:hover{border-color:var(--gold)}
.prov-name{font-size:.78rem;font-weight:700;color:var(--ink-2);text-align:center}
/* games grid */
.games{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.game{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius-s);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .15s,border-color .15s}
.game:hover{transform:translateY(-3px);border-color:var(--gold)}
.game img{width:100%;aspect-ratio:1/1;object-fit:cover}
.game span{padding:8px 10px;font-size:.8rem;font-weight:700;line-height:1.25}.game small{display:block;color:var(--muted);font-weight:500;font-size:.72rem}
/* faq */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--sur);border:1px solid var(--line);border-radius:var(--radius-s);padding:0 18px}
.faq-item summary{display:flex;align-items:center;gap:12px;padding:14px 0;cursor:pointer;font-weight:800;list-style:none;font-family:var(--display);font-size:1.02rem;color:#fff}
.faq-item summary::-webkit-details-marker{display:none}
.faq-number{font-family:var(--display);color:var(--gold);font-weight:900;font-size:.85rem}
.faq-plus,.faq-minus{margin-left:auto;color:var(--muted-2);flex:none}.faq-item[open] .faq-plus{display:none}.faq-item:not([open]) .faq-minus{display:none}
.faq-item p{padding:0 0 16px 30px;margin:0;color:var(--ink-2)}
/* page head */
.phead{background:var(--hero);border:1px solid var(--line);color:#fff;border-radius:var(--radius);padding:36px 40px;margin-top:22px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;overflow:hidden;position:relative}
.phead:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,var(--b) 0,transparent 60%);opacity:.3;pointer-events:none}
.phead>*{position:relative}
.phead h1{color:#fff;margin:0}.phead p{color:rgba(255,255,255,.78);margin:8px 0 0;max-width:62ch}
.phead img{max-height:170px;width:auto}
.first{margin-top:22px}
/* method grid */
.method{display:grid;grid-template-columns:1fr 2fr;gap:28px;background:var(--sur);border:1px solid var(--line);border-radius:var(--radius);padding:26px 28px}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.text-link{font-weight:800;display:inline-flex;align-items:center;gap:4px}
/* footer */
.site-footer{background:#070C18;border-top:1px solid var(--line);color:var(--muted);margin-top:30px}
.foot{max-width:var(--wrap);margin:0 auto;padding:40px 20px 26px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px}
.footer-brand{font-family:var(--display);font-weight:900;font-size:1.5rem;color:#fff;text-decoration:none}.footer-brand span{color:var(--gold)}
.footer-links{display:flex;flex-direction:column;gap:6px}.footer-links a{color:var(--ink-2);text-decoration:none;font-size:.9rem}.footer-links a:hover{color:var(--gold-2)}
.footer-responsible{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);margin-top:26px;padding-top:20px;font-size:.84rem}
.footer-responsible p{margin:0}
.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.78rem;color:var(--muted-2);margin-top:18px}
/* mobile sticky cta */
.mcta{display:none}
@media (max-width:1024px){
  .shell{grid-template-columns:1fr}.sidecol{align-self:auto}.side{position:static;max-height:none;overflow:visible}
  .casino-cards{grid-template-columns:1fr 1fr}.facts{grid-template-columns:repeat(3,1fr)}.promos{grid-template-columns:1fr 1fr}.prov-wall{grid-template-columns:repeat(4,1fr)}.games{grid-template-columns:repeat(4,1fr)}
  .desktop-nav{display:none}.mobile-menu-button{display:block}
  .site-header.menu-open .desktop-nav{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--bg);padding:10px 16px 16px;border-bottom:1px solid var(--line)}
  .header-rg{display:none}
}
@media (max-width:760px){
  .hero,.rhero{grid-template-columns:1fr;padding:28px 22px}.hero-visual{order:-1}.hero-bear{max-height:220px}.hero-year{display:none}
  .casino-cards,.cards2,.grid2,.two,.duo,.promos,.steps,.steps-grid,.method,.method-grid,.rep{grid-template-columns:1fr}
  .card .pros-cons{grid-template-columns:1fr;font-size:.92rem}
  .prov-wall{grid-template-columns:repeat(3,1fr)}.games{grid-template-columns:repeat(2,1fr)}
  .cols{columns:auto}.facts{grid-template-columns:1fr 1fr}.final{grid-template-columns:1fr}.final img{display:none}
  .phead{grid-template-columns:1fr;padding:26px 22px}.phead img{display:none}
  .footer-top{grid-template-columns:1fr}.card{padding:20px 18px}
  .section-heading{flex-direction:column;align-items:flex-start}
  body{padding-bottom:84px}
  .mcta{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:60;background:var(--sur-3);border:1px solid var(--line-2);color:#fff;border-radius:16px;padding:10px 12px;align-items:center;gap:10px;box-shadow:0 10px 30px rgba(0,0,0,.5)}
  .mc-t{flex:1;min-width:0}.mc-t strong{display:block;font-family:var(--display);font-size:.92rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-t small{color:var(--muted);font-size:.72rem}
  .mc-x{background:transparent;border:0;color:#fff;font-size:1.3rem;line-height:1;padding:4px}
}
/* stars + newsletter */
.stars{margin-top:10px}.st-row{display:inline-flex;gap:2px}.st{background:transparent;border:0;color:rgba(255,255,255,.25);font-size:1.5rem;line-height:1;cursor:pointer;padding:0 1px;transition:transform .1s,color .1s}
.st.on{color:var(--gold)}.st-row:hover .st{color:var(--gold)}.st:hover~.st{color:rgba(255,255,255,.25)}.st:hover{transform:scale(1.15)}
.st-lbl{display:block;font-size:.78rem;color:var(--muted);margin-top:2px}
.stars-mini{font-size:.8rem;font-weight:800;color:#fff;display:inline-flex;align-items:center;gap:3px;min-height:1em}.stars-mini .mini-star{color:var(--gold)}.stars-mini small{color:var(--muted);font-weight:600}
.nl{background:linear-gradient(135deg,var(--sur-3),var(--sur));border:1px solid var(--line-2);border-radius:var(--radius);padding:22px 24px;margin:22px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:center}
.nl h2,.nl h3{margin:4px 0 6px}.nl p{margin:0;color:var(--muted);font-size:.92rem}
.nl-form{display:flex;gap:8px;flex-wrap:wrap}.nl-form input[type=email]{flex:1;min-width:180px;padding:12px 14px;border-radius:10px;border:1px solid var(--line-2);background:#0B1220;color:#fff;font:inherit}
.nl-form input[type=email]:focus{outline:2px solid var(--gold);border-color:var(--gold)}.nl-form input[name=website]{display:none}
.nl-msg{font-size:.82rem;margin-top:8px;color:var(--muted);width:100%}.nl-msg.ok{color:var(--mint-2)}.nl-msg.err{color:var(--red-2)}
.nl small{display:block;color:var(--muted-2);font-size:.72rem;margin-top:6px}
.nl.nl-sb{grid-template-columns:1fr;padding:16px;margin:0;gap:10px}.nl.nl-sb .nl-form input[type=email]{min-width:0;padding:10px 12px}.nl.nl-sb small{font-size:.68rem}
@media (max-width:760px){.nl{grid-template-columns:1fr}}

.quick{background:var(--sur-2);border-left:4px solid var(--b);padding:14px 16px;border-radius:0 10px 10px 0;font-size:1.02rem;color:#fff}
.filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:14px}.filters .eyebrow{margin:0}
.chip{display:inline-flex;align-items:center;gap:6px;background:var(--sur-2);border:1px solid var(--line-2);border-radius:999px;padding:7px 12px;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--ink-2)}
.chip:has(input:checked){background:rgba(245,184,46,.15);border-color:var(--gold);color:var(--gold-2)}.chip input{accent-color:var(--gold)}
#sortsel{background:var(--sur-2);color:#fff;border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;font:inherit;font-size:.85rem;font-weight:700}
.shell.nosb{grid-template-columns:1fr}
/* slots */
.games.slots{grid-template-columns:repeat(4,1fr)}
.game.slot{position:relative}
.game-ph{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--b) 55%,transparent) 0,transparent 55%),linear-gradient(160deg,var(--sur-3),#0B1220)}
.game-ph{flex-direction:column;gap:6px;padding:14px;text-align:center}.game-ph b{font-family:var(--display);font-weight:900;font-size:1.25rem;line-height:1.1;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.6)}.game-ph i{font-style:normal;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--b)}
.game .vol{position:absolute;top:8px;left:8px;font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:rgba(11,18,32,.85);color:#fff;border:1px solid var(--line-2)}
.game .vol.v1{color:var(--mint-2)}.game .vol.v2{color:var(--mint-2)}.game .vol.v3{color:var(--gold-2)}.game .vol.v4{color:#FFB36B}.game .vol.v5{color:var(--red-2)}
.facts.facts4{grid-template-columns:repeat(4,1fr)}
.pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.pill{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}
.slot-head p{max-width:60ch}
.sfilters{margin:18px 0 16px;display:grid;gap:10px}
.chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chips-lbl{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--muted-2);margin-right:4px}
.sfilters .chip{font:inherit;font-size:.78rem;font-weight:700;padding:6px 11px;border-radius:999px;background:var(--sur-3);color:var(--ink-2);border:1px solid var(--line-2);cursor:pointer}
.sfilters .chip.on{background:var(--gold);color:#0B1220;border-color:var(--gold)}
#slot-q{width:100%;max-width:360px;padding:10px 14px;border-radius:10px;border:1px solid var(--line-2);background:#0B1220;color:#fff;font:inherit}
.verdict-card{border-left:3px solid var(--gold)}
@media (max-width:1024px){.games.slots{grid-template-columns:repeat(3,1fr)!important}.facts.facts4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){.games.slots{grid-template-columns:repeat(2,1fr)!important}.game-ph b{font-size:1rem}}

.game .kind{position:absolute;top:8px;right:8px;font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:999px;background:var(--gold);color:#0B1220}

/* bonus calculator */
.calc{column-span:all;break-inside:avoid;background:linear-gradient(135deg,var(--sur-3),var(--sur));border:1px solid var(--line-2);border-left:3px solid var(--gold);border-radius:var(--radius);padding:18px 20px;margin:18px 0}
.calc-head h3{margin:4px 0 4px}.calc-head p{margin:0 0 12px;color:var(--muted);font-size:.9rem}
.calc-in{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:12px}
.calc-in label{display:flex;flex-direction:column;gap:5px;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--muted-2);position:relative}
.calc-in input,.calc-in select{font:inherit;font-size:1rem;font-weight:700;padding:10px 12px;border-radius:10px;border:1px solid var(--line-2);background:#0B1220;color:#fff;width:100%}
.calc-in input:focus,.calc-in select:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.calc-cur,.calc-x{position:absolute;right:12px;bottom:11px;font-size:.85rem;color:var(--muted);text-transform:none;letter-spacing:0}
.calc-row{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:.95rem}.calc-row:first-child{border-top:0}
.calc-row strong{color:var(--gold-2);font-family:var(--display);font-size:1.05rem}.calc-row small{color:var(--muted);font-weight:500;font-size:.75rem}
.calc-warn{color:var(--red-2);font-size:.9rem;margin:0}.calc-note{color:var(--muted);font-size:.85rem;margin:0}
.calc-foot{font-size:.8rem;color:var(--muted);margin:12px 0 0}
@media (max-width:760px){.calc-in{grid-template-columns:1fr 1fr}.calc-in label:last-child{grid-column:1/-1}}

/* breadcrumbs */
.crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.78rem;color:var(--muted);margin:16px 0 -8px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--gold-2)}.crumbs .sep{color:var(--muted-2)}.crumbs span[aria-current]{color:var(--ink-2)}
.hero-bear,.phead img{height:auto}

/* round-up */
.ru{border-left:3px solid var(--b)}.ru-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}.ru-head>div{flex:1;min-width:0}.ru-head h2{margin:0}.ru-w{margin:2px 0 0;color:var(--ink-2);font-size:.95rem}
.ru-list{list-style:none;margin:8px 0 10px;padding:0}.ru-list li{padding:6px 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink-2)}.ru-list li:first-child{border-top:0}.ru-list strong{color:#fff}.ru-head h2 a{color:#fff;text-decoration:none}.ru-head h2 a:hover{color:var(--gold-2)}.ru-links{font-size:.85rem;margin:0}