@font-face{font-family:'Manrope';font-weight:500;font-display:swap;src:url(/assets/fonts/manrope-500.woff2) format('woff2'),url(/assets/fonts/manrope-500.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-weight:700;font-display:swap;src:url(/assets/fonts/manrope-700.woff2) format('woff2'),url(/assets/fonts/manrope-700.ttf) format('truetype')}
@font-face{font-family:'Manrope';font-weight:800;font-display:swap;src:url(/assets/fonts/manrope-800.woff2) format('woff2'),url(/assets/fonts/manrope-800.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-weight:500;font-display:swap;src:url(/assets/fonts/plexmono-500.woff2) format('woff2'),url(/assets/fonts/plexmono-500.ttf) format('truetype')}
@font-face{font-family:'IBM Plex Mono';font-weight:600;font-display:swap;src:url(/assets/fonts/plexmono-600.woff2) format('woff2'),url(/assets/fonts/plexmono-600.ttf) format('truetype')}

:root{--bg:#101315;--surface:#191E21;--raised:#232B30;--text:#F3F5EF;--muted:#AFBBB7;--border:#657570;--shadow:0 20px 60px #00000030}
:root[data-theme="light"]{--bg:#F4F6F1;--surface:#FFFFFF;--raised:#E8EEE6;--text:#17221E;--muted:#53635A;--border:#748276;--shadow:0 12px 40px #17221E12}
:root[data-accent="lime"]{--accent:#C5F467;--on-accent:#17210C}
:root[data-theme="light"][data-accent="lime"]{--accent:#416A13;--on-accent:#FFFFFF}
:root[data-accent="violet"]{--accent:#C5AAFF;--on-accent:#201334}
:root[data-theme="light"][data-accent="violet"]{--accent:#6940AE;--on-accent:#FFFFFF}
:root[data-accent="teal"]{--accent:#64DDCD;--on-accent:#062720}
:root[data-theme="light"][data-accent="teal"]{--accent:#006F65;--on-accent:#FFFFFF}
:root{--font-ui:"Manrope",sans-serif;--font-data:"IBM Plex Mono",monospace;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--container:1280px;--touch:44px;--motion:160ms;--s4:4px;--s8:8px;--s12:12px;--s16:16px;--s24:24px;--s32:32px;--s48:48px;--s64:64px;--s96:96px}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:500 16px/1.65 var(--font-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button,.button,.chip{min-height:var(--touch);border:1px solid var(--border);background:var(--raised);border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}button:hover,.button:hover,.chip:hover{border-color:var(--accent)}a:hover{text-decoration:underline;text-underline-offset:5px}input,select{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;min-height:44px;max-width:100%}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0 0 16px}h1,h2,h3{line-height:1.13;letter-spacing:-.045em;font-weight:800}h1{font-size:clamp(40px,4.9vw,68px)}h2{font-size:34px}h3{font-size:21px;letter-spacing:-.025em}small,.fine{font-size:12px;line-height:1.6;color:var(--muted)}p{color:var(--muted)}.wrap{width:min(calc(100% - 96px),var(--container));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.mono{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.05em}em{font-style:normal}.eyebrow{font:600 11px/1.6 var(--font-data);letter-spacing:.11em;color:var(--muted)}.muted{color:var(--muted)}.lead{font-size:19px;max-width:760px}.line{display:flex;justify-content:space-between;align-items:center;gap:12px}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.skip:focus{position:fixed;top:0;left:0;z-index:20;background:var(--accent);color:var(--on-accent);padding:16px}.review-tools{display:flex;justify-content:center;gap:6px;align-items:center;border-bottom:1px solid var(--border);background:var(--surface);font-size:11px;padding:2px 16px}.review-tools>a{margin-right:20px;min-height:44px;display:flex;align-items:center}.review-tools button{border:0;background:transparent;padding:4px 10px;font-size:12px}.swatch{width:44px}.swatch span{width:15px;height:15px;border-radius:100%;background:#C5F467;border:1px solid #416A13}.swatch.violet span{background:#C5AAFF;border-color:#6940AE}.swatch.teal span{background:#64DDCD;border-color:#006F65}.swatch[aria-pressed=true]{outline:1px solid var(--border);outline-offset:-6px}.header{height:98px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:9px;font-size:23px;letter-spacing:-1px;white-space:nowrap;font-weight:800}.brand svg{width:36px;height:32px;color:var(--accent)}.brand b{font-weight:500}.header nav{display:flex;gap:30px;margin:auto;font-size:14px}.header nav a,.country{min-height:44px;display:flex;align-items:center}.country{border:1px solid var(--border);border-radius:8px;padding:0 14px;font:500 12px var(--font-data)}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:92px;padding-top:72px;padding-bottom:56px;align-items:center}.hero-copy h1{margin:20px 0 24px;line-height:1.02}.hero-copy h1 span{color:var(--accent)}.hero-copy>p{max-width:490px;font-size:18px}.dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:var(--accent);margin:0 8px;vertical-align:middle}.search{position:relative;display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px;margin-top:28px;gap:6px}.search>.icon{margin-left:10px;color:var(--muted)}.search input{border:0;min-width:0;width:100%;background:transparent;font-size:14px;padding:10px 4px}.search button,.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.hero-notes{display:flex;gap:24px;margin-top:18px;font-size:12px;color:var(--muted)}.hero-notes .icon{width:16px;color:var(--accent)}.terminal{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:28px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.terminal>*:not(.orbit-art){position:relative;z-index:1}.terminal-value{font-size:80px;font-weight:500;line-height:1.4;margin:18px 0 0;letter-spacing:-.09em}.terminal-value span{color:var(--accent)}.terminal-value em{font-size:34px;color:var(--muted);margin-left:6px}.terminal .line>span:not(.eyebrow){font-size:14px}.terminal-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px;margin-top:20px;font-size:12px;color:var(--muted)}.terminal-bottom b{display:block;font-size:18px;color:var(--text);margin-top:5px}.terminal-bottom .vol{display:flex;margin-top:10px}.orbit-art{position:absolute;right:-100px;top:60px;width:340px;height:340px;opacity:.11;transform:rotate(-30deg);pointer-events:none}.orbit-art i{position:absolute;inset:10px;border:1px solid var(--accent);border-radius:40%;transform:rotate(30deg)}.orbit-art i:nth-child(2){transform:rotate(60deg)}.orbit-art i:nth-child(3){transform:rotate(90deg)}.meter{margin-top:28px}.meter-track{position:relative;height:8px;border-radius:20px;background:var(--raised);border:1px solid var(--border);margin-bottom:14px}.meter-track i{display:block;width:65%;height:100%;background:var(--accent);border-radius:20px}.meter-track b{position:absolute;left:60%;height:18px;top:-5px;width:2px;background:var(--text)}.meter-track span{position:absolute;width:14px;height:14px;left:65%;top:-4px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.meter .line{font-size:12px}.facts{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-block:1px solid var(--border);font-size:12px;color:var(--muted)}.facts .icon{width:16px;margin-right:8px}.facts>a{color:var(--text);white-space:nowrap;display:flex;align-items:center;min-height:44px}.section{padding-top:56px;padding-bottom:16px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.section-heading h2{margin:8px 0 0}.sort{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}.sort select{font-size:12px;color:var(--text)}.filters{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.filters button,.filters .chip{font-size:12px;border-radius:30px;background:transparent;padding:8px 16px}.filters [aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.filters>span{margin-left:auto;font-size:12px;color:var(--muted)}.games-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.game-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface);min-width:0}.game-card[hidden]{display:none}.art-link{display:block;position:relative}.game-art{aspect-ratio:4/3;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#283D36;color:#FFF}.game-art>span{position:relative;font:600 12px var(--font-data);background:#111A1BEF;border-radius:5px;padding:8px 10px;z-index:1}.game-art>small{position:relative;font:500 9px var(--font-data);letter-spacing:.13em;color:#F5FFF8;margin-top:8px;z-index:1}.art-1{background:#343558}.art-2{background:#4C324C}.art-3{background:#25495A}.abstract{position:absolute;inset:0;opacity:.7;transform:rotate(-25deg)}.abstract i{position:absolute;width:120px;height:120px;top:10%;left:10%;border:18px solid #8FC6AC;border-radius:20px;transform:rotate(30deg)}.abstract i:nth-child(2){top:36%;left:48%;transform:rotate(58deg);border-color:#79AC94}.abstract i:nth-child(3){top:65%;left:-15%;transform:rotate(58deg)}.art-1 .abstract i{border-color:#A896E0;border-radius:50%}.art-2 .abstract i{border-color:#D3A0CC;border-radius:2px;transform:rotate(60deg)}.art-3 .abstract i{border-color:#88C2C9;border-radius:45% 5%}.badge{font-size:11px;line-height:1.4;border:1px solid var(--border);border-radius:5px;padding:6px 9px;display:inline-flex;align-items:center;gap:6px;background:var(--raised);color:var(--text);font-weight:700}.floating{position:absolute;top:12px;left:12px;background:#111A1B;color:#F3F5EF;border-color:#657570}.card-body{padding:18px}.card-body h3{margin:10px 0 16px}.card-body h3 a{display:flex;align-items:center;min-height:44px}.card-metrics{display:flex;justify-content:space-between;border-block:1px solid var(--border);padding:14px 0;gap:10px}.card-metrics small{display:block;font-size:10px;margin-bottom:5px}.card-metrics b{font-size:23px}.card-metrics em{font-size:12px;padding-left:2px}.vol{display:inline-flex;align-items:end;gap:3px;height:18px}.vol i{width:6px;height:10px;border:1px solid var(--border);border-radius:1px;background:var(--raised)}.vol i:nth-child(2){height:12px}.vol i:nth-child(3){height:14px}.vol i:nth-child(4){height:16px}.vol i:nth-child(5){height:18px}.vol i.on{background:var(--accent);border-color:var(--accent)}.card-link{font-size:12px;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:10px}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px;padding-bottom:72px}.editorial h2{margin-top:12px}.editorial p{max-width:500px}.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;font-weight:800;font-size:14px}.insight{border-left:2px solid var(--accent);padding:30px;background:var(--surface);border-radius:0 16px 16px 0}.insight>.mono{font-size:32px;display:block;margin-bottom:18px;color:var(--accent)}.footer{padding-top:40px;padding-bottom:40px;border-top:1px solid var(--border)}.footer>.brand{margin-bottom:16px}.disclosure{display:flex;align-items:center;gap:16px;border-block:1px solid var(--border);padding:18px 0;margin:24px 0}.disclosure p{font-size:12px;max-width:960px;margin:0}.disclosure>.icon{width:32px;height:32px}.footer small{font-size:11px}.cookie{display:flex;align-items:center;gap:12px;max-width:900px;margin:0 auto 24px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:16px;font-size:12px}.cookie p{margin:4px 0 0}.cookie>div{margin-right:auto}.cookie button{font-size:12px}.cookie[hidden]{display:none}.breadcrumbs{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:24px 0}.breadcrumbs>a{min-height:44px;display:flex;align-items:center}.game-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px}.game-title h1{font-size:56px;margin:8px 0}.title-dot{color:var(--accent)}.game-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:24px;align-items:stretch}.demo-preview{position:relative;border:1px solid var(--border);border-radius:20px;overflow:hidden;min-width:0}.demo-preview>.game-art{height:100%;min-height:430px}.demo-preview .abstract{opacity:.4}.demo-preview .game-art>span{position:absolute;top:20px;left:20px}.demo-preview .game-art>small{position:absolute;top:58px;left:20px}.demo-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px}.demo-overlay .primary{padding:18px 30px;font-size:18px;border-radius:12px}.demo-overlay>small{background:#111A1B;color:#F3F5EF;padding:6px 12px;border-radius:5px}.data-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px}.rtp-large{font-size:56px;line-height:1.25;color:var(--accent);margin-top:14px}.rtp-large em{font-size:24px}.data-card>p{font-size:12px;margin:8px 0}.data-card .meter{margin-top:18px}.version{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;border-block:1px solid var(--border);padding:12px 0;margin-top:18px}.version select{font:500 12px var(--font-data);padding:8px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0}.stats small{display:block;margin-bottom:4px}.stats strong,.stats b{font-size:14px}.stats .vol{margin-right:8px}.data-card .fine{display:block;font-size:10px}.section-tabs{display:flex;gap:32px;border-bottom:1px solid var(--border);margin-top:24px;overflow-x:auto;white-space:nowrap}.section-tabs>a{display:flex;align-items:center;min-height:64px;font-size:13px}.section-tabs>a:first-child{border-bottom:2px solid var(--accent)}.article-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:64px}.article-grid h2{margin:12px 0 24px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0}.feature-grid>div{border:1px solid var(--border);border-radius:8px;padding:16px 10px;font-size:11px;display:flex;gap:12px;flex-direction:column}.feature-grid .icon{color:var(--accent)}.proscons{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:14px;font-size:13px}.proscons strong{display:block;margin-bottom:10px}.verdict{align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px}.verdict .line b{font-size:32px;color:var(--accent)}.verdict .line small{font-size:14px}.verdict h3{font-size:28px;margin-top:20px}.verdict p{font-size:14px}.author{display:flex;align-items:center;gap:12px;border-top:1px solid var(--border);margin-top:24px;padding-top:24px;font-size:12px}.author>span{width:40px;height:40px;background:var(--raised);border:1px solid var(--border);border-radius:50%;display:grid;place-items:center}.author small{display:block;font-size:10px}.table-scroll{overflow:auto;max-height:340px;border:1px solid var(--border);border-radius:12px}.table-scroll table{border-collapse:collapse;min-width:660px;width:100%;font-size:14px;text-align:left}.table-scroll th,.table-scroll td{padding:20px 24px;border-bottom:1px solid var(--border)}.table-scroll thead{position:sticky;top:0;background:var(--raised);z-index:1}.table-scroll thead th{font-size:12px}.table-scroll tbody{background:var(--surface)}.table-scroll tbody .mono{color:var(--accent)}.section>.fine{margin-top:12px}.casino-card{border:1px solid var(--border);border-radius:16px;background:var(--surface);padding:24px;margin-bottom:16px}.casino-head{display:flex;gap:16px;align-items:center}.casino-head h3{margin:0 0 4px}.rank{font-size:16px;color:var(--muted)}.casino-logo{width:56px;height:56px;background:var(--raised);border:1px dashed var(--border);border-radius:8px;font-size:10px;display:grid;place-items:center;flex-shrink:0}.score{margin-left:auto;font-size:28px;color:var(--accent)}.score small{font-size:12px}.casino-details{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;margin-top:18px}.casino-details strong,.casino-details small,.casino-details .fine{display:block}.casino-details strong{font-size:16px;margin:4px 0}.casino-details ul{font-size:12px;color:var(--muted);padding-left:16px;line-height:1.8}.casino-details b{color:var(--text)}.casino-details button{font-size:12px}.casino-terms{border-top:1px solid var(--border);padding-top:14px;margin-top:12px;font-size:10px;color:var(--muted)}.faq{max-width:900px;padding-bottom:40px}.faq h2{margin:10px 0 24px}.faq details{border-top:1px solid var(--border);padding:4px 0}.faq summary{min-height:64px;cursor:pointer;display:list-item;padding:18px 0;font-weight:700;font-size:16px}.faq details p{font-size:14px}.method{padding:24px;border-left:2px solid var(--accent);background:var(--surface);margin-bottom:64px}.method p{font-size:14px;margin-bottom:0}.mobile-bottom{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:90%;padding:16px 24px;border:1px solid var(--border);border-radius:12px;z-index:30;background:var(--surface);box-shadow:var(--shadow);display:none;font-size:14px}.toast.show{display:block}dialog{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:36px;max-width:calc(100% - 32px);width:480px}dialog::backdrop{background:#0009}.dialog-close{float:right;padding:10px}.suggestions{position:absolute;left:0;right:0;top:100%;background:var(--surface);z-index:5;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px}.suggestions a{display:block;padding:12px;font-size:14px;min-height:44px}.panel{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:16px}.token-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:24px 0}.token{border:1px solid var(--border);border-radius:12px;padding:12px;font:14px var(--font-data)}.token i{display:block;height:70px;border:1px solid var(--border);border-radius:6px;margin-bottom:10px}.kit-grid{display:grid;grid-template-columns:1fr 2fr;gap:24px}.chips{display:flex;gap:8px;flex-wrap:wrap}.bonus{margin-top:24px;max-width:600px}.bonus h3{margin-top:12px}.bonus .stats{grid-template-columns:repeat(3,1fr)}.bonus .fine{margin:18px 0 0}.icon-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.icon-grid>div{min-width:0;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px 4px}.icon-grid .icon{display:block;margin:0 auto 12px;width:24px;height:24px}.icon-grid small{font-size:10px;overflow-wrap:anywhere}.filters-demo{display:flex;gap:20px;align-items:end}.filters-demo label{display:flex;flex-direction:column;gap:8px;font-size:12px;flex:1}.filters-demo input{width:100%}.empty-panel{text-align:center}.empty-panel>.icon{width:48px;height:48px;margin-bottom:20px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:40px 0}.review-card{display:block;padding:32px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.review-card>.mono{color:var(--accent);font-size:28px;display:block;margin-bottom:40px}.review-card h2{font-size:28px}.review-card p{margin:0;font-size:14px}.review-card:hover{text-decoration:none;border-color:var(--accent)}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:50px}.terminal-value{font-size:64px}.header nav{gap:16px}.games-grid{grid-template-columns:repeat(2,1fr)}.game-layout{grid-template-columns:1.2fr 1fr}.article-grid{gap:24px}.casino-details{grid-template-columns:1fr 1fr}.casino-details button{grid-column:1/-1}.icon-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}h1{font-size:40px}h2{font-size:28px}h3{font-size:19px}.lead{font-size:16px}.review-tools{padding:2px 8px;justify-content:space-between;gap:0}.review-tools>a{margin-right:0;font-size:9px}.review-tools .tool-label{display:none}.review-tools button{padding:4px 7px}.review-tools button[data-theme-toggle] span{display:none}.header{height:76px;gap:12px;flex-wrap:wrap;position:relative}.brand{font-size:20px;gap:5px}.brand svg{width:28px}.country{margin-left:auto;padding:0 8px;font-size:10px}.mobile-menu{display:flex;padding:10px;background:transparent}.header nav{display:none;order:4;width:100%;padding:12px 18px;background:var(--surface);border:1px solid var(--border);position:absolute;top:74px;left:0;z-index:10;box-shadow:var(--shadow);flex-wrap:wrap}.header nav.open{display:flex}.hero{grid-template-columns:1fr;gap:30px;padding:36px 0}.hero h1{font-size:44px;margin-top:18px;margin-bottom:20px}.hero .eyebrow{font-size:9px;letter-spacing:.07em}.hero-copy>p{font-size:15px;line-height:1.7}.hero-notes{font-size:10px;gap:16px}.search{margin-top:22px}.search input{font-size:12px}.search button{font-size:12px;padding:10px 12px}.search button>.icon{display:none}.terminal{padding:22px}.terminal-value{font-size:64px;margin-top:8px}.terminal .meter{margin-top:16px}.terminal-bottom{margin-top:16px;padding-top:16px}.facts{font-size:10px;display:block;padding:12px 0}.facts span{display:block}.facts>a{min-height:44px}.section{padding-top:36px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:28px;max-width:330px}.section-heading .sort{margin-top:20px;justify-content:space-between}.filters{gap:6px}.filters button,.filters .chip{font-size:10px;padding:8px 10px}.filters>span{display:none}.games-grid{gap:12px}.game-card{border-radius:10px}.game-art>span{font-size:9px;padding:6px}.game-art>small{font-size:7px}.floating{font-size:9px;top:8px;left:8px;padding:4px 6px}.game-art .abstract i{width:85px;height:85px;border-width:12px}.card-body{padding:12px}.card-body .line small{font-size:8px}.card-body .line small:last-child{display:none}.card-body h3{font-size:15px;margin:4px 0 8px}.card-metrics{display:block;padding:10px 0}.card-metrics>span{display:flex;align-items:center;justify-content:space-between}.card-metrics>span+span{margin-top:10px}.card-metrics small{font-size:9px;margin:0}.card-metrics b{font-size:18px}.vol{height:15px}.vol i{width:5px}.card-link{font-size:10px}.card-link .icon{width:16px}.editorial{grid-template-columns:1fr;gap:24px;padding:48px 0}.editorial h2{font-size:28px}.editorial p{font-size:14px}.insight{padding:22px}.insight>.mono{font-size:25px}.footer{padding:28px 0}.footer p{font-size:13px}.disclosure p{font-size:10px}.cookie{margin:0 18px 24px;padding:16px;display:flex;flex-wrap:wrap}.cookie>div{width:100%}.cookie button{flex:1}.cookie p{font-size:11px}.breadcrumbs{margin:12px 0;gap:8px;font-size:10px}.game-title{display:block;margin-bottom:20px}.game-title h1{font-size:44px}.game-title .badge{font-size:10px;margin-top:8px}.game-layout{grid-template-columns:1fr;gap:16px}.demo-preview>.game-art{min-height:0;aspect-ratio:4/3}.demo-preview .game-art>span{font-size:10px;top:14px;left:14px}.demo-preview .game-art>small{top:45px;left:14px;font-size:7px}.demo-overlay{padding-top:36px;gap:12px}.demo-overlay .primary{font-size:16px;padding:14px 24px}.demo-overlay>small{font-size:9px}.demo-overlay>.badge{font-size:9px}.data-card{padding:22px}.rtp-large{font-size:54px}.section-tabs{gap:24px;margin-top:12px}.section-tabs>a{font-size:12px;min-height:58px}.article-grid{grid-template-columns:1fr;gap:24px}.article-grid .lead,.article-grid p{font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr)}.proscons{grid-template-columns:1fr;gap:12px}.verdict{padding:24px}.table-scroll th,.table-scroll td{padding:16px}.casino-card{padding:16px}.casino-head{gap:10px;flex-wrap:wrap}.casino-head h3{font-size:16px}.casino-head small{font-size:9px}.casino-head .rank{font-size:12px}.casino-logo{width:42px;height:42px;font-size:8px}.score{font-size:23px}.score small{font-size:10px}.casino-details{display:block;margin-top:16px}.casino-details>button{width:100%}.casino-details strong{font-size:15px}.casino-terms{font-size:9px}.faq summary{font-size:14px}.method{padding:20px;margin-bottom:36px}.mobile-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;bottom:0;z-index:8;background:var(--surface);border-block:1px solid var(--border);padding:12px 18px;box-shadow:var(--shadow)}.mobile-bottom>span{font-size:12px}.mobile-bottom small{display:block;font-size:9px}.mobile-bottom button{font-size:12px;padding:10px 18px}.token-grid{grid-template-columns:repeat(3,1fr)}.token{font-size:11px}.token i{height:50px}.kit-grid{grid-template-columns:1fr}.kit-grid>.game-card{max-width:280px}.icon-grid{grid-template-columns:repeat(3,1fr)}.filters-demo{display:grid;grid-template-columns:1fr}.panel{padding:20px}.review-grid{grid-template-columns:1fr;gap:16px}.review-card{padding:24px}.review-card>.mono{margin-bottom:24px}.review-card h2{font-size:24px}.toast{bottom:88px;font-size:12px}.bonus .stats{gap:10px}.bonus .stats b{font-size:12px}}
input::placeholder{color:var(--muted);opacity:1}.casino-terms,.data-card .fine,.disclosure p{font-size:12px}
@media(max-width:600px){.hero .eyebrow{font-size:10px}.hero-notes{font-size:11px}.card-metrics small,.card-body .line small{font-size:10px}.casino-head small,.casino-terms,.data-card .fine,.disclosure p,.footer small,.mobile-bottom small{font-size:12px}.casino-head{column-gap:8px}.casino-head h3{font-size:14px}.score{font-size:22px}.casino-head .rank{display:block;width:100%;font-size:12px}.author small{font-size:12px}.demo-overlay>small{font-size:11px}.facts{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.page-heading{max-width:900px;padding:24px 0 40px}.page-heading h1{margin:16px 0 24px;line-height:1.02}.page-heading .badge{margin-top:8px}.collection-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-block:1px solid var(--border);padding:24px 0}.collection-summary small{display:block;margin-bottom:8px}.collection-summary strong{font-size:24px;display:block}.collection-summary em{font-size:14px;color:var(--muted)}.notice{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.notice>.icon{color:var(--accent);margin-top:3px}.notice p{font-size:13px;margin:0}.notice h3{font-size:19px}.casino-review-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;padding-top:28px}.casino-review-grid>.bonus{margin:0;max-width:none;align-self:start}.casino-identity{display:flex;align-items:center;gap:20px}.casino-identity>.casino-logo{width:80px;height:80px}.casino-identity h2{font-size:28px;margin:6px 0 12px}.review-score{display:flex;gap:24px;align-items:center;padding:24px 0}.review-score>strong{font-size:64px;color:var(--accent)}.review-score small{font-size:18px}.review-score h3{font-size:17px;margin:0 0 4px}.review-score p{font-size:12px;margin:0}.score-breakdown{display:grid;gap:16px;font-size:12px}.mini-bar{height:6px;background:var(--raised);border-radius:8px;border:1px solid var(--border);margin-top:6px}.mini-bar i{display:block;height:100%;background:var(--accent);border-radius:8px}.fact-list{margin:0}.fact-list>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;padding:15px 0;border-bottom:1px solid var(--border)}.fact-list dd{margin:0;font-weight:700}.fact-list dt{color:var(--muted)}.fact-list+.fine{margin:20px 0 0}.reading-list{padding-left:22px;color:var(--muted);line-height:1.9}.bonus-index{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding:16px 0;gap:20px}.bonus-index>a{display:flex;gap:16px;align-items:center;min-height:60px;font-size:14px}.bonus-index b{color:var(--accent);font-size:24px}.bonus-index .icon{margin-left:auto}.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.bonus-grid article>div:first-child{padding:12px 0}.bonus-grid article>div:first-child h3{font-size:18px;margin:0}.bonus-grid .bonus{margin:0;max-width:none;padding:24px}.bonus-grid .stats{grid-template-columns:1fr;gap:12px}.bonus-grid .stats>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px}.bonus-grid .text-link{font-size:12px}.calculator-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:start}.calculator-grid h2{margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px}.form-grid input{min-width:0;width:100%}.calc-result{border-top:3px solid var(--accent);position:sticky;top:24px}.calc-result>h2{font-size:54px;color:var(--accent);overflow-wrap:anywhere}.calc-result h2 em{font-size:20px}.calc-result>.line{margin:20px 0;font-size:14px}.calc-result>.line b{white-space:nowrap}.result-rule{border-top:1px solid var(--border);margin:24px 0}.formula{background:var(--raised);padding:16px;font-size:16px;border-radius:8px}.error-text{color:var(--text);font-weight:700;margin:16px 0 0}.error-text:empty{display:none}.form-grid input[aria-invalid=true]{outline:2px solid var(--accent);outline-offset:2px}.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px}.contents{display:flex;flex-direction:column;align-self:start;position:sticky;top:32px;border-top:2px solid var(--accent);padding-top:16px}.contents>a{display:flex;align-items:center;font-size:13px;min-height:52px;border-bottom:1px solid var(--border)}.reading{max-width:840px}.reading section{padding-top:32px;margin-bottom:32px}.reading p{line-height:1.85}.reading .method{margin-top:24px}.guide-graphic{padding:48px 32px;background:var(--surface);border:1px solid var(--border);border-radius:20px;display:flex;align-items:center;gap:32px}.guide-graphic>.mono{font-size:72px;color:var(--accent)}.not-equal{font-size:44px;color:var(--muted)}.guide-graphic b{font-size:25px;line-height:1.2;display:block}.guide-graphic small{display:block;margin-top:10px}.guide-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.guide-pair h3{margin:12px 0;font-size:28px}.guide-pair p{margin:12px 0 0;font-size:12px}.not-found{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;min-height:650px;padding-block:70px}.not-found h1{margin:20px 0}.not-found img{width:100%;height:auto}.not-found .chips{margin-top:28px}
@media(max-width:1000px){.bonus-grid{grid-template-columns:1fr 1fr}.guide-layout{gap:28px;grid-template-columns:180px minmax(0,1fr)}.guide-graphic{gap:18px;padding:24px}.guide-graphic>.mono{font-size:54px}.guide-graphic b{font-size:20px}.casino-review-grid{grid-template-columns:1fr 1fr}.calculator-grid{gap:20px}.calc-result>h2{font-size:42px}}
@media(max-width:600px){.page-heading{padding:14px 0 28px}.page-heading h1{font-size:40px}.page-heading .lead{font-size:15px}.collection-summary{grid-template-columns:1fr;gap:16px;padding:20px 0}.collection-summary>div{display:flex;justify-content:space-between;gap:16px;align-items:center}.collection-summary small{margin:0}.collection-summary strong{font-size:17px}.notice{padding:16px;gap:10px}.notice p{font-size:12px}.casino-review-grid{grid-template-columns:1fr;gap:16px}.casino-identity{gap:12px}.casino-identity>.casino-logo{width:54px;height:54px}.casino-identity h2{font-size:22px}.casino-identity .badge{font-size:10px}.review-score{gap:16px}.review-score>strong{font-size:54px}.review-score h3{font-size:15px}.fact-list>div{font-size:12px}.bonus-index{grid-template-columns:1fr;gap:0}.bonus-index>a{font-size:13px;border-bottom:1px solid var(--border)}.bonus-index>a:last-child{border-bottom:0}.bonus-grid{grid-template-columns:1fr;gap:20px}.bonus-grid .bonus{padding:20px}.calculator-grid{grid-template-columns:1fr;gap:20px}.form-grid{grid-template-columns:1fr;gap:18px;margin:20px 0}.calc-result{position:static}.calc-result>h2{font-size:44px}.calc-result>.line{font-size:12px}.formula{font-size:14px}.guide-layout{grid-template-columns:1fr;gap:24px}.contents{position:static}.contents>a{min-height:44px;font-size:12px}.guide-graphic{padding:24px 18px;gap:16px;flex-wrap:wrap}.guide-graphic>.mono{font-size:52px}.guide-graphic .not-equal{font-size:32px}.guide-graphic>div{width:100%}.guide-graphic b{font-size:24px}.reading section{padding-top:24px;margin-bottom:20px}.reading p{font-size:15px}.guide-pair{gap:12px}.guide-pair .panel{padding:16px}.not-found{grid-template-columns:1fr;gap:20px;padding-block:44px;min-height:0}.not-found>img{grid-row:1}.not-found h1{font-size:44px}.not-found .chips>a{width:100%}.not-found .lead{font-size:15px}}

/* RTP Index engine: what the live site adds to the design kit (style.css, phase2.css) — sticky header, generative covers,
   ticker, hubs, filters, footer columns. Motion lives in motion.css. */
html{scroll-padding-top:150px}
.header-bar{position:sticky;top:0;z-index:15;background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:border-color .3s}
.header-bar .header{height:84px;border-bottom:0;transition:height .3s cubic-bezier(.2,.7,.2,1)}
.header-bar.scrolled .header{height:64px}
.header nav a[aria-current=page]{color:var(--accent)}
.icon-button{width:44px;padding:0;background:transparent}
.accent,.hero-copy h1 .line-b{color:var(--accent)}.hero-copy h1 .line-a{color:var(--text)}
a.terminal{display:block;color:inherit}a.terminal:hover{text-decoration:none;border-color:var(--accent)}
.meter-track i{width:var(--w)}.meter-track span{left:var(--w)}.mini-bar i{width:var(--w)}
.inline{text-decoration:underline;text-underline-offset:4px;color:var(--text)}
.vol-label{font-size:12px;color:var(--muted);margin-left:6px}.rank-cell{color:var(--muted)!important}
.section-heading.compact{margin-top:40px}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:25;box-shadow:var(--shadow)}

/* generative cover: colours and shape from the game slug, the name set in type */
.game-art.gen{background:var(--bg)}
.game-art.gen .abstract{transform:rotate(var(--turn));opacity:.55}
.game-art.gen .abstract i{border-color:var(--ln)}
.game-art.gen.ci .abstract i{border-radius:50%}.game-art.gen.di .abstract i{border-radius:4px;transform:rotate(45deg)}.game-art.gen.lf .abstract i{border-radius:50% 6px}
.game-art.gen::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,#0009)}
.game-art>strong{position:relative;z-index:1;font:800 clamp(19px,1.9vw,25px)/1.05 var(--font-ui);letter-spacing:-.045em;color:#fff;text-align:center;padding:0 10%;text-shadow:0 2px 18px #0008}
.game-art>small{z-index:1}
.game-art.big>strong{font-size:clamp(34px,5vw,68px)}.game-art.big>small{font-size:11px}
/* the game's own picture (images/games, 640×480) */
.game-art.photo{background:#0d1012}.game-art.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.demo-preview .game-art.photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 50%,#000c)}
.demo-preview:has(.game-art.photo) .demo-overlay{justify-content:flex-end;padding-bottom:20px;gap:8px}
.demo-preview:has(.game-art.photo) .demo-overlay .primary,.demo-preview:has(.game-art.photo) .demo-overlay .cta-row>*{padding:12px 22px;font-size:15px}
/* cards are portrait, in the tile's own proportion (427×575, images/tiles): the tile as captured; a landscape picture on
   top over its own blurred copy with the name below — the same layout; a generative cover in the same frame */
.game-card .game-art{aspect-ratio:427/575}
.game-art.tile{background:#0d1012}.game-art.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.game-art.framed{justify-content:flex-end;gap:6px;padding:0 9% 11%;background:#0d1012}
.game-art.framed::before{content:'';position:absolute;inset:-24px;background:var(--art) center/cover;filter:blur(20px) brightness(.5) saturate(1.25)}
.game-art.framed img{position:absolute;left:0;top:0;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 82%,#0000);mask-image:linear-gradient(180deg,#000 82%,#0000)}
.game-art.framed>strong{text-transform:uppercase;font-size:clamp(17px,1.6vw,22px)}
.game-art.framed>small{position:relative;margin:0;font:600 9px var(--font-data);letter-spacing:.13em;text-transform:uppercase;color:#f5fff8cc}
.games-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1200px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* theme links: on a game page under its mechanics, on a theme page to the other themes */
.theme-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 6px}.theme-links>span{font-size:13px;color:var(--muted)}
.theme-links .chip,.chip-row .chip{min-height:0;padding:7px 14px;border-radius:30px;font-size:13px;font-weight:600;text-decoration:none;color:var(--text)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-row .chip small{color:var(--muted);font-size:11px}
/* comparison page: the two cards side by side, the table with the two games as columns */
.games-grid.versus-pair{grid-template-columns:repeat(2,minmax(0,250px));justify-content:start}
.versus-table th:first-child{width:28%;color:var(--muted);font-weight:500}.versus-table td{white-space:normal}
/* the game's hero: the tile as a poster on its own blurred copy */
.game-art.tile.big::before{content:'';position:absolute;inset:-40px;background:var(--art) center/cover;filter:blur(34px) brightness(.45) saturate(1.3)}
.game-art.tile.big{justify-content:flex-start;padding-top:24px}
.game-art.tile.big img.poster{position:relative;inset:auto;height:calc(100% - 168px);min-height:240px;width:auto;aspect-ratio:427/575;object-fit:cover;border-radius:14px;box-shadow:0 30px 70px -20px #000c}
.demo-preview .game-art.tile::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0000 62%,#000a)}
.demo-preview:has(.game-art.tile) .demo-overlay{justify-content:flex-end;padding-bottom:20px;gap:8px}
.demo-preview:has(.game-art.tile) .demo-overlay .primary,.demo-preview:has(.game-art.tile) .demo-overlay .cta-row>*{padding:12px 22px;font-size:15px}
@media(max-width:600px){.demo-preview:has(.game-art.photo) .demo-overlay{display:none}} /* the phone bar below carries the same buttons */
/* offer links (go/<casino>/) where the design had buttons */
.casino-details>a.button{font-size:12px}.mobile-bottom a.button{font-size:12px;padding:10px 18px;min-height:0}
.demo-overlay .cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.demo-overlay .cta-row>*{padding:16px 26px;font-size:16px;border-radius:12px}
@media(max-width:1000px){.casino-details>a.button{grid-column:1/-1}}@media(max-width:700px){.casino-details>a.button{width:100%}}
.demo-preview .game-art.big>strong{position:absolute;left:28px;right:28px;bottom:22px;padding:0;text-align:left;font-size:clamp(34px,4.2vw,60px)}
.demo-preview .game-art.big>small{position:absolute;top:24px;left:28px;margin:0}
.terminal-value .sep{font:inherit;font-family:var(--font-ui);font-style:normal;letter-spacing:0;margin:0 -.02em}
.filter-bar select{font-size:14px}

/* live ticker of the highest RTP games */
.ticker{overflow:hidden;border-block:1px solid var(--border);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker-track{display:flex;gap:44px;width:max-content;padding:14px 0}
.ticker a{display:inline-flex;gap:10px;align-items:baseline;font-size:13px;white-space:nowrap}
.ticker b{color:var(--accent);font-size:15px}.ticker small{font-size:11px}

/* hubs: features, providers */
.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-grid.wide{grid-template-columns:repeat(3,1fr)}
.hub{display:flex;flex-direction:column;gap:8px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface);min-height:140px;transition:border-color .25s,transform .25s}
.hub .icon{color:var(--accent);width:28px;height:28px}.hub b{font-size:17px;letter-spacing:-.02em}.hub small{color:var(--muted);font-size:12px}.hub .meter{margin-top:8px}
.hub:hover{border-color:var(--accent);text-decoration:none}

/* catalogue filters */
.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.filter-search{flex:1 1 280px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 12px}
.filter-search input{border:0;background:transparent;width:100%;padding:10px 0}.filter-search .icon{color:var(--muted)}
.filter-bar select{min-width:190px}
.filters .vol{height:13px;margin-right:2px}.filters .vol i{width:4px}
.empty-state{text-align:center;padding:48px 0}.empty-state img{margin:0 auto 12px;display:block}
.more-row{display:flex;justify-content:center;margin-top:32px}.more-row .more{min-height:48px;padding:0 28px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:14px;font-weight:700;transition:border-color .2s,background .2s}.more-row .more:hover{background:var(--raised)}.more-row .more[hidden]{display:none}
.table-scroll.tall{max-height:min(72vh,760px)}
.feature-grid>a{border:1px solid var(--border);border-radius:8px;padding:16px 10px;font-size:11px;display:flex;gap:12px;flex-direction:column;transition:border-color .2s}
.feature-grid>a:hover{border-color:var(--accent);text-decoration:none}

/* ad places (assets/ads.js): hidden until a banner fills them, always marked "Reklam · 18+" */
.ad-slot{margin:28px auto;max-width:970px;position:relative}.ad-slot[hidden]{display:none}
.ad-slot.ad-box{max-width:300px;margin:24px 0 0}
.ad-slot a.ad{display:block;position:relative;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .2s}
.ad-slot a.ad:hover{border-color:var(--accent)}
.ad-slot a.ad>img{display:block;width:100%;height:auto}
.ad-label{position:absolute;top:6px;right:8px;z-index:1;font:600 9px/1 var(--font-data);letter-spacing:.08em;text-transform:uppercase;background:#000b;color:#fff;padding:4px 6px;border-radius:4px}
.ad-native{display:flex;align-items:center;gap:16px;padding:16px 20px}
.ad-text-only .ad-label{left:20px;right:auto;top:10px;background:none;color:var(--muted);padding:0}.ad-text-only .ad-native{padding-top:28px}
.ad-native .ad-logo{width:48px;height:48px;border-radius:10px;object-fit:cover;flex:none}
.ad-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ad-text b{font-size:17px;letter-spacing:-.02em}.ad-text span{font-size:14px;color:var(--muted)}
.ad-cta{font-style:normal;font-weight:700;font-size:14px;white-space:nowrap;background:var(--accent);color:var(--accent-ink,#111);padding:10px 16px;border-radius:10px}
.ad-billboard .ad-native,.ad-box .ad-native{flex-direction:column;align-items:flex-start;padding:24px 22px 20px}.ad-billboard .ad-text b{font-size:22px}
.ad-slot.ad-sticky{position:fixed;left:8px;right:8px;bottom:8px;z-index:20;margin:0;max-width:none;box-shadow:var(--shadow)}
.ad-sticky .ad-native{padding:10px 14px;gap:10px}.ad-sticky .ad-text span{display:none}.ad-sticky .ad-text b{font-size:15px}
.ad-close{position:absolute;top:-12px;left:-4px;z-index:2;width:28px;height:28px;min-height:0;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--border);font-size:16px;line-height:1}
body.has-sticky-ad{padding-bottom:120px}
/* stand-in for an empty place (admin: «Заглушки на пустых местах»): the place's real proportions, no link */
.ad-demo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;aspect-ratio:var(--ar);min-height:64px;max-height:250px;padding:18px 12px 10px;border:1.5px dashed var(--border);border-radius:14px;color:var(--muted);text-align:center;background:var(--surface) repeating-linear-gradient(135deg,transparent 0 14px,rgba(127,127,127,.08) 14px 15px)}
.ad-demo b{font-size:15px;letter-spacing:-.01em;color:var(--text,inherit)}.ad-demo .mono{font-size:11px;letter-spacing:.06em}
.ad-demo .ad-label{background:none;color:var(--muted);top:8px;left:12px;right:auto;padding:0}
.ad-box .ad-demo{aspect-ratio:300/250}
.ad-sticky .ad-demo{min-height:0;aspect-ratio:auto;padding:22px 12px 10px;background:var(--surface)}

/* studio logos from their own sites (data/providers.json): a chip that keeps the ink readable in both themes */
.studio-logo{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;line-height:0}
.studio-logo img{display:block;width:auto;height:auto;max-width:100%}
.studio-logo.big{padding:12px 18px;margin:18px 0 0}.studio-logo.big img{max-height:56px;max-width:240px}
.studio-logo.small{padding:6px 10px;margin-bottom:10px;align-self:flex-start}.studio-logo.small img{max-height:26px;max-width:130px}
.studio-logo.dark{background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.studio-logo.light{background:#101315;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.studio-logo.box{padding:0;overflow:hidden}
.studio-about .fact-list dd a{word-break:break-all}

/* texts from the admin («SEO-сайты» → «Тексты»): headings, lists and links in the page's reading style */
.seo-text .reading{max-width:840px}
.seo-text h2{font-size:clamp(24px,3vw,34px);margin:28px 0 12px}.seo-text h3{font-size:20px;margin:22px 0 8px}
.seo-text p,.seo-text li{line-height:1.85;font-size:16px}.seo-text p{margin:0 0 14px}
.seo-text ul,.seo-text ol{padding-left:22px;margin:0 0 16px}.seo-text li{margin:4px 0}
.seo-text>.reading>:first-child{margin-top:0}
@media(min-width:601px){.ad-slot.ad-sticky{display:none}}
@media(max-width:600px){.ad-native{gap:12px;padding:12px 14px}.ad-text b{font-size:15px}.ad-strip .ad-text span{display:none}.ad-slot.ad-box{max-width:none}}

/* footer */
.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 0}
.footer-cols div{display:flex;flex-direction:column}
.footer-cols b{font:600 11px/1.6 var(--font-data);letter-spacing:.11em;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
.footer-cols a{font-size:14px;min-height:36px;display:flex;align-items:center}

/* reading progress */
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:30;pointer-events:none}
.progress i{display:block;height:100%;background:var(--accent);transform-origin:0 50%;transform:scaleX(var(--p,0))}

@media(max-width:1000px){.hub-grid,.hub-grid.wide{grid-template-columns:repeat(2,1fr)}}
.rtp-large .sep{font-family:var(--font-ui);font-style:normal;letter-spacing:0;margin:0 -.02em}
@media(max-width:600px){.header .icon-button{margin-left:auto}.demo-preview .game-art.big>strong{display:none}.header-bar .header{height:68px}.header-bar.scrolled .header{height:60px}.header nav{top:66px}.hub{padding:16px;min-height:0}.hub-grid{gap:10px}.footer-cols{grid-template-columns:1fr 1fr}.filter-bar select{min-width:0;flex:1 1 45%}.game-art>strong{font-size:16px}.ticker a{font-size:12px}}
/* two links side by side under an editorial block */.text-link+.text-link{margin-left:24px}
/* players' rating on a game page */.rating{display:grid;grid-template-columns:1fr auto;gap:16px 24px;align-items:center}.rating h2{margin:6px 0}.rating-score{text-align:right}.rating-score strong{font-size:40px;line-height:1}.rating-score>small{display:block;color:var(--muted)}.rating-score strong small{font-size:16px;color:var(--muted)}.rating-scale{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}.rating-scale button{min-width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--raised);font-weight:700;cursor:pointer}.rating-scale button:hover,.rating-scale button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.rating-scale button:disabled{cursor:default;opacity:.7}.rating [data-rating-note]{grid-column:1/-1;margin:0}@media(max-width:600px){.rating{grid-template-columns:1fr}.rating-score{text-align:left}.rating-scale button{min-width:0;flex:1 0 16%}}
/* monthly search volume on a game page */.search-volume{margin:10px 0 0}.search-volume span{color:var(--muted)}
/* other names of a game under its name */.game-aka{margin:6px 0 0;font-size:14px;color:var(--muted)}.game-aka span{font-weight:700;color:var(--text)}
/* the studio's official video: the game's picture, a play mark, a link to YouTube */.video-card{position:relative;display:flex;align-items:center;gap:18px;min-height:140px;padding:22px;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--surface)}.video-card::before{content:'';position:absolute;inset:0;background:var(--art,none) center/cover;opacity:.28;filter:blur(1px)}.video-card>*{position:relative}.video-play{flex:none;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:var(--on-accent)}.video-play svg{width:28px;height:28px}.video-text{display:grid;gap:4px}.video-text b{font-size:20px}.video-text small{color:var(--muted)}.video-card:hover{border-color:var(--accent)}
/* an ad place that will be filled keeps its room from the start: the shape's size, phone sizes on narrow screens */.ad-slot[data-ad-reserve]:empty{display:block;max-width:970px}.ad-slot[data-ad-reserve].ad-strip:empty{aspect-ratio:970/90}.ad-slot[data-ad-reserve].ad-billboard:empty{aspect-ratio:970/250}.ad-slot[data-ad-reserve].ad-box:empty{aspect-ratio:300/250;max-width:300px}@media(max-width:600px){.ad-slot[data-ad-reserve].ad-strip:empty{aspect-ratio:320/100}.ad-slot[data-ad-reserve].ad-billboard:empty{aspect-ratio:300/250}}

/* numbered pages of a studio list; the A–Z map of the catalogue */
.pager{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.pager a,.pager span{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:700;text-decoration:none;color:var(--text)}.pager a:hover{border-color:var(--accent)}.pager [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.az-nav{margin:16px 0}.az-nav>span:first-child{font-size:13px;color:var(--muted);margin-right:4px}.az-nav .chip{min-width:40px;min-height:40px;padding:0 10px}.az-nav [aria-current]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.az-list{columns:17rem;column-gap:32px;margin:0;padding:0;list-style:none}.az-list li{break-inside:avoid;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.az-list a{font-weight:700;color:var(--text);text-decoration:none}.az-list a:hover{color:var(--accent)}.az-list small{display:block;color:var(--muted);font-size:13px}
/* what is far below the first screen is not laid out or painted until it nears the viewport: game cards one by one (a
   card's own lift and shadow are not clipped, only its inside), long tables and the closing blocks; the remembered size
   (auto) keeps the scrollbar steady. A jump to a #section lays the page out in full first (html.cv-all, site.js and the
   head script): a placeholder is far from a long text's real height (8,500 px on a phone) and the jump would miss */
.game-card{content-visibility:auto;contain-intrinsic-size:auto 220px auto 420px}.table-scroll.tall,.seo-text,.faq,.method,.studio-about,.footer{content-visibility:auto;contain-intrinsic-size:none auto 640px}
.cv-all .game-card,.cv-all .table-scroll.tall,.cv-all .seo-text,.cv-all .faq,.cv-all .method,.cv-all .studio-about,.cv-all .footer{content-visibility:visible}
/* Motion: calm, quick, and only where it explains something (numbers counting to their value, meters filling, the cover
   travelling into the game page). Nothing moves for people who ask for reduced motion; nothing stays hidden without JS. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .18s ease both}
::view-transition-new(root){animation:vt-in .32s cubic-bezier(.2,.7,.2,1) both}
::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}

@media (prefers-reduced-motion:no-preference){
 /* entrance on scroll; a 3 s fallback shows everything even if the script never runs */
 .js [data-reveal]:not(.in){opacity:0;transform:translateY(18px);animation:reveal-fallback 0s 3s forwards}
 .js [data-reveal]{transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 55ms)}
 @keyframes reveal-fallback{to{opacity:1;transform:none}}
 /* meters fill and volatility bars light up once in view */
 .meter-track i,.mini-bar i{transition:width 1.1s cubic-bezier(.2,.7,.2,1) .15s}.meter-track span{transition:left 1.1s cubic-bezier(.2,.7,.2,1) .15s}
 .js [data-meter]:not(.in) .meter-track i,.js .mini-bar[data-meter]:not(.in) i{width:0}.js [data-meter]:not(.in) .meter-track span{left:0}
 .vol i{transition:background-color .3s,border-color .3s}.vol i:nth-child(2){transition-delay:.06s}.vol i:nth-child(3){transition-delay:.12s}.vol i:nth-child(4){transition-delay:.18s}.vol i:nth-child(5){transition-delay:.24s}
 .js [data-reveal]:not(.in) .vol i.on{background:var(--raised);border-color:var(--border)}
 /* hero */
 .js .hero-copy h1>span,.js .hero-copy>p,.js .hero .search,.js .hero-notes{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
 .js .hero-copy h1 .line-b{animation-delay:.1s}.js .hero-copy>p{animation-delay:.2s}.js .hero .search{animation-delay:.28s}.js .hero-notes{animation-delay:.36s}
 .js .hero .terminal{animation:fade 1.1s ease .2s both}
 @keyframes rise{from{opacity:0;transform:translateY(22px)}}
 @keyframes fade{from{opacity:0}}
 .hero-copy h1>span{display:inline-block}
 .orbit-art{animation:orbit 80s linear infinite}
 @keyframes orbit{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
 .ticker-track{animation:ticker 70s linear infinite}.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
 @keyframes ticker{to{transform:translateX(-50%)}}
 .terminal{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .3s}
 /* cards: lift, accent edge and a soft light that follows the pointer */
 @media (hover:hover){
  .game-card,.casino-card,.hub,.review-card{position:relative;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
  .game-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 22px 50px -28px color-mix(in srgb,var(--accent) 55%,transparent)}
  .hub:hover{transform:translateY(-3px)}
  .game-card::after,.casino-card::after,.hub::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--accent) 11%,transparent),transparent 62%);opacity:0;transition:opacity .35s}
  .game-card:hover::after,.casino-card:hover::after,.hub:hover::after{opacity:1}
  .game-art .abstract{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .game-card:hover .game-art .abstract{transform:rotate(calc(var(--turn) + 8deg)) scale(1.08)}
  .game-art.photo img,.game-art.tile img,.game-art.framed img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
  .game-card:hover .game-art.photo img,.game-card:hover .game-art.tile img,.game-card:hover .game-art.framed img{transform:scale(1.05)}
 }
 .primary{transition:box-shadow .25s,transform .15s}.primary:hover{box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}.primary:active{transform:scale(.98)}
 .section-tabs>a{transition:border-color .25s,color .25s}
}
/* tabs follow the section being read */
.section-tabs{position:sticky;top:63px;z-index:5;background:var(--bg)}
.section-tabs>a:first-child{border-bottom:0}.section-tabs>a{border-bottom:2px solid transparent}.section-tabs>a[aria-current=true]{border-color:var(--accent);color:var(--text)}
.contents>a[aria-current=true]{color:var(--accent)}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none}.ticker{overflow-x:auto}}
@media(max-width:600px){.section-tabs{top:59px}}
