:root{--ink:#102744;--muted:#62738a;--blue:#1158bd;--deep:#0b397d;--ice:#edf5ff;--line:#d7e3f2;--paper:#f7f9fd;--white:#fff;--orange:#ed683b;--green:#07885e;--serif:"GFS Didot",Georgia,serif;--sans:"Manrope",sans-serif;--mono:"DM Mono",monospace;--shadow:0 22px 55px rgba(18,56,106,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,calc(100% - 32px));margin:auto}.eyebrow{margin:0 0 10px;color:var(--blue);font:500 .71rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.serif{font:italic 1em var(--serif)}.tiny{font-size:.75rem;color:var(--muted)}
    .notice{background:var(--deep);color:#fff;font-size:.75rem;text-align:center;padding:9px 16px}.notice a{text-decoration:underline;text-underline-offset:3px}.nav{position:sticky;top:0;z-index:9;background:rgba(247,249,253,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(215,227,242,.8)}.nav-in{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:-.045em}.mark{display:grid;place-items:center;width:37px;height:37px;overflow:hidden;border-radius:10px;background:#f7faff;box-shadow:0 5px 14px rgba(16,39,68,.13)}.mark img{display:block;width:100%;height:100%;object-fit:contain;padding:3px}.navlinks{display:flex;gap:23px;color:#48607e;font-size:.87rem;font-weight:700}.navlinks a:hover{color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--blue);border-radius:9px;padding:10px 14px;background:var(--blue);color:white;font-size:.8rem;font-weight:700;transition:.18s;box-shadow:0 8px 18px rgba(17,88,189,.16)}.btn:hover{transform:translateY(-1px);background:#0b438f}.btn.ghost{background:#fff;color:var(--blue);border-color:#c8daef;box-shadow:none}.btn.ghost:hover{background:var(--ice)}
    .hero{position:relative;overflow:hidden;padding:82px 0 70px;background-color:#dbeeff;background-image:linear-gradient(90deg,rgba(249,252,255,.98) 0%,rgba(249,252,255,.94) 38%,rgba(247,251,255,.72) 65%,rgba(245,250,255,.40) 100%),url("/assets/aegean-cityscape-generated-v1.webp");background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(225,241,255,.15));pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:45px}.hero h1{max-width:750px;margin:0 0 22px;font-size:clamp(3.2rem,7.4vw,6.8rem);line-height:.9;letter-spacing:-.08em}.hero h1 em{display:block;color:var(--blue);font:italic 1em var(--serif);letter-spacing:-.06em}.lede{max-width:590px;color:#405b7d;font-size:1.05rem;margin:0 0 25px}.actions{display:flex;gap:9px;flex-wrap:wrap}.hero-note{margin:17px 0 0;max-width:570px;font-size:.72rem;color:var(--muted)}.best-card{width:min(430px,100%);min-height:344px;padding:24px 24px 20px;border:1px solid rgba(255,255,255,.96);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 22px 45px rgba(30,67,115,.16);backdrop-filter:blur(14px)}.hero-best{justify-self:end}.best-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.badge{display:inline-flex;gap:6px;align-items:center;padding:5px 8px;border:1px solid #c9def9;border-radius:99px;background:#edf5ff;color:var(--blue);font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 3px #ffe0d6}.best-score{font:2.1rem var(--serif);color:var(--blue)}.best-name{display:grid;grid-template-columns:132px minmax(0,1fr);gap:15px;align-items:center;border-block:1px solid var(--line);padding:16px 0}.best-name .logo{width:132px;height:96px;border-radius:12px;font-size:.72rem;line-height:1.35;letter-spacing:.04em}.best-name strong{display:block;font-size:1.13rem}.best-name span{display:block;margin-top:4px;color:var(--muted);font-size:.72rem;line-height:1.45}.best-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 12px}.best-facts span{padding:8px 4px;border-radius:7px;background:#f5f8fc;color:#506b8b;font-size:.66rem;text-align:center}.best-facts b{display:block;color:var(--ink);font-size:.8rem}.best-note{margin:0;color:var(--muted);font-size:.66rem;line-height:1.42}.best-card .arrow{margin-top:10px;font-size:.72rem}
    .facts{background:#fff;border-block:1px solid var(--line)}.facts .wrap{display:grid;grid-template-columns:repeat(5,1fr);padding:17px 0}.fact{padding:0 21px;border-right:1px solid var(--line)}.fact:first-child{padding-left:0}.fact:last-child{border:0}.fact span{display:block;color:var(--muted);font:.62rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.fact b{font-size:.81rem}.author-slot b{display:block;font-size:.75rem;line-height:1.35}.author-slot small{display:block;margin-top:2px;color:var(--muted);font-size:.6rem;line-height:1.35}.anchorbar{padding:16px 0 0}.anchorbar .wrap{display:flex;gap:7px;overflow:auto;padding-bottom:5px}.anchorbar a{white-space:nowrap;padding:6px 10px;border:1px solid var(--line);border-radius:99px;background:#fff;color:#4a6280;font-size:.75rem;font-weight:700}.anchorbar a:hover{color:var(--blue);border-color:var(--blue)}.answer-first{position:relative;isolation:isolate;overflow:hidden;padding:37px 0 47px;background:#f5faff;border-bottom:1px solid var(--line)}.answer-first:before,.answer-first:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none}.answer-first:before{background:center/cover no-repeat url("/assets/casino-offers-editorial-v1.webp")}.answer-first:after{background:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(250,253,255,.96) 48%,rgba(250,253,255,.48) 74%,rgba(250,253,255,.17) 100%)}.answer-first>.wrap{position:relative;z-index:1}.answer-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}.answer-copy h2{max-width:610px;margin:0 0 11px;font-size:clamp(2rem,3.8vw,3.7rem);line-height:.98;letter-spacing:-.06em}.direct-answer{max-width:640px;margin:0;color:#3e5b7c;font-size:1rem}.answer-source{max-width:640px;margin:16px 0 0;padding:10px 12px;border-left:3px solid var(--blue);border-radius:0 8px 8px 0;background:rgba(238,246,255,.9);color:#4c6887;font-size:.76rem}.answer-source b{color:var(--ink)}.answer-source a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.answer-checklist{padding:19px 21px;border:1px solid #cddff1;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);backdrop-filter:blur(6px)}.answer-checklist h3{margin:0 0 10px;font-size:1.05rem;letter-spacing:-.035em}.answer-checklist ol{display:grid;gap:8px;margin:0;padding-left:21px;color:#506d8d;font-size:.8rem}.answer-checklist li{padding-left:4px}.answer-checklist b{color:var(--ink)}.answer-checklist a{display:inline-block;margin-top:13px;color:var(--blue);font-size:.75rem;font-weight:700}
    section.toplist{padding:72px 0 35px}.section-lead{max-width:750px;margin-bottom:25px}.section-lead h2{font-size:clamp(2.15rem,4vw,4rem);line-height:.98;letter-spacing:-.065em;margin:0 0 13px}.section-lead p{margin:0;color:var(--muted);font-size:1rem}.list-note{display:inline-block;margin:0 0 17px;padding:8px 11px;border-radius:8px;background:#fff1e9;color:#aa512e;font-size:.75rem}.casino-list{display:grid;gap:9px}.casino{display:grid;grid-template-columns:35px minmax(140px,1.2fr) 1.45fr .58fr .58fr 112px;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;transition:.2s}.casino:hover{border-color:#b7ceed;box-shadow:var(--shadow);transform:translateY(-2px)}.rank{color:var(--blue);font:.73rem var(--mono)}.identity{display:flex;gap:10px;align-items:center;min-width:0}.logo{flex:0 0 auto;display:grid;place-items:center;width:72px;height:40px;border:1px dashed #adc4dd;border-radius:8px;background:linear-gradient(145deg,#fbfdff,#eaf2fb);overflow:hidden;text-align:center;color:#57728f;font:500 .53rem/1.05 var(--mono);padding:3px}.logo img{max-width:62px;max-height:30px;object-fit:contain}.name{font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{color:var(--muted);font-size:.63rem}.offer{font-size:.8rem;font-weight:700;line-height:1.25}.offer small,.data small{display:block;color:var(--muted);font-size:.63rem;font-weight:500;margin-top:2px}.data{font:.74rem var(--mono);color:var(--ink)}.rowbtn{font-size:.68rem;padding:8px 7px}.candidate{display:none;opacity:.75;background:#fbfdff}.candidate .offer{color:#667b94}.show-candidates{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--blue);font:700 .78rem var(--sans)}
    .method{position:relative;overflow:hidden;padding:82px 0;background:#0e3c80;color:#fff}.method:after{content:"AΛ";position:absolute;right:-65px;top:-180px;color:rgba(255,255,255,.025);font:italic 35rem/1 var(--serif)}.method-grid{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:55px}.method .eyebrow{color:#9cceff}.method h2{font-size:clamp(2.6rem,5vw,4.8rem);line-height:.95;letter-spacing:-.065em;margin:0 0 15px}.method .intro{color:#d5e7fc;max-width:540px}.quote{margin:26px 0 0;padding:20px 22px;border-left:3px solid #82bcff;border-radius:0 13px 13px 0;background:rgba(255,255,255,.07);color:#f4f9ff;font:1.34rem/1.28 var(--serif)}.steps{display:grid;gap:9px}.step{position:relative;padding:15px 16px 15px 59px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(255,255,255,.07)}.step i{position:absolute;left:17px;top:16px;color:#91c7ff;font:1.15rem var(--mono);font-style:normal}.step h3{font-size:.91rem;margin:0 0 2px}.step p{color:#d7e8fc;font-size:.8rem;margin:0}
    .keyword{padding:80px 0}.keyword.alt{background:#fff}.keyword-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}.keyword-grid.flip{grid-template-columns:1.15fr .85fr}.keyword-copy h2{font-size:clamp(2.35rem,4.5vw,4.25rem);line-height:.95;letter-spacing:-.065em;margin:0 0 15px}.keyword-copy p:not(.eyebrow){max-width:590px;color:var(--muted);margin:0}.arrow{display:inline-block;margin-top:15px;color:var(--blue);font-size:.82rem;font-weight:700}.audit-card{padding:25px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.mini-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:15px;border-radius:10px;background:var(--ice);color:var(--blue);font-size:1.2rem}.audit-card h3{font-size:1.42rem;letter-spacing:-.045em;margin:0 0 6px}.audit-card p{margin:0 0 16px;color:var(--muted);font-size:.88rem}.micro{display:grid;gap:7px}.micro div{padding:9px;background:#f5f8fc;border-radius:7px;color:#485f7c;font-size:.76rem}.micro b{color:var(--blue)}
    .compare-section{padding:75px 0;background:linear-gradient(180deg,#eef6ff,#f8faff)}.comparebox{overflow:hidden;border:1px solid #c9daee;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.compare-head{display:flex;gap:22px;align-items:end;justify-content:space-between;padding:24px;border-bottom:1px solid var(--line)}.compare-head h2{margin:0;font-size:1.7rem;letter-spacing:-.05em}.compare-head p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.selectors{display:flex;align-items:center;gap:8px}.selectors select{max-width:150px;border:1px solid var(--line);border-radius:8px;background:#f7faff;color:var(--ink);padding:8px;font-size:.76rem}.vs{color:var(--muted);font:.62rem var(--mono)}.compare-body{display:grid;grid-template-columns:1fr 1fr}.compare-col{padding:23px;border-right:1px solid var(--line)}.compare-col:nth-child(2){border:0}.compare-brand{display:flex;align-items:center;gap:9px;margin-bottom:15px}.compare-brand h3{font-size:1rem;margin:0}.compare-brand p{margin:0;color:var(--muted);font-size:.65rem}.fit{margin-left:auto;color:var(--blue);font:1.55rem var(--serif)}.metric{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #edf2f7;font-size:.77rem}.metric span{color:var(--muted)}.good{color:var(--green)}.compare-foot{grid-column:1/-1;padding:13px 23px;border-top:1px solid var(--line);background:#f8fbff;color:#56708c;font-size:.72rem}
    .reviews{padding:84px 0}.reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.review{border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.review[open]{border-color:#b9d0ee;box-shadow:var(--shadow)}.review summary{display:flex;align-items:center;gap:10px;padding:15px;cursor:pointer;list-style:none}.review summary::-webkit-details-marker{display:none}.review-name{font-size:.88rem;font-weight:700}.review-meta{margin-left:auto;color:var(--muted);font:.61rem/1.3 var(--mono);text-align:right}.review summary:after{content:"+";display:grid;place-items:center;width:23px;height:23px;border-radius:50%;color:var(--blue);background:var(--ice);font-size:1.1rem}.review[open] summary:after{content:"–"}.review-body{padding:17px;border-top:1px solid var(--line);color:#506782;font-size:.81rem}.review-body h4{margin:0 0 5px;color:var(--ink);font-size:.82rem}.review-body p{margin:0 0 11px}.review-body ul{margin:0;padding-left:17px;display:grid;gap:4px}.stamp{display:inline-block;margin-bottom:8px;padding:4px 6px;border-radius:5px;background:#fff1eb;color:#b4522a;font:500 .57rem var(--mono);letter-spacing:.05em;text-transform:uppercase}
    .faq{padding:0 0 78px}.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.faq h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.96;letter-spacing:-.065em;margin:0}.faq .left p{color:var(--muted)}.faq details{padding:15px 0;border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--blue);font-size:1.15rem}.faq details[open] summary:after{content:"–"}.faq details p{margin:9px 22px 0 0;color:var(--muted);font-size:.83rem}.faq a{color:var(--blue);text-decoration:underline}.footer{background:#0c2e62;color:#dbeaff;padding:45px 0 24px}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr .8fr;gap:35px;padding-bottom:29px}.footer .brand{color:#fff}.footer p{max-width:440px;color:#b9d2f0;font-size:.78rem}.footer h3{margin:0 0 9px;color:#fff;font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.footer-links{display:grid;gap:7px;color:#c9dcf2;font-size:.78rem}.footer-links a:hover{text-decoration:underline}.bottom{display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15);color:#a8c0df;font-size:.68rem}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.visible{opacity:1;transform:none}
    .casino-hub{position:relative;isolation:isolate;overflow:hidden;padding:92px 0;background:#edf7ff}.casino-hub:before,.casino-hub:after{position:absolute;z-index:0;inset:0;content:"";pointer-events:none}.casino-hub:before{background:center/cover no-repeat url("/assets/casino-table-editorial-v1.webp")}.casino-hub:after{background:linear-gradient(90deg,rgba(250,253,255,.99) 0%,rgba(250,253,255,.96) 46%,rgba(250,253,255,.46) 73%,rgba(250,253,255,.14) 100%)}.casino-hub>.wrap{position:relative;z-index:1}.casino-hub .section-lead{max-width:650px}.casino-hub .section-lead h2,.casino-offers h2{font-size:clamp(2.3rem,4vw,4.15rem);line-height:.95;letter-spacing:-.065em;margin:0 0 14px}.game-cards{display:grid;grid-template-columns:repeat(2,minmax(0,285px));gap:10px;margin-top:26px}.game-card{min-height:143px;padding:17px;border:1px solid rgba(186,208,232,.92);border-radius:13px;background:rgba(255,255,255,.78);box-shadow:0 12px 30px rgba(19,64,112,.08);backdrop-filter:blur(6px)}.game-card .tag,.watch-label{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;color:var(--blue);font:500 .6rem var(--mono);letter-spacing:.065em;text-transform:uppercase}.game-card .tag:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--coral)}.game-card h3{margin:0 0 6px;font-size:1rem;letter-spacing:-.035em}.game-card p{margin:0;color:#52708e;font-size:.76rem;line-height:1.55}.game-card a{display:inline-block;margin-top:8px;color:var(--blue);font-size:.69rem;font-weight:700}.casino-offers{position:relative;overflow:hidden;padding:90px 0;background:linear-gradient(135deg,#f7fbff 0%,#fff 72%)}.offer-grid{display:grid;grid-template-columns:minmax(0,650px) minmax(250px,1fr);gap:36px;align-items:end}.offer-copy>p:last-of-type{margin:0}.offer-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}.offer-pill{padding:15px;border:1px solid rgba(186,208,232,.95);border-radius:12px;background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(19,64,112,.07)}.offer-pill b{display:block;margin-bottom:5px;color:var(--ink);font-size:.85rem}.offer-pill span{display:block;color:#52708e;font-size:.72rem;line-height:1.5}.offer-guardrail{padding:21px;border:1px solid #b8d4ef;border-radius:15px;background:#f2f9ff;box-shadow:var(--shadow)}.offer-guardrail h3{margin:0 0 8px;font-size:1.12rem;letter-spacing:-.035em}.offer-guardrail p{margin:0 0 13px;color:#4d6987;font-size:.79rem;line-height:1.55}.offer-guardrail a{color:var(--blue);font-size:.76rem;font-weight:700}.casino-watch{padding:76px 0;background:linear-gradient(180deg,#fff 0%,#eef7ff 100%)}.watch-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:46px;align-items:start}.watch-copy h2{margin:0 0 13px;font-size:clamp(2.1rem,3.7vw,3.6rem);line-height:.96;letter-spacing:-.06em}.watch-copy p:last-child{max-width:470px;color:var(--muted)}.brand-queue{display:flex;flex-wrap:wrap;gap:8px;padding:19px;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.queue-brand{padding:8px 10px;border:1px solid #d7e5f3;border-radius:999px;background:#f6faff;color:#25486d;font:.66rem var(--mono)}.queue-note{width:100%;margin:7px 0 0;color:#6a819b;font-size:.72rem}.queue-note b{color:var(--blue)}
    @media(max-width:900px){.hero-grid,.method-grid,.keyword-grid,.keyword-grid.flip,.faq-grid,.offer-grid,.watch-grid,.answer-grid{grid-template-columns:1fr}.hero-best{justify-self:start}.facts .wrap{grid-template-columns:repeat(2,1fr);gap:0}.fact:nth-child(2n){border-right:0}.fact:nth-child(2n+1){padding-left:0}.fact:nth-child(5){border:0;padding-top:13px}.casino{grid-template-columns:35px minmax(130px,1fr) 1.35fr .6fr 104px}.casino .data:nth-last-of-type(1){display:none}.compare-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.casino-hub:after,.answer-first:after{background:linear-gradient(90deg,rgba(250,253,255,.98),rgba(250,253,255,.78))}.game-cards{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.offer-guardrail{max-width:650px}}@media(max-width:620px){.nav-in{min-height:63px}.navlinks,.nav-in>.btn{display:none}.hero{padding:58px 0 42px;background-position:62% center}.hero h1{font-size:3.45rem}.hero-grid{gap:28px}.best-card{width:100%;padding:17px}.best-name{padding:10px 0}.best-facts{margin-bottom:8px}.facts .wrap{padding:16px 0}.fact{padding:0 13px}.fact b{font-size:.73rem}.casino{grid-template-columns:27px 1fr 91px;gap:8px;padding:10px}.casino .offer,.casino .data{display:none}.logo{width:57px;height:35px}.name{font-size:.79rem}.sub{font-size:.58rem}.rowbtn{font-size:.62rem;padding:7px 5px}.method,.keyword,.compare-section,.reviews,.casino-hub,.casino-offers,.casino-watch,.answer-first{padding:58px 0}.compare-body{grid-template-columns:1fr}.compare-col{border-right:0;border-bottom:1px solid var(--line)}.compare-col:nth-child(2){border-bottom:0}.compare-foot{grid-column:auto}.selectors{width:100%}.selectors select{flex:1;min-width:0}.reviews-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.bottom{flex-direction:column}.hero-note{font-size:.67rem}.game-cards,.offer-pills{grid-template-columns:1fr}.game-card{min-height:0}.casino-hub:before,.answer-first:before{background-position:68% center}.casino-hub:after,.answer-first:after{background:rgba(250,253,255,.86)}}
/* Additive — logos, review grid, focus, motion, anchors, tap targets, type/contrast (ported verbatim from source template audit fixes) */
.logo{border-style:solid;border-color:#e3ecf6;background:#fff}
.logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;padding:6px}
.best-name .logo{width:132px;height:72px}
.review summary .logo{width:64px;height:36px;flex:0 0 auto}
.reviews-grid{align-items:start}
.rev-shot{margin:16px 0 4px}
.rev-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;background:#fff}
.rev-shot figcaption{margin-top:6px;color:var(--muted);font:.66rem var(--mono);letter-spacing:.03em}
.rev-lede{font-weight:600;color:var(--ink)}
.rev-long{margin-top:6px}
.rev-long h4{margin:18px 0 6px;font-size:.92rem;letter-spacing:-.02em;color:var(--ink)}
.rev-long p{margin:0 0 10px;line-height:1.65}
@media(max-width:620px){
  .casino{display:block;padding:12px}
  .casino .rank{display:inline-block;margin-right:8px;vertical-align:middle}
  .casino .identity{display:inline-flex;vertical-align:middle;width:calc(100% - 46px)}
  .casino .offer{display:block;margin-top:10px;font-size:.86rem}
  .casino .offer small{display:inline;margin-left:6px}
  .casino .data{display:inline-block;margin:8px 14px 0 0;font-size:.8rem}
  .casino .data small{display:inline;margin-left:4px}
}
@media(max-width:900px){
  .casino .data:nth-last-of-type(1){display:inline-block}
  .casino .rowbtn{display:flex;width:100%;margin-top:12px;min-height:44px;font-size:.82rem}
}
.navtoggle{display:none}
.navtoggle>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;
  width:44px;height:44px;border:1px solid #c8daef;border-radius:9px;background:#fff;color:var(--blue)}
.navtoggle>summary::-webkit-details-marker{display:none}
.navtoggle>summary:after{content:"☰";font-size:1.1rem;line-height:1}
.navtoggle[open]>summary:after{content:"✕";font-size:.95rem}
.navtoggle .navsheet{position:absolute;left:0;right:0;top:100%;z-index:20;display:grid;gap:2px;
  padding:10px 16px 14px;background:rgba(247,249,253,.985);border-bottom:1px solid var(--line);
  box-shadow:0 18px 34px rgba(18,56,106,.13)}
.navtoggle .navsheet a{display:flex;align-items:center;min-height:44px;padding:0 8px;
  color:#3d5675;font-size:.95rem;font-weight:700;border-radius:8px}
.navtoggle .navsheet a:hover{background:var(--ice);color:var(--blue)}
.navtoggle .navsheet a.cta{justify-content:center;margin-top:6px;background:var(--blue);color:#fff}
@media(max-width:900px){.nav-in{position:relative}.navtoggle{display:block}}
:root{--focus:#0b438f}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}
.btn:focus-visible{outline-offset:3px}
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(18px);transition:.55s ease}
.js .reveal.visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .reveal,.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  html{scroll-behavior:auto}
}
:root{--nav-h:72px}
[id]{scroll-margin-top:calc(var(--nav-h) + 1rem)}
@media(max-width:620px){:root{--nav-h:63px}}
@media(max-width:900px){
  .faq summary,.review summary{min-height:44px}
  .anchorbar a{min-height:44px;display:inline-flex;align-items:center}
  .footer-links a{min-height:44px;display:flex;align-items:center}
  .btn{min-height:44px}
}
@media(max-width:900px){
  .tiny,.hero-note,.best-note,.fact span,.eyebrow,.sub,.offer small,.data small,
  .review-meta,.rev-shot figcaption,.queue-note,.bottom,.footer p,.list-note,.stamp,
  .badge,.arrow,.rank,.fact b,.fact small,.author-slot b,.author-slot small,
  .best-name span,.best-facts span,.best-card .arrow,.compare-foot,.metric,
  .footer h3,.game-card .tag,.watch-label,.queue-brand,.offer-pill span,
  .answer-source,.review-body .tiny,.rev-shot figcaption{font-size:.75rem;line-height:1.45}
  .micro div,.game-card p{font-size:.78rem}
  .fact b,.best-name strong{font-size:.82rem}
}
.hero-note{color:#42566f}
.reviews-grid details.review[open]{grid-column:1/-1}
.skip{position:absolute;left:-9999px;top:0;z-index:60}
.skip:focus{left:8px;top:8px;padding:10px 14px;background:#fff;color:var(--blue);
  border:2px solid var(--blue);border-radius:8px;font-weight:700}
/* ppl port: neutralise missing decorative bg images (we ship no photography yet) so no 404s */
.hero{background-image:linear-gradient(90deg,rgba(249,252,255,.98) 0%,rgba(240,247,255,.86) 45%,#dbeeff 100%)}
.answer-first:before,.casino-hub:before{display:none}
.game-card .tag:before{background:var(--orange)}
/* ── nested navigation (dropdowns desktop, accordion mobile) ───────────────── */
.navlinks .menu{display:flex;gap:2px;margin:0;padding:0;list-style:none}
.navlinks .menu>li{position:relative}
.navlinks .menu>li>a,.navlinks .menu>li>span{display:block;padding:9px 12px;border-radius:8px;color:#48607e;font-size:.87rem;font-weight:700;cursor:pointer;white-space:nowrap}
.navlinks .menu>li:hover>a,.navlinks .menu>li:hover>span,.navlinks .menu>li:focus-within>a,.navlinks .menu>li:focus-within>span{color:var(--blue);background:var(--ice)}
.navlinks .menu>li.has-sub>a:after,.navlinks .menu>li.has-sub>span:after{content:" \25BE";font-size:.7em;color:#9fb3cc;margin-left:3px}
.navlinks .submenu{position:absolute;top:100%;left:0;min-width:238px;display:grid;gap:1px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s;z-index:30}
.navlinks .menu>li:hover>.submenu,.navlinks .menu>li:focus-within>.submenu{opacity:1;visibility:visible;transform:none}
.navlinks .submenu a{padding:9px 11px;border-radius:7px;color:#3d5675;font-size:.83rem;font-weight:600;white-space:nowrap}
.navlinks .submenu a:hover{background:var(--ice);color:var(--blue)}
.navsheet .m-group{border-bottom:1px solid var(--line)}
.navsheet .m-group>summary{list-style:none;padding:12px 8px;font-weight:700;color:#26426b;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px}
.navsheet .m-group>summary::-webkit-details-marker{display:none}
.navsheet .m-group>summary:after{content:"+";color:var(--blue);font-size:1.15rem}
.navsheet .m-group[open]>summary:after{content:"\2013"}
.navsheet .m-sub{display:grid;gap:1px;padding:0 0 10px}
.navsheet .m-sub a{min-height:40px;display:flex;align-items:center;padding:0 12px;color:#3d5675;font-size:.9rem;font-weight:600;border-radius:8px}
.navsheet .m-sub a b{color:var(--blue)}
.navsheet .m-sub a:hover{background:var(--ice);color:var(--blue)}
@media(max-width:900px){.navlinks{display:none}}
/* ── larger brand logos (site-wide) ──────────────────────────────────────── */
.logo{width:116px;height:62px}
.logo img{max-width:100%;max-height:100%;padding:3px}
.review summary .logo{width:104px;height:56px}
.best-name{grid-template-columns:168px minmax(0,1fr)}
.best-name .logo{width:168px;height:96px}
.toppick .logo{width:180px;height:96px;margin-bottom:10px}
@media(max-width:620px){
  .logo{width:100px;height:54px}
  .review summary .logo{width:90px;height:48px}
  .best-name{grid-template-columns:120px minmax(0,1fr)}
  .best-name .logo{width:120px;height:70px}
}
/* ── logos MUCH bigger (v2) — widen the row's identity track to fit ───────── */
.logo{width:168px;height:92px}
.review summary .logo{width:140px;height:74px}
.best-name{grid-template-columns:190px minmax(0,1fr)}
.best-name .logo{width:190px;height:108px}
.toppick .logo{width:240px;height:128px;margin-bottom:12px}
.casino{grid-template-columns:40px minmax(230px,1.2fr) 1.1fr .55fr .55fr 126px}
@media(max-width:900px){
  .casino{grid-template-columns:38px minmax(190px,1fr) 1fr .6fr 116px}
}
@media(max-width:620px){
  .logo{width:150px;height:82px}
  .review summary .logo{width:124px;height:66px}
  .best-name{grid-template-columns:150px minmax(0,1fr)}
  .best-name .logo{width:150px;height:86px}
}
/* ── mobile affiliate card — conversion-optimised (≤620px) ──────────────────
   Rebuilds the squished row into a card: corner rank tab, TOP ribbon on #1,
   brand lockup, highlights, two stat chips (Lizenz / Bewertung), big CTA.
   Pure CSS over the existing markup; desktop layout is unchanged. */
@media(max-width:900px){
  .casino-list{gap:16px}
  .casino{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-areas:"id id" "hl hl" "lic rate" "cta cta";
    gap:13px 10px;
    padding:46px 15px 15px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:18px;
    box-shadow:0 12px 30px rgba(18,56,106,.09);
    position:relative;overflow:hidden;
  }
  .casino:hover{transform:none;box-shadow:0 12px 30px rgba(18,56,106,.09)}
  /* rank corner tab */
  .casino .rank{position:absolute;top:0;left:0;margin:0;display:inline-block;
    background:var(--blue);color:#fff;font:800 .72rem/1 var(--mono);letter-spacing:.03em;
    padding:7px 15px 7px 13px;border-radius:18px 0 14px 0}
  /* #1 highlight + ribbon */
  .casino:first-child{border-color:#f0c24d;box-shadow:0 16px 34px rgba(237,104,59,.18)}
  .casino:first-child .rank{background:var(--orange)}
  .casino:first-child::after{content:"★ TOP-EMPFEHLUNG";position:absolute;top:0;right:0;
    background:var(--orange);color:#fff;font:700 .58rem/1 var(--mono);letter-spacing:.06em;
    padding:8px 13px;border-radius:0 18px 0 14px}
  /* brand lockup */
  .casino .identity{grid-area:id;display:flex;align-items:center;gap:14px;width:auto}
  .casino .identity .logo{width:100px;height:62px;flex:0 0 auto}
  .casino .name{font-size:1.1rem;white-space:normal;line-height:1.15}
  .casino .sub{font-size:.72rem;color:var(--muted);margin-top:3px}
  /* highlights block */
  .casino .offer{grid-area:hl;display:flex;flex-direction:column-reverse;gap:4px;margin:0;
    font-size:.92rem;font-weight:600;line-height:1.4;color:#20364f}
  .casino .offer small{display:block;margin:0;text-transform:uppercase;font-size:.56rem;
    letter-spacing:.09em;color:var(--muted);font-weight:600}
  /* stat chips */
  .casino .data{margin:0;background:#f4f7fc;border:1px solid var(--line);border-radius:12px;
    padding:9px 12px;font:700 .95rem/1.2 var(--sans);color:var(--ink)}
  .casino .data small{display:block;margin:0 0 2px;text-transform:uppercase;font-size:.56rem;
    letter-spacing:.07em;color:var(--muted);font-weight:600}
  .casino .data:nth-of-type(3){grid-area:lic;display:flex;flex-direction:column-reverse;gap:3px}
  .casino .data:nth-of-type(4){grid-area:rate;display:flex;flex-direction:column-reverse;gap:3px;color:var(--orange)}
  /* CTA */
  .casino .rowbtn{grid-area:cta;display:flex;align-items:center;justify-content:center;gap:9px;
    width:100%;min-height:52px;margin:0;font-size:1.02rem;font-weight:800;border-radius:13px;
    box-shadow:0 10px 22px rgba(17,88,189,.24)}
  .casino .rowbtn::after{content:"\203A";font-size:1.35rem;line-height:1;margin-top:-2px}
}
/* mobile overflow hardening: stop grid/word blowout that clipped content at the right edge */
@media(max-width:900px){
  html,body{overflow-x:hidden}
  .casino{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .casino>*{min-width:0}
  .casino .identity{min-width:0}
  .casino .identity>div{min-width:0}
  .casino .name,.casino .sub,.casino .offer,.casino .data{overflow-wrap:anywhere}
  .phero h1{overflow-wrap:anywhere;hyphens:auto}
  .toppick .logo{width:min(220px,60vw);height:auto}
}
/* closed mobile menu must not lay out (absolute .navsheet was extending page width) */
.navtoggle:not([open]) .navsheet{display:none}
.navtoggle .navsheet{max-width:100vw;box-sizing:border-box}
/* bigger toplist CTA on desktop (table layout, >900px) */
@media(min-width:901px){
  .casino{grid-template-columns:40px minmax(210px,1.1fr) 1fr .55fr .55fr 176px}
  .casino .rowbtn{font-size:.92rem;padding:14px 18px;min-height:48px;border-radius:11px;font-weight:800}
}