/* ============================================================
   site.css — вёрстка Atlas, портированная на движок casino-kit.
   Вся тема управляется из config.theme -> один :root ниже.
============================================================ */
:root{
  --c-bg:#111827;
  --c-panel:#212836;
  --c-panel-2:#323845;
  --c-text:#f6f2ee;
  --c-muted:#8e8c8a;
  --c-line:#404652;
  --c-primary:#00e676;
  --c-secondary:#00954c;
  --c-pos:#00e676;
  --c-neg:#e5646d;
  --btn-ink:#111111;
  --r-btn:10px;
  --r-md:20px;
  --r-lg:22px;
  --r-xl:34px;
  --bw:1px;
  --bw-accent:3px;
  --fw-head:900;
  --fw-btn:900;
  --h-tracking:-.055em;
  --btn-case:none;
  --btn-tracking:0;
  --btn-glow:0 10px 30px color-mix(in srgb, var(--c-primary) 12%, transparent);
  --bg-layer:radial-gradient(1100px 480px at 18% -6%, color-mix(in srgb, var(--c-primary) 30%, transparent), transparent 56%),radial-gradient(1000px 600px at 90% 36%, color-mix(in srgb, var(--c-secondary) 28%, transparent), transparent 58%),linear-gradient(180deg, var(--c-panel-2) 0%, var(--c-bg) 70%);
  --f-head:"Syne";
  --f-body:"Inter";
  /* алиасы под исходные имена Atlas */
  --ink:#f6f2ee;
  --muted:#8e8c8a;
  --panel:#212836;
  --line:#404652;
  --acid:#00e676;
}

/* — короткий reset (вместо tailwind-preflight) — */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;min-height:100%;background:var(--c-bg)}
html{background-image:var(--bg-layer);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}
body{margin:0}
img,svg,video{display:block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0}
p{margin:0}
ul,ol,menu{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
table{border-collapse:collapse}
:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:transparent;margin:0;font-family:var(--f-body),system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{border-bottom:var(--bw) solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb, var(--c-bg) 94%, transparent);align-items:center;gap:32px;height:76px;padding:0 max(5vw,24px);display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:12px;font-weight:var(--fw-head);display:flex}.brand-mark{border-radius:var(--r-btn);display:flex;align-items:center;height:40px;max-width:180px;flex:0 0 auto;background:transparent;overflow:hidden}
.brand-mark img{max-height:40px;max-width:180px;width:auto;height:auto;object-fit:contain;display:block}
footer .brand-mark{height:34px;max-width:160px}
footer .brand-mark img{max-height:34px;max-width:160px}
@media (max-width:800px){.brand-mark{max-width:120px;height:34px}}nav{color:var(--c-muted);gap:28px;margin-left:auto;font-size:14px;font-weight:700;display:flex}nav a:hover{color:var(--acid)}.header-cta{border:var(--bw) solid var(--line);border-radius:var(--r-btn);padding:11px 16px;font-size:13px;font-weight:800}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:620px;padding:72px max(6vw,24px);display:grid;overflow:hidden}.hero-copy{max-width:720px}.eyebrow{color:var(--acid);text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:900}h1,h2,h3{font-family:var(--f-head),var(--f-body),sans-serif}h1{letter-spacing:var(--h-tracking);margin:18px 0;font-size:clamp(48px,6.2vw,90px);line-height:.95}h1 span{color:var(--acid)}.hero-lead{color:var(--c-muted);max-width:620px;font-size:19px;line-height:1.65}.hero-actions{gap:12px;margin:30px 0 42px;display:flex}.button{border-radius:var(--r-btn);justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:var(--fw-btn);text-transform:var(--btn-case);letter-spacing:var(--btn-tracking);display:inline-flex}.button-primary{background:var(--acid);color:var(--btn-ink);box-shadow:var(--btn-glow)}.button-ghost{border:var(--bw) solid var(--line);color:var(--c-text)}.stats{gap:36px;display:flex}.stats div{flex-direction:column;gap:5px;display:flex}.stats strong{font-size:25px}.stats span{color:var(--muted);font-size:12px}.hero-art{max-width:100%;background:radial-gradient(circle at 70% 24%,var(--c-secondary) 0,#0000 30%),linear-gradient(145deg,var(--c-panel-2),var(--c-panel));border:var(--bw) solid var(--c-line);border-radius:var(--r-xl);position:relative;overflow:hidden;aspect-ratio:4/3;box-shadow:0 35px 90px #0009}.hero-art img{width:100%;height:100%;object-fit:cover;display:block;position:relative;z-index:1}
.hero-art:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0}.art-chip{z-index:2;letter-spacing:.15em;border:1px solid #fff3;border-radius:999px;padding:10px 14px;font-size:10px;font-weight:900;position:absolute;top:28px;left:28px}.art-card{z-index:2;border-radius:var(--r-lg);place-items:center;font-weight:1000;display:grid;position:absolute;box-shadow:0 24px 55px #0009}.art-card-one{background:linear-gradient(140deg,var(--acid),var(--c-pos));color:var(--btn-ink);width:230px;height:290px;font-size:38px;top:18%;right:12%;transform:rotate(7deg)}.art-card-two{background:linear-gradient(150deg,var(--c-secondary),var(--c-neg));width:190px;height:240px;font-size:32px;bottom:5%;left:10%;transform:rotate(-9deg)}.art-orb{z-index:1;background:var(--acid);border-radius:50%;width:190px;height:190px;position:absolute;bottom:-35px;right:-30px}.review-card{border:var(--bw) solid var(--line);background:var(--panel);border-radius:var(--r-md);grid-template-columns:auto 1fr auto auto;align-items:center;gap:24px;margin:0 max(6vw,24px) 80px;padding:24px;display:grid}.casino-logo{color:var(--c-muted);border:1px dashed var(--c-muted);border-radius:var(--r-md);place-items:center;width:84px;height:84px;font-size:12px;font-weight:900;display:grid}.review-main h2{margin:4px 0 8px;font-size:28px}.review-main p:last-child{color:var(--muted);margin:0}.score{flex-direction:column;align-items:center;display:flex}.score strong{color:var(--acid);font-size:36px}.score span{color:var(--muted);font-size:11px}@media (max-width:800px){.header-cta{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:50px}.review-card{grid-template-columns:auto 1fr}.score{display:none}.review-card>.button{grid-column:1/-1}.stats{justify-content:space-between;gap:20px}.stats span{max-width:85px}.site-header{padding:0 18px}.brand{font-size:13px}}.image-slot{color:#fff5;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.image-slot:before{content:"✦";color:var(--acid);font-size:70px}.image-slot span{letter-spacing:.18em;font-size:12px;font-weight:900}.image-slot strong{font-size:11px;font-weight:500}.hero-art>img{object-fit:cover;width:100%;height:100%;position:absolute}.content-grid,.split-section,.cards-section{margin:0 max(6vw,24px) 100px}.content-grid{grid-template-columns:1.5fr .7fr;align-items:stretch;gap:28px;display:grid}.content-grid>article,.bonus-box,.verdict,.game-card{border:var(--bw) solid var(--line);background:var(--panel);border-radius:var(--r-lg)}.content-grid>article{padding:42px}.content-grid h2,.split-section h2,.cards-section h2,.article-layout h2{letter-spacing:var(--h-tracking);margin:10px 0 16px;font-size:clamp(30px,4vw,54px)}.large-copy{color:var(--c-muted);max-width:770px;font-size:18px;line-height:1.7}.fact-grid{background:var(--line);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:32px;display:grid}.fact-grid div{background:var(--panel);flex-direction:column;gap:7px;padding:20px;display:flex}.fact-grid span,.bonus-box span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:11px}.bonus-box{color:var(--btn-ink);background:linear-gradient(145deg,var(--c-primary),var(--c-pos));flex-direction:column;justify-content:center;padding:36px;display:flex}.bonus-box strong{margin:20px 0;font-size:clamp(32px,4vw,55px);line-height:1}.bonus-box p{line-height:1.5}.bonus-box a{margin-top:12px;font-weight:900}.split-section{grid-template-columns:.8fr 1fr 1fr;gap:24px;display:grid}.verdict{padding:28px}.verdict h3{font-size:21px}.verdict p{color:var(--c-muted);line-height:1.5}.positive{border-top:var(--bw-accent) solid var(--acid)}.negative{border-top:var(--bw-accent) solid var(--c-neg)}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{margin-bottom:0}.section-heading>a{color:var(--acid);font-weight:900}.game-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.game-card{isolation:isolate;background:var(--c-panel);min-height:360px;position:relative;overflow:hidden}.game-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,var(--c-bg) 88%);position:absolute;inset:35% 0 0}.game-card>img{object-fit:cover;width:100%;height:100%;transition:transform .45s;position:absolute;inset:0}.game-card:hover>img{transform:scale(1.045)}.game-card-copy{z-index:2;padding:24px 20px;position:absolute;bottom:0;left:0;right:0}.game-card h3{margin:0 0 6px;font-size:20px}.game-card p{color:var(--c-text);margin:0;font-size:12px}footer{border-top:var(--bw) solid var(--line);color:var(--muted);justify-content:space-between;gap:40px;padding:50px max(6vw,24px);display:flex}footer .brand{color:var(--ink);display:inline-flex}footer p{max-width:470px;line-height:1.6}.footer-links{grid-template-columns:repeat(2,auto);gap:14px 28px;font-size:13px;display:grid}.footer-links a:hover{color:var(--acid)}.inner-page{min-height:70vh}.breadcrumbs{max-width:1280px;color:var(--muted);gap:10px;margin:0 auto;padding:28px 28px 0;font-size:12px;display:flex}.page-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;max-width:1280px;margin:0 auto;padding:55px 28px;display:grid}.page-hero h1{font-size:clamp(46px,6vw,78px)}.page-hero>div>p:last-child{color:var(--c-muted);max-width:650px;font-size:19px;line-height:1.6}.page-image{border:var(--bw) solid var(--line);background:linear-gradient(145deg,var(--c-panel-2),var(--c-panel));border-radius:var(--r-lg);position:relative;overflow:hidden;aspect-ratio:1200/420}
.page-image img{width:100%;height:100%;object-fit:cover;display:block}.article-layout{grid-template-columns:1fr 300px;align-items:start;gap:60px;max-width:1120px;margin:0 auto 100px;padding:0 28px;display:grid}.article-layout article>section{border-top:var(--bw) solid var(--line);padding:35px 0}.article-layout article h2{font-size:34px}.article-layout article p{color:var(--c-muted);font-size:17px;line-height:1.75}.section-number{color:var(--acid);letter-spacing:.12em;font-size:11px}.side-card{border:var(--bw) solid var(--line);background:var(--panel);border-radius:var(--r-md);flex-direction:column;gap:14px;padding:26px;display:flex;position:sticky;top:100px}.side-card>span{color:var(--muted);font-size:12px}.side-card>strong{color:var(--acid);font-size:44px}.side-card>p{color:var(--c-text);line-height:1.5}.outbound{text-align:center;max-width:850px;min-height:70vh;margin:0 auto;padding:110px 28px}.outbound h1{font-size:clamp(44px,7vw,76px)}.outbound>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.outbound .button{margin:25px 5px 0}@media (max-width:900px){.content-grid,.split-section,.page-hero,.article-layout{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.side-card{position:static}.split-section>div:first-child{grid-column:1/-1}footer{flex-direction:column}}@media (max-width:560px){.content-grid>article,.bonus-box{padding:26px}.fact-grid,.game-grid,.footer-links{grid-template-columns:1fr}.header-cta{font-size:0}.header-cta:after{content:"18+";font-size:13px}.page-hero{padding-top:35px}}


/* ─── мобильная навигация ─── */
@media (max-width:800px){
  .site-header{flex-wrap:wrap;row-gap:10px;padding-top:10px;padding-bottom:10px}
  .site-header nav{
    order:3;flex:1 0 100%;display:flex;gap:6px;
    overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    margin:0 -18px;padding:2px 18px 4px;
  }
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{
    flex:0 0 auto;padding:8px 14px;border-radius:var(--r-btn);
    background:color-mix(in srgb, var(--c-text) 6%, transparent);
    border:var(--bw) solid var(--c-line);
    font-size:13px;white-space:nowrap;
  }
  .site-header nav a[aria-current="page"]{
    background:color-mix(in srgb, var(--c-primary) 18%, transparent);
    border-color:var(--c-primary);color:var(--c-primary);
  }
  .header-cta{margin-left:auto;font-size:12px;padding:8px 12px}
}
@media (max-width:420px){
  .header-cta{display:none}
}


/* ─── тематическая иллюстрация внутри статьи ─── */
.section-art{margin:26px 0;border:var(--bw) solid var(--c-line);border-radius:var(--r-lg);
  overflow:hidden;aspect-ratio:1000/620;background:linear-gradient(145deg,var(--c-panel-2),var(--c-panel))}
.section-art img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:800px){.section-art{margin:20px 0}}

/* лого уже содержит название — дублирующий текст прячем */
.brand:has(.brand-mark img) .brand-word,
.brand:has(.brand-mark img) > span:not(.brand-mark){display:none}
@supports not selector(:has(*)){.brand-word{display:none}}

/* ─── таблица спецификаций внутри статьи ─── */
.spec-table{margin:18px 0;border:var(--bw) solid var(--c-line);border-radius:var(--r-md);overflow:hidden}
.spec-table table{width:100%;border-collapse:collapse;font-size:15px}
.spec-table th,.spec-table td{padding:12px 16px;text-align:left;
  border-bottom:var(--bw) solid var(--c-line);vertical-align:top}
.spec-table th{width:42%;font-weight:700;color:var(--c-text);
  background:color-mix(in srgb, var(--c-text) 4%, transparent)}
.spec-table td{color:var(--c-muted)}
.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}
@media (max-width:560px){.spec-table th{width:50%}.spec-table th,.spec-table td{padding:10px 12px;font-size:14px}}

/* ─── плашки провайдеров и платёжек ─── */
.fact-grid .chip,.chip{display:block}
.chip img{width:100%;height:auto;display:block;border-radius:var(--r-btn)}
.badgerow,.fact-grid:has(.chip){display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
footer .fact-grid:has(.chip){grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}
@media (max-width:560px){.fact-grid:has(.chip){grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}