/*
Theme Name: Salto
Theme URI: https://cleobetra-casino-deutschland.com/
Description: Leichtgewichtiges Theme für cleobetra-casino-deutschland.com
Version: 1.0.0
Requires PHP: 7.4
Text Domain: salto
*/

@font-face{font-family:'Fraunces';font-style:normal;font-weight:600 700;font-display:swap;src:url(assets/fonts/fraunces-var.woff2) format('woff2')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 800;font-display:swap;src:url(assets/fonts/manrope-var.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/plexmono-500.woff2) format('woff2')}

:root{
  --brown-950:#36140c;--brown-900:#4a1d13;--brown-800:#5a2519;--brown-700:#632f23;
  --terra:#84402f;--brick:#bd5942;--brick-ink:#a2412a;
  --peach:#ffdcc1;--peach-50:#fff1e5;--gold:#ffd05a;--gold-deep:#c9962e;
  --o1:#ffb379;--o2:#ff9848;--o3:#e76400;
  --bg:#f2ece6;--card:#fff;--panel:#fbf6f2;--line:#e2c3b6;--line-soft:#efe2d9;
  --ink:#2a1712;--muted:#6b554c;
  --ok-bg:#edf4ec;--ok-line:#bcd5bd;--ok-ink:#2e5b35;
  --no-bg:#f8ebe8;--no-line:#e6c0b8;--no-ink:#8a2f24;
  --f-head:'Fraunces',Georgia,'Times New Roman',serif;
  --f-body:'Manrope',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.65}
img,svg,video{max-width:100%}
img{height:auto}
a{color:var(--brick-ink);text-underline-offset:3px}
a:hover{color:var(--terra)}
p{margin:0 0 14px}
.container{width:100%;max-width:1200px;margin:0 auto;padding-inline:24px}
.skip-link{position:absolute;left:-9999px;top:0;z-index:1000;padding:10px 16px;background:#fff;color:var(--brown-800)}
.skip-link:focus{left:12px;top:12px}

/* ---------- Кнопки ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;border-radius:12px;font-family:var(--f-body);font-weight:800;font-size:15px;line-height:1.1;letter-spacing:.02em;text-decoration:none;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05) saturate(1.05)}
.btn:active{transform:translateY(1px)}
.btn-reg{color:#2b0f07;background:linear-gradient(180deg,var(--o1) 0%,var(--o2) 46%,var(--o3) 100%);box-shadow:0 6px 18px rgba(231,100,0,.42),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(120,40,0,.3);text-shadow:0 1px 0 rgba(255,255,255,.3)}
.btn-reg:hover{color:#2b0f07;box-shadow:0 10px 28px rgba(255,152,72,.6),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 0 rgba(120,40,0,.3)}
.btn-login{color:var(--brown-800);background:linear-gradient(180deg,#fffaf4 0%,#ffe7d4 55%,#ffcfa9 100%);box-shadow:0 4px 14px rgba(0,0,0,.28),inset 0 1px 0 #fff,inset 0 -3px 0 rgba(132,64,47,.22)}
.btn-login:hover{color:var(--brown-800)}
.btn-xl{min-height:58px;padding:14px 34px;font-size:17px;border-radius:14px;text-transform:uppercase;letter-spacing:.08em}

/* ---------- Шапка ---------- */
.site-header{position:relative;z-index:60;background:linear-gradient(180deg,#5e281b 0%,var(--brown-800) 100%);border-bottom:1px solid rgba(255,208,90,.28)}
.hdr-row{display:flex;flex-wrap:nowrap;align-items:center;gap:22px;min-height:72px}
.logo{flex:0 0 auto;display:flex;align-items:center;gap:10px;color:var(--peach-50);text-decoration:none}
.logo:hover{color:#fff}
.logo img{display:block;width:auto;height:40px;object-fit:contain}
.logo-mark{position:relative;width:30px;height:30px;flex:0 0 30px;border:2px solid var(--gold);border-radius:50% 50% 6px 6px}
.logo-mark::before{content:"";position:absolute;left:50%;top:7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(255,208,90,.7)}
.logo-mark::after{content:"";position:absolute;left:4px;right:4px;bottom:4px;height:2px;background:var(--gold)}
.logo-text{display:flex;flex-direction:column;line-height:1}
.logo-name{font-family:var(--f-head);font-weight:700;font-size:25px;letter-spacing:.01em}
.logo-sub{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:4px}
.main-nav{flex:1 1 auto;min-width:0}
.main-nav ul{display:flex;flex-wrap:nowrap;justify-content:center;gap:2px;list-style:none;margin:0;padding:0}
.main-nav a{position:relative;display:block;padding:10px 14px;color:var(--peach);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;border-radius:8px}
.main-nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .2s ease}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#fff;background:rgba(255,220,193,.07)}
.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
.hdr-cta{flex:0 0 auto;display:flex;gap:10px}
.burger{display:none}
@media (min-width:901px) and (max-width:1100px){
  .hdr-row{gap:14px}
  .main-nav a{padding:10px 9px;font-size:14.5px}
  .main-nav a::after{left:9px;right:9px}
  .hdr-cta .btn{padding:10px 15px}
}

/* ---------- Первый экран ---------- */
.hero{position:relative;overflow:hidden;color:var(--peach-50);padding:40px 0 64px;background:radial-gradient(900px 420px at 88% -12%,rgba(255,179,121,.20),transparent 62%),linear-gradient(180deg,var(--brown-700) 0%,var(--brown-800) 58%,#4b1d13 100%)}
.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 93% 4%,transparent 0 150px,rgba(255,208,90,.16) 150px 152px,transparent 152px 190px,rgba(255,208,90,.10) 190px 191px,transparent 191px 236px,rgba(255,208,90,.06) 236px 237px,transparent 237px)}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:16px;pointer-events:none;background:
  linear-gradient(var(--gold-deep),var(--gold-deep)) left bottom/100% 2px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,208,90,.55) 0 10px,transparent 10px 20px) left 0 bottom 5px/100% 5px no-repeat,
  repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,208,90,.32) 3px 7px,transparent 7px 20px) left 0 bottom 11px/100% 4px no-repeat}
.hero .container{position:relative;z-index:1}
.hero-legal{padding:34px 0 46px}
.kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin:0 0 18px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--peach)}
.kicker span+span::before{content:"";display:inline-block;width:5px;height:5px;margin-right:18px;vertical-align:middle;background:var(--gold);transform:rotate(45deg)}
.kicker .cartouche::before,.kicker .cartouche+span::before{display:none}
.kicker .cartouche{margin-right:4px}
.cartouche{position:relative;display:inline-block;padding:3px 14px;border:1.5px solid var(--gold);border-radius:999px;color:var(--gold)}
.cartouche::after{content:"";position:absolute;right:-7px;top:4px;bottom:4px;width:2.5px;border-radius:2px;background:var(--gold)}
.hero h1{margin:0 0 16px;font-family:var(--f-head);font-weight:700;font-size:clamp(28px,3.9vw,48px);line-height:1.12;letter-spacing:-.01em;color:#fff;overflow-wrap:break-word;hyphens:auto}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .lead{margin:0 0 28px;font-size:18px;line-height:1.6;color:var(--peach)}
.hero .lead strong{color:#fff}
.hero-legal .lead{margin-bottom:0}

.offer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main act" "facts facts";gap:22px 36px;padding:28px 30px 0;border-radius:18px;background:linear-gradient(135deg,#8f4733 0%,var(--terra) 45%,#713526 100%);border:1px solid rgba(255,208,90,.55);box-shadow:0 22px 50px rgba(20,6,2,.45),inset 0 0 0 5px rgba(132,64,47,1),inset 0 0 0 6px rgba(255,208,90,.35);overflow:hidden}
.offer>*{min-width:0}
.offer-main{grid-area:main}
.offer-act{grid-area:act;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;text-align:center}
.offer-label{margin:0 0 4px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--peach)}
.offer-value{margin:0 0 8px;font-family:var(--f-head);font-weight:700;font-size:clamp(40px,5.2vw,62px);line-height:1;color:var(--gold);text-shadow:0 2px 0 rgba(60,20,10,.35)}
.offer-value span{display:inline-block;font-size:.5em;color:var(--peach-50);margin-left:6px;vertical-align:.25em}
.offer-sub{margin:0;color:var(--peach);font-size:16px}
.offer-sub strong{color:#fff}
.offer-note{margin:0;font-size:13.5px;color:var(--peach)}
.offer-inner{grid-template-areas:"label act" "facts facts";padding-top:20px;gap:14px 30px}
.offer-inner .offer-main{grid-area:label;align-self:center}
.offer-inner .offer-label{margin:0;font-size:13px;color:var(--gold)}
.facts{grid-area:facts;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:6px -30px 0;padding:0;background:rgba(40,12,6,.42);border-top:1px solid rgba(255,208,90,.3)}
.fact{padding:16px 22px 18px;min-width:0}
.fact+.fact{border-left:1px dashed rgba(255,208,90,.35)}
.fact dt{font-family:var(--f-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#f3c9a8}
.fact dd{margin:0}
.fact .fact-val{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:1.15;color:#fff;margin-top:4px;overflow-wrap:anywhere}
.fact .fact-note{font-size:13.5px;color:var(--peach);line-height:1.4}

/* ---------- Якорная навигация ---------- */
.toc{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 6px 16px rgba(90,37,25,.08)}
.toc-list{display:flex;flex-wrap:nowrap;gap:4px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.toc-list::-webkit-scrollbar{display:none}
.toc-list li{flex:0 0 auto}
.toc-list a{display:flex;align-items:center;gap:8px;padding:15px 14px 13px;color:var(--brown-800);font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.toc-list a span{font-family:var(--f-mono);font-size:11.5px;color:var(--brick-ink);letter-spacing:.06em}
.toc-list a:hover{border-bottom-color:var(--o2);background:var(--panel)}

/* ---------- Разделы-«папки» ---------- */
.sec{padding:58px 0 8px;scroll-margin-top:60px}
.entry>.sec:last-child{padding-bottom:56px}
.sec-intro{padding-top:36px}
.sheet{position:relative;background:var(--card);border:1px solid var(--line);border-radius:0 16px 16px 16px;padding:34px 36px 36px;box-shadow:0 1px 0 rgba(90,37,25,.04),0 14px 30px rgba(90,37,25,.06)}
.sec-intro .sheet{border-radius:16px}
.sheet-tab{position:absolute;left:-1px;top:-33px;height:34px;margin:0;display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brown-800);max-width:calc(100% + 2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet-tab b{font-weight:500;color:#fff;background:var(--terra);border-radius:6px;padding:1px 7px}
.sheet h2{margin:0 0 18px;font-family:var(--f-head);font-weight:700;font-size:clamp(26px,3vw,36px);line-height:1.15;color:var(--brown-800);letter-spacing:-.005em;overflow-wrap:break-word;hyphens:auto}
.sheet h2::after{content:"";display:block;width:72px;height:7px;margin-top:14px;border-top:2px solid var(--brick);border-bottom:2px solid var(--gold-deep)}
.sheet h3{margin:28px 0 12px;font-family:var(--f-body);font-weight:800;font-size:19px;line-height:1.3;color:var(--brown-900)}
.sheet h2+h3{margin-top:0}
.sheet ul:not([class]),.sheet ol:not([class]){margin:0 0 16px;padding-left:0;list-style:none}
.sheet ul:not([class])>li{position:relative;padding:4px 0 4px 26px}
.sheet ul:not([class])>li::before{content:"";position:absolute;left:4px;top:14px;width:8px;height:8px;background:var(--o2);transform:rotate(45deg)}
.sheet ol:not([class]){counter-reset:li}
.sheet ol:not([class])>li{position:relative;padding:4px 0 4px 34px;counter-increment:li}
.sheet ol:not([class])>li::before{content:counter(li);position:absolute;left:0;top:5px;width:24px;height:24px;border-radius:7px;background:var(--brown-800);color:var(--gold);font-family:var(--f-mono);font-size:13px;line-height:24px;text-align:center}
.sheet blockquote{margin:20px 0;padding:16px 22px;border-left:4px solid var(--gold-deep);background:var(--panel);border-radius:0 12px 12px 0;font-style:italic;color:var(--brown-900)}
.sheet blockquote p:last-child{margin:0}
.sheet>*:last-child{margin-bottom:0}
.sheet img.content-img{display:block;max-width:800px;width:100%;height:auto;margin:1.5rem auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:1px solid var(--line)}
.sheet figure{margin:24px 0}
.sheet figcaption{margin-top:8px;font-size:14.5px;color:var(--muted)}

/* Таблицы контента */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:12px;margin:22px 0}
.table-wrap table{width:100%;border-collapse:collapse;font-size:16px}
.table-wrap caption{text-align:left;padding:14px 18px;font-weight:800;color:var(--brown-900);background:var(--peach-50);border-bottom:1px solid var(--line)}
.table-wrap th,.table-wrap td{padding:12px 16px;text-align:left;vertical-align:top;overflow-wrap:break-word;hyphens:auto}
.table-wrap thead th{background:var(--brown-800);color:var(--peach-50);font-family:var(--f-mono);font-weight:500;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase}
.table-wrap tbody th{font-weight:700;color:var(--brown-800)}
.table-wrap tbody tr:nth-child(even){background:#faf2ec}
.table-wrap tbody tr+tr th,.table-wrap tbody tr+tr td{border-top:1px solid var(--line-soft)}
.table-wrap td strong{color:var(--brown-900)}

/* Блоки контента */
.callout{position:relative;margin:22px 0;padding:20px 22px 20px 26px;border-radius:14px;background:var(--peach-50);border:1px solid var(--line)}
.callout::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--o2)}
.callout.warn{background:var(--no-bg);border-color:var(--no-line)}
.callout.warn::before{background:var(--brick)}
.callout>*:last-child{margin-bottom:0}
.callout h3{margin-top:0}
.pros-cons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}
.pros-cons>*{min-width:0}
.pros,.cons{border-radius:14px;padding:22px 24px}
.pros{background:var(--ok-bg);border:1px solid var(--ok-line)}
.cons{background:var(--no-bg);border:1px solid var(--no-line)}
.sheet .pros h3,.sheet .cons h3{margin-top:0}
.sheet .pros h3{color:var(--ok-ink)}
.sheet .cons h3{color:var(--no-ink)}
.pros ul,.cons ul{margin:0!important;padding:0;list-style:none}
.sheet .pros-cons .pros li,.sheet .pros-cons .cons li{position:relative;padding:8px 0 8px 30px;line-height:1.5}
.sheet .pros-cons .pros li+li{border-top:1px solid rgba(46,91,53,.14)}
.sheet .pros-cons .cons li+li{border-top:1px solid rgba(138,47,36,.14)}
.sheet .pros-cons .pros li::before,.sheet .pros-cons .cons li::before{content:"";position:absolute;left:0;top:11px;width:18px;height:18px;border-radius:50%;transform:none}
.sheet .pros-cons .pros li::before{background:#4f8a58 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.sheet .pros-cons .cons li::before{background:#b4473a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 6l8 8M14 6l-8 8' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
.steps{counter-reset:st;display:grid;gap:12px;margin:22px 0;padding:0;list-style:none}
.steps>li{position:relative;counter-increment:st;min-width:0;padding:16px 18px 16px 64px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff 0%,var(--peach-50) 100%)}
.steps>li::before{content:counter(st,decimal-leading-zero);position:absolute;left:16px;top:14px;width:34px;height:34px;border-radius:9px;background:var(--terra);color:#fff;font-family:var(--f-mono);font-size:14px;line-height:34px;text-align:center}
.charts-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:22px 0}
.charts-2>*{min-width:0;margin:0!important}

/* Диаграммы [chart] */
.chart{margin:22px 0;padding:22px 24px;border-radius:14px;background:var(--panel);border:1px solid var(--line-soft)}
.chart-title{margin:0 0 12px;font-weight:800;font-size:17px;line-height:1.35;color:var(--brown-900)}
.chart svg{display:block;width:100%;height:auto}
.chart>svg{max-width:620px;margin-inline:auto}
.chart .c-axis,.chart .c-lbl{font-family:var(--f-body);font-size:13px;font-weight:700;fill:var(--brown-800)}
.chart .c-small{font-family:var(--f-body);font-size:11px;fill:#8a7369}
.chart .c-val{font-family:var(--f-body);font-size:13.5px;font-weight:800;fill:#3a160e}
.chart .c-big{font-family:var(--f-head);font-size:26px;font-weight:700;fill:var(--brown-800)}
.chart .c-leg{font-family:var(--f-body);font-size:13px;font-weight:700;fill:var(--brown-900)}
.chart .c-bar0{fill:#84402f}.chart .c-bar1{fill:#ff9848}.chart .c-bar2{fill:#c9962e}.chart .c-bar3{fill:#bd5942}.chart .c-bar4{fill:#5a2519}.chart .c-bar5{fill:#e76400}
.chart .c-st0{stroke:#84402f}.chart .c-st1{stroke:#ff9848}.chart .c-st2{stroke:#ffd05a}.chart .c-st3{stroke:#bd5942}.chart .c-st4{stroke:#5a2519}.chart .c-st5{stroke:#e76400}
.chart .f-dep{fill:#84402f}.chart .f-bon{fill:#ff9848}
.chart .c-grid{stroke:#ead9cf;stroke-width:1}
.chart .c-base{stroke:#84402f;stroke-width:1.5}
.chart figcaption{margin:10px 0 0;font-size:14.5px;color:var(--muted)}
.legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin:12px 0 0;padding:0;list-style:none;font-size:14px;color:var(--muted)}
.legend li{display:flex;align-items:center;gap:8px}
.sw{display:inline-block;width:14px;height:14px;border-radius:4px;flex:0 0 14px}
.c-sw0{background:#84402f}.c-sw1{background:#ff9848}.c-sw2{background:#ffd05a}.c-sw3{background:#bd5942}.c-sw4{background:#5a2519}.c-sw5{background:#e76400}
.donut-wrap{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr);gap:24px;align-items:center}
.donut-svg svg{display:block;width:100%;height:auto}
.donut-legend{margin:0;padding:0;list-style:none}
.donut-legend li{display:grid;grid-template-columns:14px minmax(0,1fr);gap:2px 10px;padding:10px 0;border-bottom:1px dashed var(--line)}
.donut-legend li:last-child{border-bottom:0}
.donut-legend .sw{grid-row:1/3;grid-column:1;margin-top:5px}
.donut-legend b{display:block;color:var(--brown-900);font-size:15.5px;line-height:1.35}
.donut-legend span:not(.sw){grid-column:2;font-size:14px;color:var(--muted)}

/* Галерея игр */
.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}
.game-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.game-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(90,37,25,.18);color:inherit}
.game-art{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line-soft)}
.game-art img{display:block;width:100%;height:100%;object-fit:cover}
.game-art::before,.game-art::after{content:"";position:absolute}
.game-body{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px;min-width:0}
.game-name{font-weight:800;font-size:16px;line-height:1.3;color:var(--brown-900);overflow-wrap:anywhere}
.game-prov{font-size:13.5px;color:var(--muted)}
.game-play{margin-top:8px;font-size:14px;font-weight:800;color:#b5501a}
.game-card:hover .game-play{text-decoration:underline}
.art-olympus{background:radial-gradient(circle at 72% 28%,rgba(255,220,130,.75),transparent 34%),linear-gradient(160deg,#2c2b72 0%,#5c3aa6 55%,#1b1542 100%)}
.art-olympus::before{left:0;right:0;bottom:0;height:34%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 8%,transparent 8% 16%);clip-path:polygon(0 30%,100% 30%,100% 100%,0 100%)}
.art-olympus::after{left:38%;top:12%;width:24%;height:62%;background:linear-gradient(180deg,#fff2a8,#ffc83d);clip-path:polygon(55% 0,15% 55%,45% 55%,30% 100%,85% 38%,55% 38%,75% 0)}
.art-sweet{background:radial-gradient(circle at 24% 34%,#ff6aa8 0 13%,transparent 14%),radial-gradient(circle at 70% 62%,#ffd166 0 12%,transparent 13%),radial-gradient(circle at 56% 24%,#7ee0c3 0 9%,transparent 10%),radial-gradient(circle at 30% 76%,#b388ff 0 10%,transparent 11%),linear-gradient(135deg,#ffc2dc,#ff7fb0)}
.art-sugar{background:radial-gradient(circle,rgba(255,255,255,.55) 0 22%,transparent 23%) 0 0/26px 26px,linear-gradient(135deg,#ff8ad8,#9b5cff)}
.art-sugar::after{left:50%;top:50%;width:36%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border-radius:22%;background:linear-gradient(135deg,#fff,#ffb3e6);box-shadow:0 8px 18px rgba(80,0,90,.35)}
.art-bass{background:repeating-radial-gradient(circle at 50% 125%,rgba(255,255,255,.2) 0 5px,transparent 5px 17px),linear-gradient(180deg,#43cdee,#0b5e96)}
.art-bass::after{left:30%;top:36%;width:40%;height:24%;border-radius:50%;background:#ffd05a;clip-path:polygon(0 50%,22% 0,80% 0,100% 50%,80% 100%,22% 100%);box-shadow:inset -8px 0 0 rgba(0,0,0,.08)}
.art-book{background:radial-gradient(circle at 50% 30%,rgba(255,208,90,.35),transparent 45%),linear-gradient(180deg,#24160a,#4a2f12)}
.art-book::before{left:22%;right:22%;bottom:12%;height:58%;background:linear-gradient(135deg,#ffe08a,#c98a1c);clip-path:polygon(50% 0,100% 100%,0 100%)}
.art-book::after{left:0;right:0;bottom:0;height:12%;background:repeating-linear-gradient(90deg,#ffd05a 0 6px,transparent 6px 12px);opacity:.6}
.art-bandit{background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.35),transparent 40%),linear-gradient(160deg,#3d8ed8 0%,#1f4f9a 60%,#132e5e 100%)}
.art-bandit::before{left:26%;top:22%;width:48%;height:22%;border-radius:40% 40% 10% 10%;background:#1b1b1b;box-shadow:0 14px 0 -6px #1b1b1b}
.art-bandit::after{left:20%;top:52%;width:60%;height:14%;border-radius:999px;background:#e8e1d2;box-shadow:inset 0 0 0 4px #1b1b1b}
.art-coin{background:radial-gradient(circle at 50% 50%,#3a1d0e 0 40%,#170a04 100%)}
.art-coin::before{left:50%;top:50%;width:52%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 34%,#fff3b0 0 12%,#ffd05a 13% 58%,#c9962e 59% 100%);box-shadow:0 0 0 5px #8a5a12,0 0 28px rgba(255,208,90,.55)}
.art-coin::after{left:50%;top:50%;width:22%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:3px solid #8a5a12;border-radius:4px}
.art-crazy{background:radial-gradient(circle at 50% 50%,#2b1240 0 60%,#1a0a28 100%)}
.art-crazy::before{left:50%;top:50%;width:68%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(#ff4d6d 0 45deg,#ffb703 45deg 90deg,#3ddc97 90deg 135deg,#4cc9f0 135deg 180deg,#9b5de5 180deg 225deg,#ff4d6d 225deg 270deg,#ffb703 270deg 315deg,#3ddc97 315deg 360deg);border:4px solid #ffd05a}
.art-crazy::after{left:50%;top:50%;width:16%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#ffd05a;box-shadow:0 0 0 4px #2b1240}
.art-fisher{background:radial-gradient(circle at 76% 30%,#ffe7a0 0 11%,transparent 12%),linear-gradient(180deg,#ff9f5a 0 46%,#2f7fa8 46% 100%)}
.art-fisher::before{left:18%;top:58%;width:44%;height:16%;border-radius:50%;background:#ffd05a;clip-path:polygon(0 50%,24% 0,78% 0,100% 50%,78% 100%,24% 100%)}
.art-fisher::after{left:70%;top:10%;width:3px;height:56%;background:#3a1d0e;box-shadow:-6px 54px 0 2px rgba(58,29,14,.6)}
.art-egypt{background:radial-gradient(circle at 70% 26%,rgba(255,208,90,.55) 0 12%,transparent 13%),linear-gradient(180deg,#e9a35f 0 58%,#8a4b25 58% 100%)}
.art-egypt::before{left:16%;bottom:42%;width:46%;height:40%;background:linear-gradient(135deg,#ffd98a,#b87a2a);clip-path:polygon(50% 0,100% 100%,0 100%)}
.art-egypt::after{left:50%;bottom:42%;width:34%;height:28%;background:linear-gradient(135deg,#f0c070,#9c6424);clip-path:polygon(50% 0,100% 100%,0 100%)}

/* CTA */
.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:26px 0}
.cta-row p,.cta-note{margin:0;font-size:14.5px;color:var(--muted)}

/* FAQ */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.faq-item{min-width:0;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.sheet .faq-item h3{display:flex;gap:10px;margin:0 0 12px}
.faq-item h3::before{content:"?";flex:0 0 26px;height:26px;border-radius:8px;background:var(--brown-800);color:var(--gold);font-family:var(--f-head);font-size:17px;line-height:26px;text-align:center}
.faq-item p{margin:0}

/* Ответственная игра (контентный блок) */
.rg-box{position:relative;margin:24px 0 0;padding:24px 28px 24px 112px;min-height:116px;border-radius:16px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--terra)}
.rg-box::before{content:"18+";position:absolute;left:26px;top:24px;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:3px solid var(--no-ink);font-family:var(--f-head);font-weight:700;font-size:22px;color:var(--no-ink)}
.rg-box>*:last-child{margin-bottom:0}
.sheet .rg-box h3{margin-top:0}

/* Подвал */
.site-footer{position:relative;background:var(--brown-950);color:var(--peach);padding:52px 0 26px;font-size:15px}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:
  linear-gradient(var(--gold-deep),var(--gold-deep)) left top/100% 2px no-repeat,
  repeating-linear-gradient(90deg,rgba(255,208,90,.45) 0 10px,transparent 10px 20px) left 0 top 5px/100% 5px no-repeat}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:32px}
.footer-grid>*{min-width:0}
.footer-grid p{margin:0 0 10px}
.footer-title{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 14px!important}
.footer-links{margin:0;padding:0;list-style:none}
.footer-links li{margin:0 0 8px}
.footer-links a,.site-footer a{color:var(--peach-50);text-decoration:none}
.footer-links a:hover,.site-footer a:hover{color:var(--gold);text-decoration:underline}
.site-footer .logo{margin-bottom:14px}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,220,193,.16);font-size:13.5px;color:#e9bfa0}
.footer-bottom b{color:#fff}

/* Cookie */
.cookie-notice{position:fixed;left:16px;right:16px;bottom:16px;z-index:900;display:none;max-width:560px;margin-inline:auto;padding:16px 18px;border-radius:14px;background:var(--brown-900);color:var(--peach);border:1px solid rgba(255,208,90,.4);box-shadow:0 16px 40px rgba(20,6,2,.45);font-size:14.5px}
.cookie-notice.show{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.cookie-notice p{margin:0;flex:1 1 260px;min-width:0}
.cookie-notice a{color:var(--gold)}
.cookie-btn{flex:0 0 auto;min-height:40px;padding:8px 18px;border:0;border-radius:10px;cursor:pointer;font:800 14px var(--f-body);color:#2b0f07;background:linear-gradient(180deg,var(--o1),var(--o2) 46%,var(--o3))}

/* ---------- ≤900: мобильная шапка, сетки ---------- */
@media (max-width:900px){
  .hdr-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"logo burger" "cta cta";gap:10px 12px;min-height:0;padding-block:10px 12px}
  .hdr-row>*{min-width:0}
  .logo{grid-area:logo}
  .burger{grid-area:burger;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:44px;padding:0;border-radius:10px;border:1px solid rgba(255,220,193,.4);background:rgba(255,220,193,.08);color:var(--peach);cursor:pointer}
  .burger span{display:block;width:22px;height:2.5px;border-radius:2px;background:var(--peach);transition:transform .2s ease,opacity .2s ease}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .hdr-cta{grid-area:cta;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hdr-cta .btn{width:100%;min-width:0;padding:11px 8px;font-size:15px;min-height:46px}
  .main-nav{position:absolute;top:100%;left:0;right:0;z-index:999;display:none;background:var(--brown-900);border-top:1px solid rgba(255,208,90,.3);box-shadow:0 18px 30px rgba(20,6,2,.45)}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column;gap:0;padding:6px 16px 12px}
  .main-nav li+li{border-top:1px solid rgba(255,220,193,.12)}
  .main-nav a{padding:14px 4px;font-size:16.5px}
  .main-nav a::after{display:none}
  .hero::before{opacity:.6}
  .offer,.offer-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "act" "facts"}
  .offer-inner{grid-template-areas:"label" "act" "facts"}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact:nth-child(3){border-left:0}
  .fact:nth-child(n+3){border-top:1px dashed rgba(255,208,90,.35)}
  .games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid>:first-child{grid-column:1/-1}
}
/* ---------- ≤600: всё в одну колонку ---------- */
@media (max-width:600px){
  body{font-size:16.5px}
  .container{padding-inline:16px}
  .logo-name{font-size:23px}
  .logo img{height:34px}
  .hero{padding:28px 0 52px}
  .hero-legal{padding:26px 0 40px}
  .hero .lead{font-size:16.5px}
  .kicker{font-size:11px;gap:6px 12px}
  .kicker span+span::before{margin-right:12px}
  .kicker .k-hide-m{display:none}
  .kicker .k-hide-m+span::before{display:none}
  .offer{padding:22px 18px 0;gap:18px}
  .offer-value{font-size:44px}
  .offer-value span{display:block;margin:8px 0 0;font-size:24px;vertical-align:0}
  .btn-xl{width:100%;padding:14px 16px}
  .facts{grid-template-columns:minmax(0,1fr);margin:4px -18px 0}
  .fact{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"lbl val" "note val";column-gap:14px;align-items:center;padding:12px 18px}
  .fact+.fact{border-left:0;border-top:1px dashed rgba(255,208,90,.35)}
  .fact dt{grid-area:lbl}
  .fact .fact-val{grid-area:val;font-size:24px;margin:0;text-align:right}
  .fact .fact-note{grid-area:note;font-size:13px}
  .toc-list{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
  .toc-list a{padding:13px 10px 11px;font-size:14.5px}
  .sec{padding-top:50px}
  .sec-intro{padding-top:28px}
  .sheet{padding:24px 16px 24px;border-radius:0 14px 14px 14px}
  .sheet-tab{font-size:11px;padding:0 14px}
  .sheet h3{font-size:18px}
  .table-wrap table{font-size:15px}
  .table-wrap th,.table-wrap td{padding:10px 12px}
  .table-wrap table:has(thead th:nth-child(3)){min-width:540px}
  .table-wrap table:not(:has(thead)) tbody th{width:44%}
  .pros-cons,.charts-2{grid-template-columns:minmax(0,1fr);gap:16px}
  .pros,.cons{padding:18px 16px}
  .chart{padding:16px 12px}
  .donut-wrap{grid-template-columns:minmax(0,1fr);gap:8px}
  .donut-svg{width:100%;max-width:210px;margin:0 auto}
  .games-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .game-card{flex-direction:row;align-items:stretch}
  .game-art{flex:0 0 92px;width:92px;aspect-ratio:auto;min-height:92px;border-bottom:0;border-right:1px solid var(--line-soft)}
  .game-body{flex:1 1 auto;justify-content:center;padding:10px 14px}
  .game-play{margin-top:4px}
  .faq{grid-template-columns:minmax(0,1fr)}
  .faq-item{padding:18px 16px}
  .rg-box{padding:20px 16px 18px;min-height:0}
  .rg-box::before{position:static;display:grid;margin:0 0 12px;width:52px;height:52px;font-size:18px}
  .steps>li{padding:14px 14px 14px 58px}
  .steps>li::before{left:12px}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .cta-row .btn{width:100%}
}