:root{--ink:#1d1812;--ink2:#4a4136;--mut:#7a6f60;--bg:#faf6ee;--card:#fff;--line:#e8dfcf;--gold:#c99a2e;--gold2:#e9c56a;--night:#16110b;--night2:#241b11;--cta:#d91150;--cta2:#b00d41;--ok:#2f7d4f;--no:#b23b2a;--r:14px;--sh:0 1px 2px rgba(40,25,5,.06),0 6px 20px rgba(40,25,5,.06);--serif:Georgia,"Iowan Old Style","Times New Roman",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.68 var(--sans)}
img{max-width:100%;height:auto;display:block}a{color:#8a5a00;text-underline-offset:2px}a:hover{color:var(--cta)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:8px;z-index:9}
h1,h2,h3{font-family:var(--serif);line-height:1.2;color:var(--ink);letter-spacing:-.01em}
h1{font-size:clamp(30px,4.4vw,46px);margin:.2em 0 .25em}h2{font-size:clamp(23px,2.6vw,30px);margin:1.6em 0 .5em}h3{font-size:21px;margin:1.3em 0 .4em}
/* header */
.top{background:var(--night);border-bottom:2px solid var(--gold);position:sticky;top:0;z-index:20}
.top-row{display:flex;align-items:center;gap:18px;min-height:62px}
.logo{display:flex;align-items:center;gap:10px;color:#f3e6c8;text-decoration:none;font:600 20px var(--serif)}.logo b{color:var(--gold2)}
.logo-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--night);font-size:20px}
.nav{margin-left:auto}.nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.nav a{display:block;padding:8px 11px;border-radius:8px;color:#efe3c9;text-decoration:none;font-size:15px}.nav a:hover,.nav a[aria-current]{background:#2f2416;color:var(--gold2)}
.nav-btn{display:none;margin-left:auto;background:none;border:1px solid #5a4528;color:#f3e6c8;border-radius:8px;padding:7px 12px;font:inherit;font-size:15px}
@media(max-width:900px){.nav-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--night);padding:8px 14px 16px;border-bottom:2px solid var(--gold)}.nav.open{display:block}.nav ul{flex-direction:column}}
/* page head */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:16px 0 0;font-size:14px;color:var(--mut)}.crumbs li+li:before{content:"›";margin-right:6px}.crumbs a{color:var(--mut)}
.ph{padding-top:4px}.byline{color:var(--mut);font-size:14.5px;margin:0 0 10px}.byline a{color:var(--ink2)}
.lead{font-size:19.5px;line-height:1.6;color:var(--ink2);max-width:860px;margin:.2em 0 1.1em}
/* hero home */
.hero{background:radial-gradient(1200px 500px at 70% -10%,#3a2a14 0,transparent 60%),linear-gradient(180deg,var(--night),var(--night2));color:#f5ead2;padding:26px 0 30px;border-bottom:1px solid #3b2c18}
.hero h1{color:#fbefd1}.hero .lead{color:#e6d6b3}
.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;list-style:none;padding:0;margin:18px 0 0}
.kpis li{background:#211910;border:1px solid #3d2e19;border-radius:12px;padding:10px 12px;text-align:center}.kpis b{display:block;color:var(--gold2);font:600 21px var(--serif)}.kpis span{font-size:13px;color:#cdbb98}
@media(max-width:700px){.kpis{grid-template-columns:repeat(3,1fr)}}
/* demo stage */
.stage-wrap{margin:10px auto 22px}
.stage{position:relative;aspect-ratio:16/9;max-height:78vh;border-radius:var(--r);overflow:hidden;background:#0d0a06;border:2px solid #4a3519;box-shadow:0 18px 40px rgba(20,10,0,.35)}
.stage-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(18px) brightness(.45);transform:scale(1.15)}
.stage-ui{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center}
.stage-art{width:min(300px,46%);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.15)}
.stage-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.stage-note,.stage-msg{color:#e8dcc2;font-size:13.5px;margin:0}
.stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:5;background:#000}
.stage-fs{position:absolute;right:10px;bottom:10px;z-index:6;background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}
.stage.full{position:fixed;inset:0;max-height:none;aspect-ratio:auto;border-radius:0;z-index:100;border:0}
@media(max-width:700px){.stage{aspect-ratio:auto;height:62vh;min-height:360px}.stage-art{width:58%}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:13px 24px;font:700 16px var(--sans);cursor:pointer;text-decoration:none;transition:transform .12s,filter .12s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.07)}
.btn-real{background:linear-gradient(135deg,var(--cta),var(--cta2));color:#fff!important;box-shadow:0 6px 16px rgba(217,17,80,.3)}
.btn-demo{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1b1206}
.btn-s{padding:8px 15px;font-size:14px}
/* layout */
.cols{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:start}.cols-1{grid-template-columns:minmax(0,820px)}
@media(max-width:980px){.cols{grid-template-columns:1fr}}
.side{position:sticky;top:84px;display:grid;gap:18px}@media(max-width:980px){.side{position:static}}
.prose{min-width:0}.prose p,.prose li{color:#2b241b}.prose ul,.prose ol{padding-left:1.2em}.prose li{margin:.25em 0}
.sec h2{border-top:1px solid var(--line);padding-top:.9em}
.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 18px;margin:6px 0 10px}.toc summary{font-weight:700;cursor:pointer}.toc ol{margin:.6em 0 .2em;padding-left:1.2em;columns:2;column-gap:28px}.toc li{break-inside:avoid;font-size:15.5px}
@media(max-width:700px){.toc ol{columns:1}}
.tbl{overflow-x:auto;margin:1em 0;border:1px solid var(--line);border-radius:12px;background:var(--card)}
table{border-collapse:collapse;width:100%;font-size:15.5px}th,td{padding:10px 13px;border-bottom:1px solid #f0e8d9;text-align:left;vertical-align:top}thead th{background:#f6eedd;font-weight:700}tr:last-child th,tr:last-child td{border-bottom:0}
.specs h2,.side h2{font-size:20px;margin:0 0 10px}.specs{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.specs .tbl{border:0;margin:0}.specs th{width:44%;color:var(--ink2);font-weight:600}
.note{font-size:13.5px;color:var(--mut);margin:.6em 0 0}
.shot{margin:1.4em 0}.shot img{border-radius:12px;border:1px solid var(--line)}.shot figcaption{font-size:14px;color:var(--mut);margin-top:6px}
/* pros cons verdict faq author */
.pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:2em 0}@media(max-width:640px){.pc{grid-template-columns:1fr}}
.pc>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}.pc-h{font-size:19px!important;margin:0 0 6px!important;border:0!important;padding:0!important}
.pc-pro{border-top:4px solid var(--ok)!important}.pc-con{border-top:4px solid var(--no)!important}.pc ul{margin:0;padding-left:1.1em}
.verdict{background:linear-gradient(135deg,#fff8e6,#fff);border:1px solid #ecd9a8;border-left:5px solid var(--gold);border-radius:var(--r);padding:6px 20px 12px;margin:2em 0}.verdict h2{margin:.6em 0 .2em;font-size:22px}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:8px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{margin:.5em 0 0}
.author{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:2.2em 0}
.author img,.avatar{width:72px;height:72px;border-radius:50%;flex:none;object-fit:cover}.avatar{display:grid;place-items:center;background:var(--night);color:var(--gold2);font:700 22px var(--serif)}
.author p{margin:0;font-size:15px}.author-k{text-transform:uppercase;letter-spacing:.06em;font-size:12px!important;color:var(--mut)}.author-n{font:700 18px var(--serif)!important}
/* grids */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;list-style:none;padding:0;margin:14px 0}
.grid-s{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.card a{display:block;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);height:100%;transition:transform .12s,box-shadow .12s}
.card a:hover{transform:translateY(-2px);box-shadow:var(--sh)}.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card-p{display:block;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);padding:8px 10px 0}.card-n{display:block;font-weight:700;font-size:15px;line-height:1.3;padding:2px 10px 10px}
.rel h2{margin-top:1.2em}.more{margin:0}
.chip{display:inline-block;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-size:14px;color:var(--ink2);text-decoration:none;cursor:pointer;font-family:inherit}
.chip.on,.chip:hover{background:var(--night);color:var(--gold2);border-color:var(--night)}
.hubs{display:flex;flex-wrap:wrap;gap:8px}
.hub-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}.hub-l{display:block;border:1px solid var(--line);background:var(--card);padding:8px 14px;border-radius:10px;text-decoration:none;font-weight:600}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0}.q{flex:1 1 260px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px}
.empty{color:var(--mut)}
/* casinos */
.cbox{background:var(--night);color:#efe3c9;border-radius:var(--r);padding:14px 16px;border:1px solid #3d2e19}.cbox-h{font:700 18px var(--serif);color:#fbefd1;margin:0 0 8px}
.cbox ul,.side-box ul{list-style:none;margin:0;padding:0}.cbox-i{display:grid;grid-template-columns:96px 1fr;gap:6px 10px;align-items:center;padding:10px 0;border-top:1px solid #33271a}
.cbox-t{font-size:13px;color:#d5c5a5;line-height:1.35}.cbox-b{grid-column:1/-1;display:flex;gap:12px;align-items:center}.cbox .lnk{color:var(--gold2);font-size:14px}
.cbox-f{font-size:12.5px;color:#bfae8b;margin:8px 0 0}.adm{display:inline-block;background:#fff;color:#0a3d91;font-weight:800;font-size:11px;padding:1px 5px;border-radius:4px;margin-right:4px}
.clogo{display:grid;place-items:center;background:var(--bg,#222);color:var(--fg,#fff);border-radius:10px;font:800 14px var(--sans);height:42px;padding:0 8px;text-align:center;letter-spacing:.02em}
.clogo-l{height:64px;min-width:150px;font-size:18px}
.side-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}.side-box li{padding:5px 0}
.ranks{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:12px}
.rank{display:grid;grid-template-columns:44px 170px 1fr 220px;gap:16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--sh)}
.rank:first-child{border:2px solid var(--gold)}.rank-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--gold2);font:700 18px var(--serif)}
.rank-h{font:700 20px var(--serif);margin:0}.rank-pts{margin:4px 0;padding-left:1.1em;font-size:14.5px;color:var(--ink2)}.rank-bonus{margin:0;font-size:14.5px}
.rank-a{display:grid;gap:6px;justify-items:center;text-align:center}.tiny{font-size:12px;color:var(--mut)}.lnk{font-size:14.5px}
@media(max-width:900px){.rank{grid-template-columns:40px 1fr}.rank .clogo-l{min-width:0}.rank-b,.rank-a{grid-column:1/-1}}
.rv-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;margin:8px 0 12px}.rv-bonus{margin:0 0 8px}
.cmp th:first-child{white-space:nowrap}
/* footer */
.foot{background:var(--night);color:#cdbb98;margin-top:56px;border-top:2px solid var(--gold);font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;padding:34px 20px}@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot a{color:#efe3c9}.foot ul{list-style:none;padding:0;margin:0}.foot li{padding:3px 0}.f-h{font:700 16px var(--sans);color:var(--gold2);margin:0 0 8px}
.logo-sm{font-size:18px}.rg{font-size:13.5px;line-height:1.55}.age{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid #e2564a;color:#fff;font-weight:800;font-size:12px;margin-right:6px}
.foot-base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid #33271a;padding:14px 20px;font-size:13.5px}