:root{color-scheme:dark;--bg:#20242d;--surface:#272c36;--raised:#303744;--line:#373e4a;--text:#f3f5f8;--muted:#b5bfce;--blue:#047cfc;--blue-light:#58a8ff;--radius:8px;--width:1260px;font-family:Inter,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.75;overflow-wrap:anywhere}a{color:var(--blue-light);text-underline-offset:4px}a:hover{color:#a2ceff}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,ul,ol,figure{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.1rem,4.3vw,3.7rem);font-weight:800}h2{font-size:clamp(1.6rem,2.7vw,2.3rem);font-weight:750}h3{font-size:1.2rem}p{max-width:85ch}p+p{margin-top:18px}li+li{margin-top:9px}:focus-visible{outline:3px solid #c0dfff;outline-offset:4px}[hidden]{display:none!important}::selection{background:#1464ba;color:#fff}.skip{position:absolute;left:12px;top:-80px;background:white;color:#111;padding:12px;z-index:100}.skip:focus{top:8px}
.header{position:sticky;top:0;z-index:30;height:78px;background:#20252ff5;border-bottom:1px solid var(--line)}.header-inner{max-width:1480px;padding:0 30px;margin:auto;height:100%;display:flex;gap:32px;align-items:center}.brand{flex-shrink:0}.brand img{width:130px;height:auto}.header-nav{display:flex;align-items:center;gap:27px;margin-right:auto}.header-nav a{color:#c2cad6;text-decoration:none;font-size:.9375rem;font-weight:600}.header-nav a[aria-current=page],.header-nav a:hover{color:#fff}.header-actions{display:flex;gap:10px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:46px;border:1px solid transparent;border-radius:8px;padding:11px 22px;background:var(--blue);color:#fff;text-decoration:none;font-weight:700;font-size:.9375rem;line-height:1.4;transition:background .18s,transform .18s}.btn:hover{background:#238fff;color:white;transform:translateY(-1px)}.btn.secondary{background:#343c4a;border-color:#485264}.btn.secondary:hover{background:#414c5d}.btn.quiet{background:transparent;border-color:#65748a;color:#eef3fb}.menu-toggle{display:none;background:#303846;border:1px solid var(--line);border-radius:8px;color:white;padding:9px 12px}.shell{max-width:1480px;margin:auto;display:grid;grid-template-columns:185px minmax(0,1fr);gap:28px;padding:28px 30px 0}.rail{position:sticky;top:106px;align-self:start}.rail-label{font-size:.75rem;color:#8e9bb0;letter-spacing:.13em;text-transform:uppercase;margin:6px 0 14px 12px}.rail a{display:block;padding:10px 12px;margin-bottom:5px;border-radius:8px;color:#bbc5d5;text-decoration:none;font-size:.9375rem}.rail a:hover,.rail a[aria-current=page]{background:#2b3444;color:white}.rail hr{border:0;border-top:1px solid var(--line);margin:20px 8px}.rail .rail-note{padding:10px 12px;color:#929fb3;font-size:.8125rem;line-height:1.6}.main{min-width:0;max-width:var(--width)}
.hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #3e526e;border-radius:var(--radius);background:linear-gradient(112deg,#263d62 0%,#23334c 55%,#11233b 100%);padding:38px 40px;min-height:355px}.hero-copy{position:relative;z-index:2;width:68%;max-width:680px}.eyebrow{font-size:.8125rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#88bfff;margin-bottom:15px}.hero h1{max-width:15ch}.hero-lead{color:#d2ddeb;font-size:1.0625rem;line-height:1.7;margin-top:22px;max-width:48ch}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-art{position:absolute;z-index:0;right:0;top:0;width:34%;height:100%;object-fit:cover;object-position:center;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000 24%)}.hero-meta{display:flex;flex-wrap:wrap;gap:16px;color:#bac7d9;font-size:.8125rem;margin-top:22px}.hero.home h1{max-width:14ch}.hero.home h1 span{color:#81baff}.hero.compact{min-height:285px;padding-block:32px}.hero.compact h1{font-size:clamp(2rem,3.4vw,3rem);max-width:23ch}.hero.compact .hero-copy{width:75%}.hero.compact .hero-art{width:27%;opacity:.5}
.quicklinks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}.quicklink{display:block;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;text-decoration:none;color:#fff}.quicklink:hover{background:#2c3545;color:white}.quicklink strong{display:block;font-size:1.0625rem}.quicklink span{display:block;color:var(--muted);font-size:.875rem;line-height:1.6;margin-top:7px}.quicklink b{color:#6eafff;float:right;font-weight:400}.section{margin-top:44px;scroll-margin-top:105px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.section>h2{margin-bottom:22px}.section>p{color:#c3ccda}.section .subheading{margin:28px 0 14px}.muted{color:var(--muted)}.small{font-size:.875rem}.toc{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px 22px;margin-top:25px}.toc summary{cursor:pointer;font-weight:700}.toc nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin-top:17px}.toc a{text-decoration:none;font-size:.9375rem;color:#baccdf}.toc a:hover{color:white}.tag{display:inline-block;border:1px solid #3f4c61;color:#bfd5ef;background:#243047;border-radius:5px;padding:2px 9px;font-size:.75rem;line-height:1.6}
.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.game{min-width:0;color:white;text-decoration:none}.game img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;transition:transform .2s,filter .2s}.game:hover img{transform:translateY(-4px);filter:brightness(1.08)}.game strong{display:block;font-size:.875rem;line-height:1.4;margin-top:10px;font-weight:650}.game span{display:block;font-size:.75rem;line-height:1.4;color:#9facbf;margin-top:4px}.game-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.game-filters button{border:1px solid #425068;background:#2a3240;border-radius:7px;color:#cbd6e4;padding:7px 13px;font-size:.875rem}.game-filters button[aria-pressed=true]{background:#076ace;color:white;border-color:#238fff}.providers {
 display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;
 border-block:1px solid var(--line);padding:22px 0;margin-top:25px;
}


@media(max-width:1200px){.providers{grid-template-columns:repeat(3,minmax(0,1fr));}}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin-top:25px;background:#222833}.table-wrap table{border-collapse:collapse;width:100%;font-size:.9375rem;min-width:530px}caption{text-align:left;padding:15px 20px;color:#c9d3e2;font-size:.875rem;background:#293241}th,td{padding:16px 20px;vertical-align:top;text-align:left;border-bottom:1px solid #394251;line-height:1.6}thead th{background:#2c3544;color:#f0f5fc;font-weight:650}tbody th{font-weight:600;color:#e2eaf5}td{color:#bdc9d9}tr:last-child td,tr:last-child th{border-bottom:0}.table-wrap.simple table{min-width:0}.table-wrap.simple th{width:34%}.note{padding:20px 23px;margin-top:25px;background:#263348;border-left:3px solid #449cff;border-radius:0 9px 9px 0;color:#cbd8e9}.note strong{display:block;margin-bottom:9px;color:white}.note p{font-size:.9375rem;line-height:1.75}.steps{list-style:none;counter-reset:step;padding:0;margin-top:25px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.steps li{counter-increment:step;margin:0;padding:22px 22px 22px 67px;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}.steps li:before{content:counter(step);position:absolute;left:22px;top:23px;display:grid;place-items:center;width:29px;height:29px;border-radius:7px;background:#116ac9;color:#fff;font-size:.875rem;font-weight:700}.steps strong{display:block;line-height:1.4}.steps p{color:var(--muted);margin-top:9px;font-size:.9375rem;line-height:1.7}.editorial-image{margin-top:26px}.editorial-image img{border:1px solid var(--line);border-radius:12px;width:100%;height:auto}.editorial-image figcaption{color:#99a8bc;font-size:.8125rem;margin-top:10px;line-height:1.6}.split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:30px;align-items:start}.split p{color:#c3ccda}.split .image-panel{border-radius:12px;overflow:hidden;background:#153258}.split .image-panel img{width:100%;max-height:290px;object-fit:cover}.bullet-list{padding-left:22px;color:#c3ccda;margin-top:18px}.faq{margin-top:24px;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:0 2px}.faq summary{cursor:pointer;padding:20px 38px 20px 0;font-weight:650;line-height:1.5;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:10px;top:18px;color:#74b5ff;font-size:1.5rem;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details>p{color:#bbc9dc;margin:0 25px 23px 0;line-height:1.8}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:25px}.review{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0}.review header{display:flex;align-items:start;justify-content:space-between;gap:15px;margin-bottom:17px}.review header strong{display:block}.review header small{display:block;color:#9faec2;font-size:.8125rem;margin-top:4px}.review .rating{white-space:nowrap;color:#e9c676;font-weight:700;font-size:.9375rem}.review blockquote{margin:0;color:#c6d0de;font-size:.9375rem;line-height:1.85}.review-summary{padding:24px;background:#263349;border:1px solid #3e5472;border-radius:12px;margin-top:25px}.review-summary strong{font-size:2rem;line-height:1.2;display:block}.review-summary p{margin-top:10px;color:#b7c7dc;font-size:.9375rem}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:28px;background:#243956;border:1px solid #3a5375;border-radius:12px;margin-top:32px}.cta-panel p{margin-top:9px;color:#c3d1e3;font-size:.9375rem}.cta-panel .btn{flex-shrink:0}.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:#96a8c1;font-size:.875rem;margin:0 0 20px}.breadcrumbs a{color:#c0d0e5;text-decoration:none}
.footer{max-width:1480px;margin:60px auto 0;padding:32px 30px 38px;border-top:1px solid var(--line);color:#99a9bd;font-size:.875rem}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.footer-nav{display:flex;gap:22px;flex-wrap:wrap}.footer a{color:#b4c7e1;text-decoration:none}.footer p{max-width:110ch;line-height:1.8}.footer .legal-details{margin-top:20px}.footer summary{cursor:pointer;color:#c0cede}.footer details>p{margin-top:13px}.mobilebar{display:none}.status-message{padding:18px;background:#273b32;border:1px solid #48725a;border-radius:9px;margin:20px 0}.error-message{background:#472c30;border-color:#83515b}.admin-main{max-width:1050px;margin:30px auto;padding:0 22px 70px}.admin-main .card{padding:26px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin:25px 0}.admin-main h2{font-size:1.5rem;margin-bottom:20px}.admin-main form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}label{display:block;font-size:.9375rem;color:#c9d4e5}input:not([type=checkbox]),select,textarea{width:100%;background:#1b222d;border:1px solid #53617a;border-radius:7px;color:white;padding:11px 13px;margin-top:6px}textarea{min-height:130px}input[type=checkbox]{width:18px;height:18px;vertical-align:middle;margin-right:9px}.admin-main .btn{justify-self:start}.admin-main code{overflow-wrap:anywhere}.admin-main .admin-actions{display:flex;flex-wrap:wrap;gap:12px}
@media(min-width:1600px){.shell{gap:34px}}@media(max-width:1200px){.shell{grid-template-columns:155px minmax(0,1fr);gap:20px;padding-inline:22px}.header-inner{padding-inline:22px;gap:24px}.header-nav{gap:20px}.hero{padding:30px}.games{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-copy{width:72%}.hero h1{font-size:2.8rem}}
@media(max-width:960px){.shell{display:block;max-width:1244px}.rail{display:none}.header-nav{gap:16px}.header-inner{gap:20px}.brand img{width:112px}.header-actions .btn{padding-inline:16px}.hero h1{font-size:clamp(2.2rem,5vw,3.4rem)}}
@media(max-width:740px){.header{height:72px}.header-inner{padding:0 16px;gap:10px}.brand img{width:100px}.header-actions{margin-left:auto;gap:7px}.header-actions .btn{min-height:40px;padding:9px 12px;font-size:.8125rem}.header-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:22px;background:#242d3b;border-bottom:1px solid #4a5870;flex-direction:column;align-items:stretch;gap:5px}.header-nav.is-open{display:flex}.header-nav a{padding:10px}.menu-toggle{display:block;padding:8px;font-size:.875rem;min-height:40px}.shell{padding:20px 16px 0}.hero{padding:27px 24px;min-height:0}.hero-copy,.hero.compact .hero-copy{width:100%}.hero h1,.hero.compact h1{font-size:clamp(2rem,6.9vw,3rem);max-width:17ch}.hero-art,.hero.compact .hero-art{width:47%;opacity:.19;mask-image:linear-gradient(90deg,transparent,#000 40%);pointer-events:none}.hero-lead{max-width:42ch;font-size:1rem}.hero-actions .btn{flex:1 1 160px}.hero-meta{gap:10px;font-size:.75rem}.quicklinks{grid-template-columns:1fr;gap:10px}.quicklink{padding:16px 18px}.quicklink span{margin-top:4px}.quicklink strong{font-size:1rem}.section{margin-top:35px}.section-head{align-items:start;flex-direction:column;gap:10px}.games{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.game strong{font-size:.8125rem}.game-filters{gap:7px}.game-filters button{padding:7px 10px;font-size:.8125rem}.steps,.review-grid,.split,.form-grid{grid-template-columns:minmax(0,1fr)}.toc nav{grid-template-columns:1fr}.table-wrap table{min-width:600px}.table-wrap.simple table{min-width:0}.table-wrap.simple th{width:39%}th,td{padding:14px 15px}.providers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cta-panel{flex-direction:column;align-items:stretch;padding:24px}.review{padding:22px}.footer{padding:28px 16px 115px;margin-top:40px}.footer-top{align-items:start;flex-direction:column}.footer-nav{gap:12px 20px}.mobilebar{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#202733f7;border-top:1px solid #48556c}.mobilebar .btn{flex:1;min-height:43px;font-size:.875rem}.editorial-image figcaption{font-size:.8125rem}}
@media(max-width:390px){.header-inner{padding-inline:10px;gap:6px}.brand img{width:84px}.header-actions .btn{padding-inline:9px}.shell{padding-inline:12px}.hero{padding-inline:20px}.games{gap:10px}.game strong{font-size:.8125rem}.btn{padding-inline:16px}.review header{gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}@media print{.header,.rail,.mobilebar,.hero-actions,.game-filters,.cta-panel{display:none}.shell{display:block;padding:0}.hero{background:none;border:0;padding:0}.hero-art{display:none}body{background:white;color:black}.section p,.muted,td,.review blockquote{color:#222}.footer{padding-bottom:0}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.review,.steps li{break-inside:avoid}}
.section-link{margin-top:22px}.section>.game-filters{margin-top:24px}.section>.games{margin-top:24px}.game-filters:not([hidden])+.games{margin-top:0}

/* Selector 1.0.3: compact lobby, original artwork, quieter editorial surfaces. */
.header{height:76px;background:#20242d;border-bottom-color:#181c24;box-shadow:0 2px 8px #0002}
.header-inner,.shell{max-width:1560px}
.header-inner{gap:34px}
.brand img{width:128px}
.header-nav a{padding:25px 0;position:relative}
.header-nav a[aria-current=page]:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--blue);border-radius:3px}
.btn{border-radius:6px;min-height:46px;padding-inline:23px;box-shadow:none}
.btn.secondary{background:#272c35;border-color:#3a414e}
.btn.quiet{background:#ffffff08;border-color:#ffffff4a}
.shell{grid-template-columns:180px minmax(0,1fr);gap:28px;padding-top:24px}
.rail{top:100px;background:#252a33;border-radius:7px;padding:14px 9px}
.rail-label{letter-spacing:.06em;font-size:.75rem;margin-left:12px}
.rail a{border-radius:5px;font-size:.875rem;padding:10px 12px;border-left:2px solid transparent}
.rail a[aria-current=page]{background:#087cff18;border-left-color:#047cfc;color:#fff}
.rail hr{margin:16px 10px;border-color:#363d48}
.rail .rail-note{font-size:.75rem;margin-top:16px}
.hero-stage{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);gap:16px}
.hero{border:0;border-radius:8px;background:#142c4d;min-height:350px;padding:30px}
.hero.home{background:linear-gradient(115deg,#133660,#153455 55%,#10203a);display:flex;align-items:center}
.hero-copy{width:76%;max-width:620px}
.hero.home h1{font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.035em;max-width:15ch;font-weight:750}
.eyebrow{font-size:.75rem;letter-spacing:.08em;color:#b3d6ff;margin-bottom:12px}
.hero-lead{font-size:1rem;line-height:1.7;margin-top:17px;max-width:40ch;color:#e0eaf8}
.hero-art{width:37%;opacity:.8;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 45%)}
.hero-actions{gap:10px;margin-top:22px}
.hero-actions .btn{padding-inline:17px;font-size:.875rem}
.hero-meta{margin-top:18px;font-size:.75rem;color:#b6c6dc;gap:14px}
.hero-promos{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}
.promo-card{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:164px;padding:20px 23px;border-radius:8px;text-decoration:none;color:white;background:#293341;transition:background .2s}
.promo-card:hover{color:#fff;background:#334154}
.promo-card>div{position:relative;z-index:2}
.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}
.promo-bonus:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#082b55f5 0%,#082b55d9 46%,#082b552b 100%);z-index:-1}
.promo-label{display:block;color:#b9d5fb;font-size:.75rem;font-weight:600;margin-bottom:7px}
.promo-card strong{display:block;font-size:1.25rem;line-height:1.25;letter-spacing:-.02em}

.promo-link>span{display:inline-block;margin-left:8px;transition:transform .2s}
.promo-card:hover .promo-link>span{transform:translateX(3px)}
.promo-reviews{background:#2b3442}
.promo-count{position:absolute;right:20px;bottom:10px;font-size:5.5rem;font-weight:800;line-height:1;color:#688bb02b;letter-spacing:-.08em;z-index:-1}
.section{margin-top:42px}
.section>h2{margin-bottom:22px}
h2{font-size:clamp(1.45rem,2.3vw,1.85rem);letter-spacing:-.025em}
.section>p{max-width:90ch;line-height:1.85;color:#c3cad6}
.section>p+p{margin-top:20px}
.lobby-section{margin-top:30px}
.section-head{align-items:center;margin-bottom:12px}
.catalog-count{flex-shrink:0;background:#2b323e;border-radius:4px;padding:4px 9px;font-size:.8125rem;color:#bac5d5}
.lobby-section>p{font-size:.9375rem;max-width:none;color:#aeb9ca}
.game-filters{background:#1c2028;border-radius:6px;padding:6px;gap:5px;margin-top:20px!important;margin-bottom:20px}
.game-filters button{background:transparent;border-color:transparent;border-radius:5px;color:#aeb8c8;padding:9px 17px;font-weight:600}
.game-filters button[aria-pressed=true]{background:#303847;border-color:transparent;color:#fff}
.game-filters button:hover{background:#2a313d;color:#fff}
.games{gap:18px 14px;grid-template-columns:repeat(6,minmax(0,1fr))}
.game img{border-radius:7px}
.game strong{font-weight:600;font-size:.8125rem;margin-top:9px}
.game span{font-size:.75rem;color:#aab6c8}
.providers{border:0;border-top:1px solid var(--line);margin-top:25px;padding:22px 0 0;gap:10px}


.toc{background:#252b35;border:0;border-left:3px solid #047cfc;border-radius:5px;margin-top:32px;padding:19px 23px}
.toc nav{gap:11px 24px}
.toc a{font-size:.875rem;color:#c3ccda}
.table-wrap{border-radius:7px;background:#242a33;border-color:#363e4a;margin-top:26px}
caption{background:#272e39;font-size:.875rem;color:#c0cbdc;padding-block:16px}
thead th{background:#303947;font-size:.875rem}
th,td{padding:18px 20px;line-height:1.75;border-color:#373f4c}
tbody tr:nth-child(even){background:#ffffff02}
.note{background:#252e3d;border-left-color:#047cfc;padding:22px 24px;margin-top:26px;border-radius:0 6px 6px 0}
.steps{gap:16px}
.steps li{background:#262c36;border-radius:7px;border-color:#343c48;padding:23px 22px 23px 66px}
.steps li:before{background:#047cfc;border-radius:5px}
.editorial-image img{border-radius:7px}
.review{background:#272d37;border-radius:7px;border-color:#363e4a;padding:26px}
.review blockquote{line-height:1.85}
.review .rating{color:#81b8ff;background:#047cfc18;border-radius:5px;padding:4px 9px}
.review-summary{display:flex;align-items:center;gap:25px;border:0;background:#282f3b;border-radius:7px;padding:22px 26px}
.review-summary strong{font-size:2.4rem;white-space:nowrap;color:#f5f8ff}
.review-summary p{margin:0;max-width:34ch}
.faq summary{padding-block:23px}
.cta-panel{border:0;border-radius:8px;background:#153b68;padding:29px 30px}
.hero.compact{background:#252e3b;border:1px solid #353f4e;min-height:260px;padding:30px 34px}
.hero.compact h1{font-size:clamp(1.85rem,3.2vw,2.75rem);max-width:23ch}
.hero.compact .hero-lead{max-width:65ch}
.hero.compact .hero-art{opacity:.3;width:23%;mask-image:linear-gradient(90deg,transparent,#000)}
.footer{max-width:1560px;border-color:#343c48;color:#a8b3c3}
.footer-top{margin-bottom:20px}
.footer .legal-details{margin-top:17px}
@media(max-width:1200px){
 .shell{grid-template-columns:150px minmax(0,1fr);gap:20px}
 .hero-stage{grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}
 .hero{padding:26px;min-height:360px}
 .hero-copy{width:100%}
 .hero-art{opacity:.35;width:45%}
 .hero.home h1{font-size:2.4rem}
 .hero-lead{max-width:35ch}
 .promo-card{padding:20px}
 .games{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:960px){
 .shell{display:block}
 .hero-stage{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr)}
 .header-inner{gap:20px}
 .header-nav{gap:17px}
 .hero-copy{width:90%}
}
@media(max-width:740px){
 .header{height:72px}
 .header-inner{gap:10px}
 .brand img{width:104px}
 .header-nav{top:72px;padding:16px;background:#252b35}
 .header-nav a{padding:11px 12px}
 .header-nav a[aria-current=page]:after{display:none}
 .header-nav a[aria-current=page]{background:#303b4c;border-radius:5px}
 .shell{padding-top:16px}
 .hero-stage{grid-template-columns:minmax(0,1fr);gap:12px}
 .hero{padding:25px 22px;min-height:295px}
 .hero.home h1{font-size:clamp(2rem,8vw,2.7rem)}
 .hero-copy,.hero.compact .hero-copy{width:100%}
 .hero-lead{max-width:38ch;font-size:1rem;line-height:1.75}
 .hero-art{width:40%;opacity:.3}
 .hero-actions .btn{flex:1 1 125px;padding-inline:12px;min-height:45px}
 .hero-promos{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:12px}
 .promo-card{padding:17px 15px;min-height:155px;align-items:start}
 .promo-card strong{font-size:1.125rem}
 .promo-label{font-size:.75rem}
 
 .promo-link>span{margin-left:2px}
 .promo-count{font-size:4rem;right:12px;bottom:12px}
 .promo-bonus:before{background:#082b55ce}
 .lobby-section{margin-top:27px}
 .section-head{flex-direction:row;align-items:start;gap:12px}
 .catalog-count{font-size:.75rem;max-width:95px;white-space:normal;text-align:center}
 .section-head h2{font-size:1.5rem}
 .games{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 11px}
 .game-filters{gap:3px;padding:5px}
 .game-filters button{font-size:.8125rem;padding:8px 11px}
 .providers{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 
 
 .section{margin-top:34px}
 .section>p{line-height:1.85}
 .toc{padding:18px 20px;margin-top:27px}
 .toc nav{gap:12px}
 th,td{padding:16px;line-height:1.75}
 .review{padding:23px 20px}
 .review-summary{gap:18px;padding:20px}
 .review-summary strong{font-size:2rem}
 .review-summary p{font-size:.875rem}
 .cta-panel{padding:25px 22px}
 .hero.compact{padding:25px 22px;min-height:0}
 .hero.compact .hero-art{opacity:.17;width:35%}
 .footer{margin-top:36px}
}
@media(max-width:390px){
 .header-inner{padding-inline:10px;gap:6px}
 .brand img{width:84px}
 .hero{padding-inline:20px}
 .header-actions .btn{padding-inline:9px}
 .hero-actions .btn{font-size:.8125rem}
 .promo-card{padding-inline:13px}
 .promo-card strong{font-size:1.0625rem}
 .promo-count{opacity:.6}
 .catalog-count{display:none}
 .review-summary{align-items:start;flex-direction:column;gap:10px}
}
@media(prefers-reduced-motion:reduce){.promo-card:hover .promo-link>span{transform:none}}
@media print{.hero-promos{display:none}.hero-stage{display:block}.hero.home,.hero.compact{background:none}.hero-copy{width:100%}.section>p{color:#222}}

/* 1.0.4: clear commercial actions; editorial links remain ordinary links. */
.hero-actions .conversion-button{min-height:50px;padding-inline:23px;font-size:1rem;background:#0780ff;font-weight:750;box-shadow:0 4px 14px #0067e62b}
.hero-actions .conversion-button:hover,.conversion-button:hover{background:#2693ff}
.hero-actions .btn.secondary{background:#182d47;border-color:#8eb4e34d}
.rail-action{padding:18px 6px 0;border-top:1px solid #3a424f;margin-top:15px}
.rail-action .btn{display:flex;font-size:.875rem;padding:12px 9px;min-height:48px;color:#fff;background:#047cfc;border:0;margin:0;border-radius:6px;line-height:1.5}
.rail-action .btn:hover{background:#2693ff}

.promo-account{background:#273d5a}
.promo-account:hover{background:#304c70}
.game-cover{position:relative;display:block!important;overflow:hidden;border-radius:7px;margin:0!important}
.game .game-launch{position:absolute;bottom:10px;left:8px;right:8px;padding:8px 5px;border-radius:5px;text-align:center;background:#047cfc;color:white;font-size:.75rem;line-height:1.4;font-weight:700;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s;box-shadow:0 3px 12px #0004}
.game:hover .game-launch,.game:focus-visible .game-launch{opacity:1;transform:none}
.game:hover img{transform:scale(1.035);filter:brightness(.9)}
.conversion-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#17395f;border:1px solid #2d5683;border-radius:8px;padding:24px 27px;margin-top:28px}
.conversion-panel h3{font-size:1.2rem;line-height:1.4;letter-spacing:-.015em}
.conversion-panel p{color:#d0dced;font-size:.9375rem;line-height:1.7;margin-top:8px;max-width:58ch}
.conversion-panel .btn,.cta-panel .btn{flex-shrink:0;min-height:50px;padding-inline:26px;font-size:1rem}
.section-link{margin-top:24px;font-size:.9375rem}
.section-link a{font-weight:500;color:#9fc9ff;text-decoration-thickness:1px}
@media(min-width:961px) and (max-height:760px){.rail{max-height:calc(100dvh - 115px);overflow-y:auto;overscroll-behavior:contain}.rail a{padding-block:8px}.rail-action{position:sticky;bottom:0;background:#252a33;padding-bottom:12px}}
@media(max-width:1200px){.hero-actions .conversion-button{padding-inline:17px;font-size:.9375rem}.rail-action .btn{font-size:.8125rem}.promo-card{padding-inline:18px}}
@media(max-width:740px){
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 .hero-actions .conversion-button{width:100%;min-height:52px;font-size:1rem;padding-inline:16px}
 .hero-actions .btn.secondary{min-height:46px}
 .promo-card{padding:17px 13px;min-height:176px}
 
 .promo-link>span{margin-left:0}
 .conversion-panel{flex-direction:column;align-items:stretch;padding:23px 21px;gap:18px}
 .conversion-panel .btn{width:100%;min-height:50px}
 .mobilebar .btn{min-height:48px;font-size:.9375rem}
 .mobilebar{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom));box-shadow:0 -5px 18px #0002}
 .footer{padding-bottom:calc(120px + env(safe-area-inset-bottom))}
}
@media(hover:none){.game .game-launch{opacity:1;transform:none;font-size:.75rem;padding:6px 3px;bottom:6px;left:5px;right:5px}}
@media(prefers-reduced-motion:reduce){.game:hover img{transform:none}.game .game-launch{transform:none}}
@media print{.conversion-panel,.rail-action{display:none}}

/* 1.0.5: high-contrast provider logos and shared primary button styling. */
.provider-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:78px;padding:17px 15px;background:#2a313d;border:1px solid #414b5b;border-radius:7px}
.providers img{display:block;width:140px;height:42px;max-width:100%;object-fit:contain;opacity:1;filter:brightness(0) invert(1)}
.provider-logo--tiles img{filter:grayscale(1) invert(1)}
.promo-card .promo-link{display:inline-flex;margin-top:15px;max-width:100%;color:#fff;min-height:46px;gap:8px;line-height:1.4;font-size:.9375rem;font-weight:700;padding:11px 16px;white-space:normal;text-align:center}
.promo-card .promo-link>span{margin-left:0;flex-shrink:0;color:inherit}
.promo-card:hover .promo-link,.promo-card:focus-visible .promo-link{background:#238fff;border-color:transparent}
@media(max-width:740px){
 .provider-logo{min-height:74px;padding:15px 14px}
 .providers img{height:40px;width:136px}
 .promo-card .promo-link{font-size:.875rem;padding:10px;gap:5px;min-height:46px}
 .promo-card{min-height:190px}
}
@media print{.providers img{filter:none}.provider-logo{background:#fff;border-color:#aaa}}
