:root{--navy:#111827;--blue:#155eef;--blue-dark:#0d47b5;--sky:#eef6ff;--ink:#1f2937;--muted:#667085;--line:#dfe5ec;--card:#fff;--green:#11875d;--yellow:#ffca3a;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:#f7f9fc;color:var(--ink);font:15px/1.58 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:3px}img{max-width:100%;display:block}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{font-weight:900;font-size:1.13rem;letter-spacing:-.04em;text-decoration:none;color:var(--navy);white-space:nowrap}.brand em{font-style:normal;color:var(--blue)}.navlinks{display:flex;gap:22px;align-items:center;margin-left:auto}.navlinks a{color:#344054;text-decoration:none;font-size:.88rem;font-weight:750}.navlinks a:hover{color:var(--blue)}.navcta,.button{background:var(--blue);border:1px solid var(--blue);border-radius:7px;color:#fff!important;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 17px;font-weight:800;text-decoration:none!important;box-shadow:0 3px 7px rgba(21,94,239,.2);cursor:pointer}.navcta:hover,.button:hover{background:var(--blue-dark)}.mobile-menu{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 11px;font-size:1.1rem}.hero{background:linear-gradient(110deg,#eaf3ff 0%,#f7fbff 57%,#fff 100%);border-bottom:1px solid var(--line);padding:26px 0 23px}.hero-grid{display:grid;grid-template-columns:1fr 390px;gap:34px;align-items:center}.eyebrow{color:var(--blue);font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.hero h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.055em;line-height:1.03;margin:7px 0 10px;color:var(--navy)}.hero p{color:#526071;max-width:680px;margin:0;font-size:1rem}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.button.secondary{background:#fff;color:var(--blue)!important;box-shadow:none}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;max-width:680px}.fact{background:#fff;border:1px solid #dce8f7;border-radius:7px;padding:9px 11px}.fact strong{display:block;color:var(--navy);font-size:.95rem}.fact span{display:block;color:var(--muted);font-size:.72rem}.hero-author{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:.78rem;margin-top:14px}.hero-author img{width:37px;height:37px;border-radius:50%;object-fit:cover}.section{padding:33px 0}.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:17px}.section h2,.article h1,.article h2{color:var(--navy);letter-spacing:-.045em;line-height:1.12}.section h2{font-size:clamp(1.65rem,3vw,2.35rem);margin:3px 0 0}.lede{color:var(--muted);max-width:420px;margin:0;font-size:.86rem}.notice{border-left:4px solid var(--yellow);background:#fff8dc;padding:13px 16px;margin:0 0 20px;color:#594a14;font-size:.85rem}.notice strong{color:#332800}.toplist{display:grid;gap:11px}.casino-card{background:var(--card);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:48px 140px minmax(210px,1fr) minmax(320px,1.45fr) 126px;gap:15px;align-items:center;padding:14px 16px;box-shadow:0 3px 10px rgba(16,24,40,.045)}.casino-card.top-card{border-color:#b6cef7;box-shadow:0 4px 15px rgba(21,94,239,.12)}.rank{font-size:1.35rem;font-weight:900;color:var(--blue);text-align:center}.brand-cell{display:flex;align-items:center;justify-content:center;height:58px;border:1px solid #e5eaf0;background:#fff;border-radius:7px;padding:7px}.brand-cell img{max-width:120px;max-height:48px;object-fit:contain}.brand-cell .text-logo{font-size:.9rem;font-weight:900;text-align:center;color:var(--navy);line-height:1.1}.casino-card h3{margin:0;color:var(--navy);font-size:1rem}.casino-card .sub{color:var(--muted);font-size:.76rem;margin:3px 0 0}.bonus{font-weight:850;color:#0c6e4c;font-size:.88rem;line-height:1.3}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:6px}.facts div{border-left:1px solid #e4e9ef;padding-left:8px}.facts b{display:block;font-size:.66rem;text-transform:uppercase;color:#98a2b3;letter-spacing:.04em}.facts span{display:block;color:#344054;font-size:.77rem;font-weight:750;line-height:1.25}.card-action{text-align:center}.card-action .button{width:100%;font-size:.82rem;padding:8px}.terms-note{font-size:.68rem;color:#98a2b3;margin-top:5px;line-height:1.2}.disclosure{color:#8490a0;font-size:.72rem;margin:14px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.feature{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.feature h3{margin:0 0 5px;font-size:1rem;color:var(--navy)}.feature p{margin:0;color:var(--muted);font-size:.83rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#eaf3ff;border:1px solid #cfe1fb;border-radius:10px;padding:23px}.panel.green{background:#e9f8f1;border-color:#c9eadb}.panel h3{margin:0 0 7px;color:var(--navy);font-size:1.2rem}.panel p{margin:0 0 15px;color:#526071;font-size:.87rem}.article{width:min(850px,100%);margin:auto}.breadcrumbs{font-size:.78rem;color:var(--muted);margin-bottom:22px}.article h1{font-size:clamp(2.2rem,5vw,4rem);margin:8px 0 16px}.article h2{font-size:1.75rem;margin:36px 0 10px}.article h3{color:var(--navy);margin-top:26px}.article p,.article li{color:#4c5969;font-size:1rem}.article .byline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem;margin:17px 0 25px}.byline img{width:42px;height:42px;border-radius:50%;object-fit:cover}.table-wrap{overflow:auto}.terms{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);font-size:.85rem}.terms th,.terms td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left}.terms th{background:var(--sky);color:var(--navy)}.faq{border-top:1px solid var(--line);padding:15px 0}.faq summary{color:var(--navy);font-weight:800;cursor:pointer}.footer{background:var(--navy);color:#d0d5dd;padding:34px 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:25px}.footer .brand{color:#fff}.footer h3{color:#fff;font-size:.9rem}.footer p,.footer small{font-size:.78rem;color:#b8c0cc}.footer a{color:#c8dcff}.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.mini-grid a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;text-decoration:none;font-weight:800;color:var(--navy)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-author{margin-bottom:4px}.hero{padding-bottom:20px}.casino-card{grid-template-columns:42px 112px 1fr 115px;gap:11px}.casino-card .details{grid-column:3}.casino-card .card-action{grid-column:4;grid-row:1 / span 2}.facts{grid-template-columns:repeat(3,1fr)}.navlinks{gap:13px}.navlinks a{font-size:.78rem}}@media(max-width:680px){.wrap{width:min(100% - 26px,520px)}.nav{height:62px}.navlinks{display:none}.mobile-menu{display:block}.navcta{margin-left:auto;min-height:35px;padding:7px 11px;font-size:.75rem}.hero h1{font-size:2.35rem}.hero p{font-size:.9rem}.hero-facts{grid-template-columns:repeat(3,1fr)}.fact{padding:7px 8px}.fact strong{font-size:.78rem}.fact span{font-size:.62rem}.section{padding:27px 0}.section-head{display:block}.lede{margin-top:8px}.casino-card{grid-template-columns:32px 88px 1fr;gap:9px;padding:11px 9px}.rank{font-size:1rem}.brand-cell{height:48px;padding:4px}.brand-cell img{max-width:76px;max-height:38px}.brand-cell .text-logo{font-size:.65rem}.casino-card h3{font-size:.86rem}.casino-card .sub{font-size:.67rem}.casino-card .details{grid-column:2 / span 2}.bonus{font-size:.78rem}.facts{gap:4px}.facts div{padding-left:5px}.facts b{font-size:.55rem}.facts span{font-size:.65rem}.casino-card .card-action{grid-column:3;grid-row:1;align-self:center}.card-action .button{font-size:.7rem;padding:7px 6px}.terms-note{font-size:.59rem}.feature-grid,.split,.footer-grid{grid-template-columns:1fr}.article h1{font-size:2.45rem}.article h2{font-size:1.5rem}.article p,.article li{font-size:.92rem}.footer{padding:27px 0}}
@media(max-width:680px){.nav{height:auto;min-height:62px;flex-wrap:wrap;padding:9px 0}.navlinks{display:flex;order:3;width:100%;justify-content:space-between;gap:5px;margin:0;padding:8px 0 1px;border-top:1px solid var(--line)}.navlinks a{font-size:.66rem;white-space:nowrap}.mobile-menu{display:none}.navcta{margin-left:auto}}
/* Final visual QA overrides: offer hierarchy and mobile card layout. */
.eyebrow{display:none!important}
.casino-card{grid-template-columns:42px 176px minmax(220px,1fr) minmax(320px,1.25fr) 132px;gap:16px;padding:16px 17px}
.brand-cell{height:82px;padding:9px}.brand-cell img{max-width:158px;max-height:64px}.offer{min-width:0}.bonus{font-size:1rem;background:#ecfdf3;border:1px solid #c8ead9;border-radius:7px;padding:9px 11px;color:#067647}.facts{margin-top:8px}.card-action .button{min-height:42px;font-size:.86rem}.terms-note{font-size:.67rem}
@media(max-width:900px) and (min-width:681px){.casino-card{grid-template-columns:38px 132px minmax(170px,1fr) minmax(235px,1.2fr) 112px;gap:10px}.brand-cell{height:70px}.brand-cell img{max-width:116px;max-height:55px}}
@media(max-width:680px){.casino-card{grid-template-columns:34px minmax(0,1fr);gap:0 10px;padding:13px 11px;border-radius:10px}.casino-card .rank{grid-column:1;grid-row:1 / span 4;align-self:start;padding-top:26px;font-size:1.08rem}.casino-card .brand-cell{grid-column:2;grid-row:1;height:86px;justify-content:flex-start;padding:10px 14px}.casino-card .brand-cell img{max-width:178px;max-height:66px}.casino-card .details{grid-column:2;grid-row:2;padding-top:9px}.casino-card .details h3{font-size:1rem}.casino-card .details .sub{font-size:.72rem}.casino-card .offer{grid-column:2;grid-row:3;padding-top:10px}.casino-card .bonus{font-size:1rem;line-height:1.3;padding:10px 11px}.casino-card .facts{gap:7px;margin-top:9px}.casino-card .facts div{padding-left:7px}.casino-card .facts b{font-size:.58rem}.casino-card .facts span{font-size:.72rem;line-height:1.25}.casino-card .card-action{grid-column:2;grid-row:4;padding-top:12px}.casino-card .card-action .button{width:100%;min-height:43px;font-size:.86rem}.casino-card .terms-note{font-size:.65rem;text-align:center;margin-top:5px}.casino-card .tag{font-size:.62rem}}
/* Promo-code control: prominent beside the offer on desktop and stacked above it on mobile. */
.offer-row{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(180px,1.28fr);gap:9px;align-items:stretch}.promo-code{background:#fff8dc;border:2px solid #f2c94c;border-radius:8px;padding:7px 9px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0}.promo-label{display:block;width:100%;font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#806300}.promo-code strong{font-size:.93rem;color:#3b2e00;letter-spacing:.02em;overflow-wrap:anywhere}.copy-code{border:0;border-radius:5px;background:#f2b900;color:#2f2500;font-size:.67rem;font-weight:900;padding:7px 8px;cursor:pointer;white-space:nowrap}.copy-code:hover{background:#e0a900}.copy-status{font-size:.65rem;color:#067647;font-weight:800}.promo-code.no-code{display:block;background:#f7f9fc;border-color:#dfe5ec}.promo-code.no-code strong{font-size:.74rem;color:#667085;font-weight:750}.terms-note{color:#667085}.hero-facts .fact strong{line-height:1.12}.hero-facts .fact span{line-height:1.2}
.navcta{display:none!important}
.hero-breadcrumbs{margin-bottom:12px;color:#526071;font-size:.78rem}.hero-breadcrumbs a,.page-breadcrumbs a{font-weight:750}.page-breadcrumbs{padding-top:28px;margin-bottom:-8px}
.hero-author img{width:74px;height:74px}.hero-author a,.byline a{color:var(--blue);font-weight:850}.byline img{width:84px;height:84px}.hero-facts .fact{border:0;box-shadow:0 8px 18px rgba(16,24,40,.12);padding:12px 13px}.hero-facts .fact strong{font-size:1rem}.hero-facts .fact span{font-weight:700}.hero-facts .fact:nth-child(1){background:#155eef;color:#fff}.hero-facts .fact:nth-child(1) strong,.hero-facts .fact:nth-child(1) span{color:#fff}.hero-facts .fact:nth-child(2){background:#087f5b;color:#fff}.hero-facts .fact:nth-child(2) strong,.hero-facts .fact:nth-child(2) span{color:#fff}.hero-facts .fact:nth-child(3){background:#172554;color:#fff}.hero-facts .fact:nth-child(3) strong,.hero-facts .fact:nth-child(3) span{color:#fff}
.hero{background-image:linear-gradient(90deg,rgba(234,243,255,.98) 0%,rgba(247,251,255,.94) 34%,rgba(247,251,255,.48) 63%,rgba(255,255,255,.12) 100%),url('/images/hero-roulette.png');background-size:cover;background-position:center right}.hero h1,.hero p,.hero-facts,.hero-author{position:relative;z-index:1}.casino-card h3,.casino-card .details h3{font-size:2rem;line-height:1.08}.casino-card .tag{font-size:.62em}@media(max-width:900px){.casino-card h3,.casino-card .details h3{font-size:1.85rem}}@media(max-width:680px){.casino-card h3,.casino-card .details h3{font-size:1.7rem;line-height:1.05}.hero{background-position:62% center;background-image:linear-gradient(90deg,rgba(234,243,255,.98) 0%,rgba(247,251,255,.94) 52%,rgba(247,251,255,.38) 100%),url('/images/hero-roulette.png')}}
@media(max-width:680px){.offer-row{grid-template-columns:1fr;gap:8px}.promo-code{padding:8px 10px;justify-content:flex-start}.promo-code strong{font-size:.9rem}.copy-code{margin-left:auto}.promo-code.no-code{display:flex}.promo-code.no-code strong{font-size:.72rem}}