/* === base (з макета) === */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-b);-webkit-font-smoothing:antialiased;padding-bottom:70px;overflow-x:hidden}
svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:3px}
.wrap{max-width:1200px;margin:0 auto;padding:0 20px}
:focus-visible{outline:3px solid var(--focus,var(--accent));outline-offset:2px}
h1,h2,h3{font-family:var(--font-d);line-height:1.08;margin:0 0 .45em;font-weight:700}
h2{font-size:clamp(26px,3.4vw,40px)}
h3{font-size:19px}
p{margin:0 0 1em}
.muted{color:var(--muted)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;font:700 15px/1 var(--font-b);text-decoration:none;cursor:pointer;border:0;border-radius:var(--r-btn);background:var(--accent);color:var(--accent-ink);white-space:nowrap;transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line-strong)}
.btn.sm{padding:10px 14px;font-size:14px}
.linkbtn{background:none;border:0;color:var(--muted);font:600 14px var(--font-b);text-decoration:underline;cursor:pointer;padding:0}
.site-header{position:sticky;top:0;z-index:50;background:var(--hdr-bg);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.hdr{display:flex;align-items:center;gap:28px;min-height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 20px/1 var(--font-d);white-space:nowrap}
.logo .mark{width:28px;height:28px;display:grid;place-items:center;flex:none}
.mainnav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.mainnav>ul>li{position:relative}
.mainnav .top{display:flex;align-items:center;gap:8px;padding:10px 12px;font:600 15px/1 var(--font-b);border-radius:6px;background:none;border:0;color:inherit;cursor:pointer}
.mainnav .top::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px);opacity:.55}
.dd{position:absolute;top:100%;left:0;min-width:240px;padding:8px;margin:0;list-style:none;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:0 18px 40px rgba(0,0,0,.18);display:none}
.mainnav li:hover>.dd,.mainnav li:focus-within>.dd{display:block}
.dd a{display:block;padding:8px 10px;text-decoration:none;font-size:15px;border-radius:6px}
.dd a:hover{background:var(--surface2)}
.hdr-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.lang{padding:6px 8px;font-weight:600;font-size:14px;text-decoration:none;border-radius:6px;opacity:.65}
.lang[aria-current]{opacity:1;box-shadow:inset 0 0 0 1px currentColor}
.age{font:700 12px/1 var(--font-m);padding:6px 7px;border:2px solid currentColor;border-radius:6px}
.burger{display:none;background:none;border:2px solid currentColor;color:inherit;border-radius:8px;padding:8px 10px;font:600 14px var(--font-b);cursor:pointer}
@media (max-width:980px){
 .mainnav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);padding:8px 20px 16px;max-height:75vh;overflow:auto}
 .mainnav.open{display:block}.mainnav>ul{flex-direction:column}
 .dd{position:static;display:block;border:0;box-shadow:none;padding:0 0 8px 12px;background:none;min-width:0}
 .mainnav .top::after{display:none}.burger{display:block}
}
.hero{padding:56px 0 28px}
.hero h1{font-size:clamp(38px,6.2vw,78px);letter-spacing:-.02em}
.lead{font-size:clamp(17px,1.6vw,20px);max-width:620px;color:var(--muted)}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.updated{font:500 13px var(--font-m);color:var(--muted);margin-bottom:18px;display:block}
.notice{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:var(--r-card);margin-top:24px;font-size:15px}
.notice p{margin:0}
.n-ico{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--warn);color:#111;font:800 14px/1 var(--font-b)}
.sec{padding:72px 0}
.sec-head{max-width:780px;margin-bottom:28px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:14px}
.ln{display:none}
.finder{display:grid;grid-template-columns:1.3fr 1fr 1.1fr;gap:20px 28px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin-bottom:16px}
.fgroup h3{font:700 12px/1 var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 10px}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{font:600 14px/1 var(--font-b);padding:9px 12px;border-radius:var(--r-btn);border:1px solid var(--line-strong);background:transparent;color:var(--ink);cursor:pointer}
.opt[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.f-out{grid-column:1/-1;display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:15px}
.empty{padding:24px;text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-card)}
.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;position:relative}
.rcard{display:grid;grid-template-columns:44px 60px minmax(150px,1.15fr) minmax(170px,1.2fr) minmax(190px,1.15fr) 92px 140px;grid-template-areas:"pos logo main bonus meta score act";gap:18px;align-items:center;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.rcard[hidden]{display:none!important}
.r-pos{grid-area:pos;position:relative;display:grid;place-items:center;width:40px;height:40px;font:700 20px/1 var(--font-d)}
.r-pos span{position:relative}
.r-logo{grid-area:logo;width:56px;height:56px;border-radius:12px;display:grid;place-items:center;font:800 16px/1 var(--font-b);background:var(--b);color:var(--bf);letter-spacing:-.02em;flex:none}
.r-logo.sm{width:40px;height:40px;font-size:13px;border-radius:9px}
.r-main{grid-area:main;min-width:0}
.r-name{font:700 19px/1.15 var(--font-d);text-decoration:none;display:block}
.r-name:hover{text-decoration:underline}
.r-sub{font-size:13px;color:var(--muted);margin-top:4px}
.r-lic{display:inline-block;margin-top:7px;font:600 11px/1 var(--font-m);padding:4px 6px;border-radius:4px;background:var(--warn-soft);color:var(--warn-ink)}
.r-bonus{grid-area:bonus}
.r-bonus .lbl{display:block;font:600 11px/1 var(--font-m);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.r-bonus b{display:block;font:700 16px/1.25 var(--font-b)}
.r-bonus small{color:var(--muted);font-size:13px}
.w-ok{color:var(--ok);font-weight:700}.w-mid{color:var(--warn);font-weight:700}.w-bad{color:var(--bad);font-weight:700}
.r-meta{grid-area:meta;font-size:13px;color:var(--muted)}
.r-meta b{color:var(--ink);font-weight:600}
.pays{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:7px}
.pay{font:600 11px/1 var(--font-m);padding:4px 6px;border-radius:4px}
.pay.on{background:var(--ok-soft);color:var(--ok-ink)}
.pay.off{color:var(--muted);text-decoration:line-through;opacity:.55}
.r-score{grid-area:score;text-align:center}
.r-score .num{font:700 28px/1 var(--font-d)}
.r-score .bar{height:5px;background:var(--surface2);border-radius:3px;margin:8px 0 4px;overflow:hidden}
.r-score .bar i{display:block;height:100%;width:calc(var(--s)*1%);background:var(--accent2)}
.r-score small{font-size:12px;color:var(--muted)}
.r-act{grid-area:act;display:grid;gap:6px}
@media (max-width:1100px){.rcard{grid-template-columns:40px 56px 1fr auto;grid-template-areas:"pos logo main score" "bonus bonus meta meta" "act act act act"}.r-act{grid-template-columns:1fr 1fr}.finder{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.rcard{grid-template-areas:"pos logo main score" "bonus bonus bonus bonus" "meta meta meta meta" "act act act act";gap:12px 12px;padding:16px}.finder{grid-template-columns:1fr}.f-out{flex-direction:column;align-items:flex-start}}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.cat{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);text-decoration:none;min-height:160px;transition:transform .15s}
.cat:hover{transform:translateY(-2px)}
.cat .cnt{font:600 12px var(--font-m);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.cat h3{margin:0}
.cat p{margin:0;font-size:14px;color:var(--muted)}
.cat .go{margin-top:auto;font-weight:700;font-size:14px}
.bonus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.bcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.b-head{padding:20px 20px 0}
.btype{display:inline-block;font:700 11px/1 var(--font-m);padding:5px 8px;border-radius:4px;background:var(--surface2);text-transform:uppercase;letter-spacing:.06em}
.b-amt{font:700 23px/1.2 var(--font-d);margin:14px 0 4px}
.b-brand{font-size:14px}
.b-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:16px 20px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.b-metrics div{background:var(--surface);padding:10px 12px}
.b-metrics dt{font-size:12px;color:var(--muted)}
.b-metrics dd{margin:2px 0 0;font:700 14px/1.3 var(--font-b)}
.bcard details{margin:0 20px 16px;font-size:14px}
.bcard summary{cursor:pointer;font-weight:600}
.bcard details p{margin:8px 0 0;color:var(--muted)}
.b-foot{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--line)}
.b-idx{flex:1;line-height:1.25}.b-idx small{display:block;font-size:12px;color:var(--muted)}.b-idx b{font-size:14px}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.gtile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.g-art{aspect-ratio:16/10;display:grid;place-items:center;font:700 22px/1.05 var(--font-d);text-align:center;padding:12px;background:var(--g);color:#fff}
.g-body{padding:12px 14px;font-size:13px}
.g-body b{display:block;font-size:15px;margin-bottom:4px}
.g-row{display:flex;justify-content:space-between;gap:8px;color:var(--muted)}
.rtp{font-family:var(--font-m);color:var(--ink);font-weight:700}
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
table{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 12px/1.2 var(--font-m);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
tbody tr:last-child td{border-bottom:0}
td.num{font-family:var(--font-m);font-variant-numeric:tabular-nums}
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:48px}}
.crit{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:10px}
.crit li{display:grid;grid-template-columns:1fr 64px;gap:2px 16px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.crit li p{margin:2px 0 0;font-size:14px}
.crit .w{font:700 24px/1 var(--font-d);text-align:right;align-self:center}
.crit .wbar{grid-column:1/-1;height:5px;background:var(--surface2);border-radius:3px;margin-top:10px;overflow:hidden}
.crit .wbar i{display:block;height:100%;background:var(--accent)}
.legal p{color:var(--muted)}
.vs-pick{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.vs-x{font:700 18px var(--font-d)}
select{font:600 15px var(--font-b);padding:11px 12px;border-radius:var(--r-btn);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);min-width:210px}
.vs-table td{width:33%}
.better{color:var(--ok);font-weight:700}
.faq{display:grid;gap:8px;max-width:880px}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:0 20px}
.faq summary{cursor:pointer;padding:18px 0;font:600 17px/1.35 var(--font-b);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:400 24px/1 var(--font-b);flex:none}
.faq details[open] summary::after{content:"−"}
.faq details p{padding-bottom:18px;margin:0;color:var(--muted)}
.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.sources li{padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-card);font-size:14px}
.sources b{display:block}
.site-footer{background:var(--ft-bg,var(--surface));color:var(--ft-ink,var(--ink));border-top:1px solid var(--line);padding:56px 0 28px;margin-top:40px;font-size:14px}
.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.ft-grid h4{font:700 12px var(--font-m);text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px;opacity:.7}
.ft-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ft-grid a{text-decoration:none}.ft-grid a:hover{text-decoration:underline}
.ft-grid .logo{margin-bottom:12px}
.ft-legal{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);opacity:.75;font-size:13px;display:flex;gap:16px;justify-content:space-between;flex-wrap:wrap}
@media (max-width:860px){.ft-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ft-grid{grid-template-columns:1fr}.sec{padding:56px 0}}
.hero-grid>*{min-width:0}
select{max-width:100%}
@media (max-width:520px){.hdr{gap:10px}.logo{font-size:17px}.logo .mark{width:24px;height:24px}.hdr-tools{gap:2px}.lang{padding:5px 6px}.age{display:none}.burger{padding:7px 9px}.hero h1{font-size:36px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* === тема 5: Parvoz === */

:root{--bg:#0A0F2C;--surface:#111A40;--surface2:#1A2552;--ink:#E9ECF8;--muted:#98A2C8;--line:#243163;--line-strong:#4A5A9A;--accent:#E8173C;--accent-ink:#fff;--accent2:#FFC93C;--ok:#3DDC97;--ok-soft:rgba(61,220,151,.14);--ok-ink:#62E8AC;--warn:#FFC93C;--warn-soft:rgba(255,201,60,.14);--warn-ink:#FFD666;--bad:#FF5470;--font-d:"Russo One",sans-serif;--font-b:"Exo 2",sans-serif;--font-m:"JetBrains Mono",monospace;--r-card:14px;--r-btn:10px;--hdr-bg:rgba(10,15,44,.9);--ft-bg:#070B22}
h1,h2,h3{font-weight:400;letter-spacing:.01em}
.hero h1{font-size:clamp(36px,5.4vw,70px);line-height:1.02}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0 0}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px}
.stats dt{font:700 22px/1 var(--font-m);color:var(--accent2)}
.stats dd{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.3}
.flight{margin:0;position:relative;background:linear-gradient(180deg,#0E1640,#0A0F2C);border:1px solid var(--line);border-radius:18px;padding:16px;overflow:hidden}
.fl-top{display:flex;justify-content:space-between;font:500 12px var(--font-m);color:var(--muted);margin-bottom:6px}
#fl-status{color:var(--accent2)}
.fl-grid line{stroke:#1D2858;stroke-width:1}
.fl-mult{position:absolute;left:0;right:0;top:38%;text-align:center;font:700 clamp(40px,6vw,64px)/1 var(--font-m);color:#fff;pointer-events:none;text-shadow:0 0 30px rgba(232,23,60,.5)}
.flight.crashed .fl-mult{color:var(--accent)}
.flight.crashed #fl-plane{opacity:0;transition:opacity .3s}
.flight figcaption{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;margin-top:6px}
.flight figcaption a{color:var(--accent2)}
.r-pos{font:700 18px var(--font-m);color:var(--muted)}
.r-score .num{font:700 26px var(--font-m);color:var(--accent2)}
.r-score .num::before{content:"×";opacity:.7;margin-right:2px}
.r-score .bar i{background:linear-gradient(90deg,var(--accent),var(--accent2))}
.rcard.top1{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 40px rgba(232,23,60,.18)}
.opt[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}
.cat:hover{border-color:var(--accent)}
.cat .go{color:var(--accent2)}
.btype{background:var(--accent);color:#fff}
.g-art{font-family:var(--font-d);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.25),transparent 50%),var(--g)}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}

/* === компоненти сайту (поверх теми 5) === */
body{padding-bottom:0}
body.has-sticky{padding-bottom:72px}
.r-logo{background:none;overflow:hidden;padding:0}
.r-logo img,.logo-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.r-name{color:var(--ink)}
.crumbs{font-size:13px;color:var(--muted);padding-top:20px}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0}
.crumbs li+li::before{content:"/";margin-right:6px;opacity:.5}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.pagehead{padding:28px 0 8px}
.pagehead h1{font-size:clamp(32px,4.6vw,56px);margin-bottom:.35em}
/* review hero */
.rv-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;padding:24px 0 8px;align-items:start}
.rv-id{display:flex;gap:18px;align-items:center}
.rv-id .logo-img{width:88px;height:88px;border-radius:20px;flex:none}
.rv-id h1{font-size:clamp(30px,4.2vw,52px);margin:0}
.rv-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;align-items:center}
.tag{font:600 12px/1 var(--font-m);padding:6px 8px;border-radius:6px;background:var(--surface2);color:var(--muted)}
.tag.warn{background:var(--warn-soft);color:var(--warn-ink)}
.rv-score{display:flex;align-items:baseline;gap:10px;margin-top:22px}
.rv-score b{font:700 44px/1 var(--font-m);color:var(--accent2);letter-spacing:-.06em}
.rv-score b::before{content:"×";opacity:.7}
.rv-score span{color:var(--muted);font-size:14px}
.rv-bonus{margin-top:18px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.rv-bonus .lbl{font:600 11px/1 var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.rv-bonus b{display:block;font:400 22px/1.25 var(--font-d);margin:8px 0 4px}
.rv-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.fine{font-size:12px;color:var(--muted);margin:10px 0 0}
.facts{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);overflow:hidden}
.facts .fh{font:700 12px var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:14px 16px;border-bottom:1px solid var(--line)}
.facts div.row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--line);font-size:14px}
.facts div.row:last-child{border-bottom:0}
.facts dt{color:var(--muted)}.facts dd{margin:0;font-weight:600}
.subnav{display:flex;gap:6px;flex-wrap:wrap;margin:26px 0 0;padding:0;list-style:none}
.subnav a{display:inline-block;padding:9px 14px;border:1px solid var(--line-strong);border-radius:999px;text-decoration:none;font-weight:600;font-size:14px}
.subnav a:hover{border-color:var(--accent2)}
.subnav a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
/* prose */
.prose{padding-bottom:40px}
.prose>*{max-width:860px}
.prose>.tbl-wrap,.prose>.related,.prose>.cta-box{max-width:1000px}
.prose>h2{margin:64px 0 16px;font-size:clamp(24px,2.8vw,34px)}
.prose>h3{margin:32px 0 10px;font-size:20px}
.prose>p,.prose li{color:#CDD3EC}
.prose ul:not(.plain),.prose ol:not(.steps){padding-left:22px}
.prose li{margin:6px 0}
.prose .tbl-wrap{margin:18px 0}
.prose table{min-width:520px}
.steps{counter-reset:s;list-style:none;padding:0;margin:16px 0}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 60px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin:8px 0;color:var(--ink)}
.steps li::before{content:counter(s);position:absolute;left:16px;top:13px;width:30px;height:30px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font:700 14px var(--font-m)}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}
.pc>div{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.pc h3{margin:0 0 10px;font-size:17px}
.pc ul{margin:0;padding:0;list-style:none}
.pc li{padding-left:24px;position:relative;margin:8px 0;color:var(--ink)}
.pc .plus li::before{content:"+";position:absolute;left:2px;color:var(--ok);font-weight:800}
.pc .minus li::before{content:"−";position:absolute;left:2px;color:var(--bad);font-weight:800}
.callout{padding:16px 20px;border-left:4px solid var(--accent2);background:var(--surface);border-radius:0 var(--r-card) var(--r-card) 0;margin:18px 0}
.callout p{margin:0;color:var(--ink)}
.callout.warn{border-left-color:var(--accent)}
.oneline{font:400 clamp(20px,2.4vw,26px)/1.35 var(--font-d);color:var(--ink);padding:22px 24px;background:var(--surface);border-radius:var(--r-card);border:1px solid var(--line)}
.mini-bar{display:inline-block;width:90px;height:6px;background:var(--surface2);border-radius:3px;vertical-align:middle;margin-left:10px;overflow:hidden}
.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.cmp-name{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}
.cmp-name img{width:32px;height:32px;border-radius:8px}
.cmp-row-self{background:var(--surface2)}
.yes{color:var(--ok);font-weight:700}.no{color:var(--muted)}
/* promo */
.promo{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:20px 22px;border:2px dashed var(--accent2);border-radius:var(--r-card);background:var(--surface);margin:18px 0}
.promo code{font:700 28px/1 var(--font-m);letter-spacing:.08em;color:var(--accent2)}
.promo .lbl{font:600 11px var(--font-m);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);width:100%}
.copied{color:var(--ok);font-weight:700;font-size:14px}
/* cta box */
.cta-box{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;background:linear-gradient(90deg,rgba(232,23,60,.18),rgba(255,201,60,.08));border:1px solid var(--line);border-radius:var(--r-card);margin:28px 0}
.cta-box img{width:52px;height:52px;border-radius:12px}
.cta-box .t{flex:1;min-width:180px}.cta-box .t b{display:block}.cta-box .t span{color:var(--muted);font-size:14px}
/* sticky cta */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(7,11,34,.97);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .25s}
.sticky-cta.on{transform:none}
.sticky-cta .wrap{display:flex;align-items:center;gap:12px;min-height:66px}
.sticky-cta img{width:40px;height:40px;border-radius:10px}
.sc-name{font-weight:700;line-height:1.2}.sc-name small{display:block;color:var(--muted);font-weight:500;font-size:13px}
.sc-score{font:700 18px var(--font-m);color:var(--accent2)}
.sticky-cta .btn{margin-left:auto}
.related{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;list-style:none;padding:0;margin:16px 0}
.related a{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);text-decoration:none}
.related img{width:40px;height:40px;border-radius:10px}
.related b{display:block}.related span{font:600 13px var(--font-m);color:var(--accent2)}
.hub-links{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
@media (max-width:900px){.rv-hero{grid-template-columns:1fr}.pc{grid-template-columns:1fr}}
@media (max-width:640px){.sc-name small{display:none}.facts div.row{grid-template-columns:120px minmax(0,1fr)}.rv-id .logo-img{width:68px;height:68px}}
.answer{margin:22px 0 0;padding:18px 20px;background:linear-gradient(180deg,rgba(255,201,60,.08),transparent),var(--surface);border:1px solid rgba(255,201,60,.35);border-radius:var(--r-card)}
.answer .lbl{display:block;font:700 11px/1 var(--font-m);text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);margin-bottom:8px}
.answer p{margin:0;color:var(--ink);font-size:16px;line-height:1.6}
.r-warn{display:inline-block;margin:7px 0 0 4px;font:600 11px/1 var(--font-m);padding:4px 6px;border-radius:4px;background:rgba(255,84,112,.15);color:var(--bad)}
.r-warn-mid{background:var(--warn-soft);color:var(--warn-ink)}
.checks{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}
.checks li{display:flex;gap:10px;align-items:baseline;padding:10px 14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink)}
.checks li span{font:700 15px var(--font-m);width:16px;flex:none}
.checks li.ok span{color:var(--ok)}.checks li.bad span{color:var(--bad)}
.cat-links{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.cat-links a{display:inline-block;padding:9px 14px;border:1px solid var(--line-strong);border-radius:999px;text-decoration:none;font-weight:600;font-size:14px}
.cat-links a[aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}
.soon{opacity:.55;cursor:default}
.dd .soon{display:block;padding:8px 10px;font-size:15px}
.ft-grid .soon{font-size:14px}
.wcalc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:18px;max-width:900px}
.wf{display:grid;gap:6px;font-size:13px;font-weight:700;color:var(--muted)}.wf.wide{grid-column:1/-1}
.wf input,.wf select{font:700 16px var(--font-m);padding:11px 12px;border-radius:10px;border:1px solid var(--line-strong);background:var(--surface2);color:var(--ink);min-width:0;width:100%}
.wout{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:6px 0 0}
.wout div{background:var(--surface2);border-radius:12px;padding:12px}.wout .wide{grid-column:1/-1;background:var(--ink);color:#0A0F2C}
.wout dt{font-size:12px;color:var(--muted)}.wout .wide dt{color:#3A4A8A}.wout dd{margin:4px 0 0;font:700 17px var(--font-m)}
.wverdict{grid-column:1/-1;margin:0;font-weight:700}.wverdict.ok{color:var(--ok)}.wverdict.mid{color:var(--warn)}.wverdict.bad{color:var(--bad)}
@media (max-width:700px){.wcalc{grid-template-columns:1fr 1fr}.wout{grid-template-columns:1fr 1fr}}

/* ---- Шапка хабу/категорії з карткою «Топ-3» (варіант B — табло) ---- */
.hero-split{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:40px;align-items:start}
.hero-split .pagehead{padding-top:28px}
.top3{border:1px solid var(--line);border-radius:18px;margin-top:28px}
.t3b{padding:0;overflow:hidden;background:linear-gradient(180deg,#0E1640,#0A0F2C)}
.tb-top{display:flex;align-items:center;gap:8px;padding:12px 16px;font:700 12px var(--font-m);letter-spacing:.12em;color:var(--accent2);border-bottom:1px solid var(--line)}
.tb-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:tbpulse 1.4s infinite}
@keyframes tbpulse{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.tb-dot{animation:none}}
.tb-time{margin-left:auto;color:var(--muted);letter-spacing:0;font-weight:500}
.t3b table{width:100%;min-width:0;font-size:14px;border-collapse:collapse}
.t3b th,.t3b td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.t3b th{font:600 11px var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.t3b tbody tr:last-child td{border-bottom:0}
.tb-pos{font:700 18px var(--font-m);color:var(--muted)}.t3b tbody tr:first-child .tb-pos{color:var(--accent2)}
.tb-c{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:700;text-decoration:none}.tb-c:hover span{text-decoration:underline}
.tb-c img{border-radius:8px;flex:none}
.tb-m{color:var(--muted);font-size:13px}.t3b .tb-s{font:700 15px var(--font-m);color:var(--accent2);text-align:right}
.tb-cta{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 16px;border-top:1px solid var(--line);background:rgba(232,23,60,.12)}
.tb-cta small{display:block;color:var(--muted);font-size:12px}.tb-cta b{font-size:15px}.tb-cta .btn{flex:none}
@media (max-width:1000px){.hero-split{grid-template-columns:1fr;gap:0}.top3{margin:8px 0 0}}
@media (max-width:480px){.t3b th,.t3b td{padding:10px 8px}.tb-m{font-size:12px}.tb-cta{flex-direction:column;align-items:stretch;text-align:center}}
/* Головна: картка топ-3 під анімацією Aviator; на мобільному — над нею */
.hero-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.hero-side .top3{margin:0}
@media (max-width:980px){.hero-side .top3{order:-1}}

/* ---- Каталог ігор ---- */
.gcat-sec{padding-top:8px}
.gtabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.gtab,.otab{flex:none;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 14px var(--font-b);cursor:pointer}
.gtab b,.otab b,.opt b{font:700 12px var(--font-m);color:var(--accent2)}
.gtab[aria-pressed=true],.otab[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.gtab[aria-pressed=true] b,.otab[aria-pressed=true] b{color:#fff}
.gbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 10px;flex-wrap:wrap}
.gbar-h{margin:0;font-size:clamp(22px,3vw,30px)}
.gsort{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.gsort select{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:600 14px var(--font-b)}
.gfilters{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 14px;margin-bottom:16px}
.gfilters summary{cursor:pointer;font-weight:600}.gfilters .fgroup{margin-top:12px}
.ggrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.gcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .15s,border-color .15s}
.gcard:hover{transform:translateY(-2px);border-color:var(--accent2)}
.g-cov{display:block;aspect-ratio:16/10;background:#0E1640}.g-cov img{width:100%;height:100%;object-fit:cover;display:block}
.g-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.g-body h3{margin:0;font-size:17px;line-height:1.2}.g-body h3 a{color:var(--ink);text-decoration:none}
.g-meta{display:flex;gap:6px;flex-wrap:wrap}.g-meta span{font:700 12px var(--font-m);padding:3px 7px;border-radius:6px;background:var(--surface2,rgba(255,255,255,.06))}
.g-vol.v-low,.g-vol.v-med{color:var(--ok-ink,#7CE0A3)}.g-vol.v-high{color:var(--accent2)}.g-vol.v-vhigh{color:#FF6B81}.g-vol.v-crash{color:#7CB8FF}
.g-body small{color:var(--muted);font-size:13px}
.g-more{margin-top:auto;font-weight:600;font-size:14px;color:var(--accent2);text-decoration:none}
@media (max-width:520px){.ggrid{grid-template-columns:1fr 1fr;gap:10px}.g-body{padding:10px}.g-body h3{font-size:15px}.g-more{font-size:13px}}

/* ---- Сторінка гри ---- */
.ghero{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:36px;align-items:start;padding:24px 0 8px}
.ghero-cov img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);display:block}
.kick{display:inline-block;font:700 12px var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--accent2)}
.ghero h1{margin:.2em 0 .1em;font-size:clamp(32px,4.4vw,52px)}
.ghero .sub{margin:0 0 10px;font-weight:600;color:var(--ink)}
.gstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:16px 0}
.gstats div{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface)}
.gstats small{display:block;font:600 11px var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.gstats b{font:700 18px var(--font-m)}
.ghero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media (max-width:860px){.ghero{grid-template-columns:1fr;gap:18px}.gstats{grid-template-columns:1fr 1fr}}

/* ---- Картки бонусних пропозицій ---- */
.olights{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.olights .muted{font:600 12px var(--font-m);letter-spacing:.08em;text-transform:uppercase;margin-right:4px}
.ld{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.ld.l-g{background:#2ECC71}.ld.l-a{background:#F5B700}.ld.l-r{background:#E8173C}
.olist{display:grid;gap:14px}
.ocard{display:grid;grid-template-columns:minmax(0,1fr) 220px;background:var(--surface);border:1px solid var(--line);border-left:5px solid #F5B700;border-radius:14px;overflow:hidden}
.ocard.l-g{border-left-color:#2ECC71}.ocard.l-r{border-left-color:#E8173C}
.o-main{padding:18px 20px;min-width:0}
.o-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.o-head h3{margin:0;font-size:clamp(17px,2vw,21px);line-height:1.25}
.badge{flex:none;font:700 11px var(--font-m);letter-spacing:.06em;text-transform:uppercase;padding:5px 8px;border-radius:6px;background:rgba(124,77,255,.18);color:#C9B8FF}
.o-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0}
.obox{border:1px solid var(--line);border-radius:10px;padding:9px 11px}.obox small{display:block;font:600 10px var(--font-m);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.obox b{font:700 15px var(--font-m)}
.o-cond summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--accent2)}.o-cond ul{margin:10px 0 0;padding-left:18px;font-size:14px;color:var(--muted)}.o-cond li{margin:4px 0}
.o-side{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:18px 16px;border-left:2px dashed var(--line);text-align:center;background:rgba(255,255,255,.02)}
.o-side .o-logo{border-radius:14px}
.light{display:inline-flex;align-items:center;gap:6px;font:700 12px var(--font-m);text-transform:uppercase;letter-spacing:.06em;padding:4px 9px;border-radius:999px;border:1px solid var(--line)}
.light i{width:9px;height:9px;border-radius:50%;background:#F5B700}.l-g .light i{background:#2ECC71}.l-r .light i{background:#E8173C}
.o-sc{font-size:13px;color:var(--muted)}.o-sc b{color:var(--accent2);font:700 16px var(--font-m)}
.o-side .btn{width:100%;justify-content:center}.o-rv{font-size:13px;color:var(--ink)}
@media (max-width:760px){.ocard{grid-template-columns:1fr}.o-side{border-left:0;border-top:2px dashed var(--line);flex-direction:row;flex-wrap:wrap;justify-content:space-between;text-align:left}
 .o-side .btn{width:auto;flex:1 1 100%}.o-grid{grid-template-columns:1fr 1fr}}
/* позначка партнера */
.tag.partner{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font:700 11px var(--font-m);letter-spacing:.06em;text-transform:uppercase;background:var(--accent2);color:#0A0F2C;vertical-align:middle}
.rcard .r-pos span{white-space:nowrap}

/* ---- Футер: блок співпраці ---- */
.work{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 34px;margin:0 0 36px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#2E2A6B}
.work-t b{display:block;font:400 clamp(20px,2.4vw,26px)/1.2 var(--font-d);color:#fff;margin-bottom:8px}
.work-t span{color:rgba(255,255,255,.8);font-size:16px}
.work-c{display:flex;gap:14px;flex-wrap:wrap}
.work-p{display:flex;align-items:center;gap:14px;padding:12px 20px;border-radius:14px;background:#fff;color:#14123A;text-decoration:none}
.work-p svg{color:#E8174E;flex:none}
.work-p small{display:block;font:700 11px var(--font-m);letter-spacing:.12em;text-transform:uppercase;color:#5B5876}
.work-p b{font:700 17px var(--font-b);color:#14123A;word-break:break-all}
a.work-p:hover{box-shadow:0 0 0 2px var(--accent2)}
@media (max-width:640px){.work{padding:20px}.work-c{width:100%}.work-p{flex:1 1 100%}}