: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}}
/* Palm content blocks: pros/cons panels, inline affiliate CTAs, article lists/tables. */
.proscons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 22px}
.proscons>div{border:1px solid var(--line);border-radius:9px;padding:15px 17px;background:#fff}
.proscons .pros{background:#ecfdf3;border-color:#c8ead9}
.proscons .cons{background:#fef4f2;border-color:#f3ccc4}
.proscons h4{margin:0 0 8px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:#067647}
.proscons .cons h4{color:#b42318}
.proscons ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.proscons li{position:relative;padding-left:20px;font-size:.9rem;line-height:1.45;color:#4c5969}
.proscons li::before{position:absolute;left:0;top:0;font-weight:900}
.proscons .pros li::before{content:"\2713";color:#067647}
.proscons .cons li::before{content:"\2715";color:#b42318}
.article h4{color:var(--navy)}
.article ul,.article ol{padding-left:22px}
.article ul li,.article ol li{margin-bottom:6px}
.article .table-wrap{margin:18px 0 24px}
@media(max-width:680px){.proscons{grid-template-columns:1fr}}
/* Mini-review evidence card: official logo + real capture of the operator's own site. */
.review-shot{margin:20px 0 26px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(16,24,40,.07)}
.review-shot-head{display:flex;align-items:center;gap:16px;padding:13px 17px;background:linear-gradient(180deg,#fbfcfe,#f4f7fb);border-bottom:1px solid var(--line)}
.review-brand{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:132px;height:56px;background:#fff;border:1px solid #e5eaf0;border-radius:8px;padding:7px}
.review-brand img{width:auto;height:auto;max-width:112px;max-height:42px;object-fit:contain}
.review-shot-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.review-shot-meta b{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em;color:var(--blue)}
.review-shot-meta span{font-size:.78rem;color:var(--muted)}
.review-shot-img{width:100%;height:auto;border-bottom:1px solid var(--line)}
.review-shot figcaption{padding:13px 17px 14px;border-left:3px solid var(--blue);margin:0;font-size:.86rem;line-height:1.5;color:#526071;background:#fcfdff}
.review-shot figcaption strong{color:var(--navy)}
.review-shot figcaption em{font-style:normal;font-weight:800;color:var(--navy)}
@media(max-width:680px){.review-shot{margin:16px 0 22px;border-radius:10px}.review-shot-head{gap:12px;padding:11px 13px}.review-brand{width:106px;height:48px;padding:6px}.review-brand img{max-width:90px;max-height:36px}.review-shot-meta b{font-size:.64rem}.review-shot-meta span{font-size:.72rem}.review-shot figcaption{padding:12px 14px;font-size:.83rem}}
/* Hub-to-guide hand-off: signals which page owns the deeper answer. */
.article p.handoff{background:#eaf3ff;border:1px solid #cfe1fb;border-left:4px solid var(--blue);border-radius:9px;padding:14px 17px;margin:20px 0 6px;font-size:.92rem;color:#3a4b63}
.article p.handoff a{font-weight:850}
/* Give the review-card brand tile enough room for the full wordmark. */
.review-brand{width:152px;height:66px;padding:8px}
.review-brand img{max-width:128px;max-height:50px}
@media(max-width:680px){.review-brand{width:118px;height:54px}.review-brand img{max-width:100px;max-height:40px}}
/* Keep long promo codes readable rather than splitting mid-word. */
.promo-code strong{overflow-wrap:break-word;word-break:normal;font-size:.86rem;letter-spacing:0}
/* Author page: the portrait is the page subject here, not a byline avatar, so it gets
   real size and a rounded-rectangle crop that keeps the environmental framing. */
.byline.author-profile{align-items:center;gap:22px;margin:14px 0 30px;font-size:.9rem}
.byline.author-profile img{width:232px;height:174px;border-radius:14px;object-fit:cover;object-position:center 22%;box-shadow:0 10px 26px rgba(16,24,40,.16);flex:0 0 auto}
.byline.author-profile span{color:#526071;line-height:1.5}
@media(max-width:680px){.byline.author-profile{flex-direction:column;align-items:flex-start;gap:14px;margin:12px 0 24px}.byline.author-profile img{width:100%;max-width:320px;height:auto;aspect-ratio:4/3}}
.author-meta{display:flex;flex-direction:column;gap:5px}
.author-meta b{font-size:1.05rem;font-weight:900;color:var(--navy);letter-spacing:-.01em}
.author-meta em{font-style:normal;font-size:.9rem;color:#526071}
.author-meta small{font-size:.78rem;color:var(--muted)}
/* Logo sizing, final pass.
   The logo PNGs are now cropped to their artwork, so max-width/max-height govern the
   visible brand rather than governing transparent margin. Boxes widened and the logo
   allowed to fill nearly all of the box on every breakpoint. */
@media(min-width:901px){.casino-card{grid-template-columns:42px 200px minmax(210px,1fr) minmax(310px,1.2fr) 132px}}
.brand-cell{height:96px;padding:7px 9px}
.brand-cell img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media(max-width:900px) and (min-width:681px){
  .casino-card{grid-template-columns:38px 156px minmax(160px,1fr) minmax(225px,1.15fr) 112px;gap:10px}
  .brand-cell{height:84px;padding:6px 8px}
}
@media(max-width:680px){
  .casino-card .brand-cell{height:92px;padding:7px 10px;justify-content:center}
  .casino-card .brand-cell img{max-width:100%;max-height:100%}
}
/* Same treatment inside the mini-review evidence cards. */
.review-brand{width:164px;height:74px;padding:7px 9px}
.review-brand img{max-width:100%;max-height:100%;width:auto;height:auto}
@media(max-width:680px){.review-brand{width:128px;height:60px;padding:6px 8px}.review-brand img{max-width:100%;max-height:100%}}
/* Bonus page gets its own hero so it no longer shares the homepage roulette frame.
   Same gradient geometry as .hero, only the photograph changes. */
.hero.hero-slots{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-chips.jpg');background-position:center 50%}
@media(max-width:680px){.hero.hero-slots{background-position:82% 50%;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-chips.jpg')}}
/* In-article editorial photography. */
.page-art{margin:24px 0 28px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(16,24,40,.07)}
.page-art img{width:100%;height:auto;display:block}
.page-art figcaption{padding:13px 17px 14px;border-left:3px solid var(--blue);margin:0;font-size:.86rem;line-height:1.5;color:#526071;background:#fcfdff}
@media(max-width:680px){.page-art{margin:18px 0 22px;border-radius:10px}.page-art figcaption{padding:12px 14px;font-size:.83rem}}

/* Mobile grid, re-asserted last: the toplist card is two columns on small screens and
   must stay that way regardless of what desktop track lists appear earlier in the file. */
@media(max-width:680px){.casino-card{grid-template-columns:34px minmax(0,1fr)}}
/* ---- Responsive toplist card, consolidated -------------------------------------
   Fixes a horizontal-overflow bug that pre-dates this session (present at HEAD from
   ~681px to ~1100px). Two root causes:
     1. .offer-row's two tracks have a combined 339px hard minimum, wider than the
        .offer track at any layout under ~1100px.
     2. A bare 1fr .facts track is minmax(auto,1fr), so cells could not shrink below
        the min-content width of labels like "Min. deposit".
   Below 1100px the promo code stacks above the bonus, and .facts cells can shrink. */
.facts{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){
  .offer-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .promo-code{min-width:0;padding:7px 9px}
  .promo-code strong{font-size:.88rem}
}
/* 901-1100px: five tracks still fit, just tighter. */
@media(max-width:1100px) and (min-width:901px){
  .casino-card{grid-template-columns:38px 176px minmax(170px,1fr) minmax(190px,1.05fr) 122px;gap:12px;padding:14px 15px}
  .brand-cell{height:88px}
}
/* 681-900px: five columns cannot hold the offer block without breaking words mid-word
   ("WAGERI/NG"), so this band uses the same stacked card the phone layout uses. Every
   child is placed explicitly because a legacy max-width:900px rule pins .details and
   .card-action to columns of a 4-track layout that no longer exists. */
@media(max-width:900px) and (min-width:681px){
  .casino-card{grid-template-columns:34px minmax(0,1fr);gap:0 12px;padding:14px 14px}
  .casino-card .rank{grid-column:1;grid-row:1 / span 4;align-self:start;padding-top:28px;font-size:1.1rem}
  /* Bounded width, not full-row: max-width/max-height never scale an image UP, so in a
     full-width cell the smaller logos rendered at natural size. A 240px cell keeps every
     logo downscaling into it, which stays sharp and fills one axis. */
  .casino-card .brand-cell{grid-column:2;grid-row:1;width:240px;height:92px;justify-content:flex-start;padding:8px 12px}
  .casino-card .details{grid-column:2;grid-row:2;padding-top:9px}
  .casino-card .details h3{font-size:1.6rem}
  .casino-card .offer{grid-column:2;grid-row:3;padding-top:10px;min-width:0}
  .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:.68rem;text-align:center;margin-top:5px}
  .offer-row{grid-template-columns:minmax(0,1fr)}
}
/* Four nav links with nowrap do not fit 320px. */
@media(max-width:380px){
  .navlinks{flex-wrap:wrap;justify-content:flex-start;gap:4px 10px}
  .navlinks a{font-size:.63rem;white-space:nowrap}
}
/* Mobile grid re-asserted last so no earlier desktop track list can leak in. */
@media(max-width:680px){.casino-card{grid-template-columns:34px minmax(0,1fr)}}
/* Same scale-up limitation on phones: between ~430px and 680px the wrap grows wider than
   the widest logo, so the smaller wordmarks stopped filling the cell. Capping the cell
   keeps every logo constrained by the box and therefore downscaling into it. */
@media(max-width:680px){.casino-card .brand-cell{max-width:290px}}