/* 7games-br · «Placar» — токены сняты с 7games.bet.br 30/09/2026 (пиксель + CSS) */
:root{
  --bg:#18201D; --s1:#1F2926; --s2:#252E2A; --s3:#2E3D37;
  --ln:rgba(255,255,255,.07); --ln2:rgba(255,255,255,.13);
  --tx:#fff; --tx2:#BEC1C0; --tx3:#8C908E;
  --cta:#217E4B; --cta-h:#31B86E; --ink:#0B1A12;
  --sig:#16C72E; --teal:#06A9AA; --gold:#FFDF1B; --red:#FF6170;
  --r-s:4px; --r:8px; --r-l:16px;
  --f-d:"Instrument Sans",Roboto,system-ui,sans-serif;
  --f-b:Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-lcd:"DSEG7",ui-monospace,monospace;
  --side:252px; --main:1040px;
}
@font-face{font-family:"DSEG7";src:url(/fonts/dseg7-bold.woff2) format("woff2");font-weight:700;font-display:swap}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--f-b);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:2px}
a:hover{color:#3fd0d1}
:focus-visible{outline:2px solid var(--sig);outline-offset:2px;border-radius:var(--r-s)}
h1,h2,h3{font-family:var(--f-d);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0;text-wrap:balance}
p{margin:0 0 1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ── LCD «placar» — подпись сайта ── */
.lcd{display:inline-flex;align-items:baseline;gap:.04em;font-variant-numeric:tabular-nums;white-space:nowrap}
.lcd-d{position:relative;font-family:var(--f-lcd);font-weight:700;color:var(--sig);letter-spacing:.06em;isolation:isolate}
.lcd-d::before{content:attr(data-g);position:absolute;left:0;top:0;color:var(--sig);opacity:.1;z-index:-1}
.lcd-s{font-family:var(--f-b);font-weight:700;color:var(--sig);font-size:.62em}
.lcd.is-gold .lcd-d,.lcd.is-gold .lcd-d::before,.lcd.is-gold .lcd-s{color:var(--gold)}
.lcd.is-off .lcd-d,.lcd.is-off .lcd-s{color:var(--tx3)}

/* ── оболочка: сайдбар оператора + колонка ── */
.p7-top{background:var(--s1);color:var(--tx2);border-bottom:1px solid var(--ln);font-size:12.5px;text-align:center;padding:6px 16px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p7-top b{font-weight:700;color:var(--tx)}
.p7-top i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--red);font:700 9px/1 var(--f-b);font-style:normal;color:var(--tx);margin-right:6px;vertical-align:-5px}
.p7-top .long{display:none}
@media (min-width:760px){.p7-top .long{display:inline}}
.p7-shell{display:grid;grid-template-columns:minmax(0,1fr)}
.p7-side{display:none}
.p7-col{min-width:0}
.p7-head{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--ln)}
.p7-head-in{display:flex;align-items:center;gap:10px;padding:10px 16px;max-width:var(--main);margin:0 auto}
.p7-logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--tx);margin-right:auto;min-width:0}
.p7-logo img{width:96px;height:auto}
.p7-tag-s{display:none;font:600 10px/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);border:1px solid var(--ln2);border-radius:999px;padding:3px 6px}
.p7-tag{font:600 10px/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);border:1px solid var(--ln2);border-radius:999px;padding:3px 7px;white-space:nowrap}
.p7-pills{display:flex;gap:8px;overflow-x:auto;padding:8px 16px 12px;scrollbar-width:none;max-width:var(--main);margin:0 auto}
.p7-pills::-webkit-scrollbar{display:none}
.p7-pill{flex:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ln2);border-radius:999px;padding:8px 14px;color:var(--tx2);text-decoration:none;font:500 14px/1 var(--f-b)}
.p7-pill svg{width:16px;height:16px;opacity:.8}
.p7-pill:hover{color:var(--tx);border-color:var(--cta-h)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-s);padding:0 16px;height:40px;font:700 15px/1 var(--f-b);text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}
.btn-cta{background:var(--cta);color:#fff}
.btn-cta:hover{background:var(--cta-h);color:var(--ink)}
.btn-ghost{border-color:var(--ln2);color:var(--tx)}
.btn-ghost:hover{border-color:var(--tx3);color:var(--tx)}
.btn-lg{height:52px;font-size:17px;padding:0 24px;width:100%}
.p7-head .btn{height:36px;font-size:14px;padding:0 12px}

.wrap{max-width:var(--main);margin:0 auto;padding:0 16px}
.sec{padding:40px 0;border-top:1px solid var(--ln)}
.kick{display:block;font:600 12px/1.3 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin-bottom:8px}
.sec h2{font-size:clamp(24px,5.6vw,32px);margin-bottom:12px}
.sec-lead{color:var(--tx2);max-width:68ch;margin-bottom:24px}
.sample{display:inline-block;vertical-align:middle;margin-left:8px;font:600 10px/1 var(--f-b);letter-spacing:.1em;color:var(--tx3);border:1px dashed var(--tx3);border-radius:3px;padding:3px 5px}
.note{font-size:13px;color:var(--tx3);margin-top:12px}
.card{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:18px}

/* ── хиро ── */
.crumbs{font-size:13px;color:var(--tx3);padding:16px 0 0}
.crumbs a{color:var(--tx3);text-decoration:none}
.crumbs a:hover{color:var(--tx)}
.hero{display:grid;gap:18px;padding:12px 0 28px;grid-template-areas:"head" "placar" "body"}
.hero-head{grid-area:head}.hero-body{grid-area:body}.placar{grid-area:placar}
.hero-head h1{margin-bottom:0}
.hero h1{font-size:clamp(30px,7.6vw,46px);margin:10px 0 14px}
.hero h1 em{font-style:normal;color:var(--cta-h)}
.hero-lead{font-size:17px;color:var(--tx2);max-width:60ch}
.by{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;color:var(--tx3);margin:14px 0}
.by b{color:var(--tx);font-weight:500}
.disc{font-size:13px;color:var(--tx3);border-left:2px solid var(--ln2);padding-left:12px;max-width:62ch}
.placar{background:linear-gradient(180deg,var(--s2),var(--s1));border:1px solid var(--ln2);border-radius:var(--r-l);padding:20px;display:grid;gap:14px;align-content:start}
.placar-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.placar-top img{width:112px}
.placar-score{display:flex;flex-direction:column;align-items:flex-end}
.placar-score .lcd{font-size:40px;line-height:1}
.placar-score small{font:600 11px/1.2 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-top:6px}
.placar-board{background:#0E1411;border:1px solid var(--ln);border-radius:var(--r);padding:14px}
.placar-board>span{display:block;font:600 11px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.placar-board .lcd{font-size:34px;margin:8px 0 6px}
.placar-board p{margin:0;font-size:14px;color:var(--tx2)}
.placar .legal{font-size:12px;color:var(--tx3);text-align:center;margin:0}

.status{display:flex;gap:12px;align-items:flex-start;background:rgba(255,97,112,.08);border:1px solid rgba(255,97,112,.35);border-radius:var(--r);padding:14px 16px;font-size:14px;color:var(--tx2);margin-bottom:28px}
.status svg{flex:none;width:20px;height:20px;color:var(--red);margin-top:2px}
.status b{color:var(--tx)}

.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;background:var(--ln);gap:1px}
.fact{background:var(--s1);padding:14px 16px;min-width:0}
.fact>span{display:block;font:600 11px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.fact{display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.fact .lcd{font-size:24px;line-height:1}
.fact b{display:block;font:700 18px/1 var(--f-d);overflow-wrap:anywhere}

/* ── вердикт ── */
.verdict{display:grid;gap:16px}
.verdict-main p{font-size:18px;color:var(--tx);line-height:1.55}
.fit{display:grid;gap:12px}
.fit div{border-radius:var(--r);padding:14px 16px;background:var(--s1);border:1px solid var(--ln)}
.fit h3{font-size:15px;margin-bottom:6px}
.fit .yes h3{color:var(--cta-h)} .fit .no h3{color:var(--red)}
.fit p{margin:0;color:var(--tx2);font-size:15px}
.toc-m{margin-top:8px}
.toc-m ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.toc-m a{display:flex;gap:8px;align-items:baseline;color:var(--tx2);text-decoration:none;font-size:14px;padding:6px 0}
.toc-m a b{font:700 12px var(--f-b);font-variant-numeric:tabular-nums;color:var(--cta-h)}

/* ── промо ── */
.offers{display:grid;gap:14px}
.offer{position:relative;display:flex;flex-direction:column;gap:10px;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:18px}
.offer.is-top{border-color:var(--cta-h);box-shadow:0 0 0 1px var(--cta-h) inset}
.offer-k{display:flex;justify-content:space-between;gap:8px;font:600 12px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.offer-k em{font-style:normal;color:var(--ink);background:var(--cta-h);border-radius:3px;padding:2px 6px}
.offer .lcd{font-size:32px}
.offer p{margin:0;color:var(--tx2);font-size:15px;flex:1}
.offer .btn{width:100%}

/* ── оценки ── */
.score{display:grid;gap:20px}
.bars{display:grid;gap:12px}
.bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center}
.bar span{font-size:15px}
.bar .lcd{font-size:17px}
.bar i{grid-column:1/-1;height:6px;border-radius:3px;background:var(--s3);overflow:hidden}
.bar i::after{content:"";display:block;height:100%;width:var(--w);background:var(--cta-h);opacity:.75;border-radius:3px}
.pc{display:grid;gap:12px}
.pc ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pc li{position:relative;padding-left:22px;color:var(--tx2);font-size:15px}
.pc li::before{position:absolute;left:0;top:0;font-weight:700}
.pc .pro li::before{content:"+";color:var(--cta-h)}
.pc .con li::before{content:"–";color:var(--red)}
.pc h3{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}

/* ── три источника ── */
.src3{display:grid;gap:12px}
.src3 h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.src3 small{display:block;color:var(--tx3);font-size:13px;margin:4px 0 12px}
.src3 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.src3 li{display:flex;gap:10px;font-size:14.5px;color:var(--tx2)}
.src3 li b{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--f-b)}
.src3 .v li b{background:rgba(49,184,110,.15);color:var(--cta-h)}
.src3 .d li b{background:rgba(6,169,170,.15);color:var(--teal)}
.src3 .r li b{background:rgba(255,223,27,.12);color:var(--gold)}

/* ── галерея / игры ── */
.gal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gal figure{margin:0;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.gal figure.wide{grid-column:1/-1}
.gal img{width:100%;aspect-ratio:auto;object-fit:cover;object-position:top}
.gal figure:not(.wide) img{aspect-ratio:1/1.35}
.gal figcaption{font-size:13px;color:var(--tx3);padding:10px 12px}
.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.game{margin:0;text-align:left}
.game img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;background:var(--s2)}
.game figcaption{font-size:13px;color:var(--tx2);margin-top:6px;line-height:1.3}
.game figcaption small{display:block;color:var(--tx3);font-size:11.5px}
.own{display:inline-block;font:700 10px/1 var(--f-b);letter-spacing:.08em;color:var(--ink);background:var(--sig);border-radius:3px;padding:3px 5px;margin-bottom:4px}

.band{display:grid;gap:14px;align-items:center;background:linear-gradient(90deg,rgba(54,212,126,.18),rgba(54,212,126,0) 70%),var(--s1);border:1px solid var(--ln2);border-radius:var(--r-l);padding:20px;margin:8px 0}
.band b{font:700 20px/1.25 var(--f-d)}
.band small{display:block;color:var(--tx3);font-size:12.5px;margin-top:6px}

/* ── таблицы ── */
.tbl{width:100%;border-collapse:collapse;font-size:14.5px}
.tbl-wrap{overflow-x:auto;border:1px solid var(--ln);border-radius:var(--r)}
.tbl th{text-align:left;font:600 11.5px/1.3 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);background:var(--s1);padding:12px 14px;white-space:nowrap}
.tbl td{padding:12px 14px;border-top:1px solid var(--ln);color:var(--tx2);white-space:nowrap}
.tbl td:first-child{color:var(--tx);font-weight:500}

.split{display:grid;gap:20px;align-items:center}
.stores{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--ln);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.kv div{background:var(--s1);padding:12px 14px;min-width:0}
.kv>div>span{display:block;font:600 11px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--tx3)}
.kv b{display:block;font-weight:500;margin-top:4px;overflow-wrap:anywhere;font-size:14.5px}
.checks{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.checks li{padding-left:24px;position:relative;color:var(--tx2);font-size:15px}
.checks li::before{content:"✓";position:absolute;left:0;color:var(--cta-h);font-weight:700}
.grid2{display:grid;gap:14px}
.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rev .lcd{font-size:26px;margin:6px 0}
.rev h3{font-size:16px}
.rev p{font-size:13.5px;color:var(--tx3);margin:6px 0 0}
.stub{border:1px dashed var(--ln2);border-radius:var(--r);padding:16px;color:var(--tx3);font-size:14px}

/* ── таймлайн / FAQ / статья ── */
.tl{list-style:none;margin:0;padding:0;display:grid;gap:0}
.tl li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--ln)}
.tl li b{font:700 14px/1.5 var(--f-b);font-variant-numeric:tabular-nums;color:var(--tx)}
.tl li span{color:var(--tx2);font-size:15px}
.faq{display:grid;gap:8px}
.faq details{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r)}
.faq summary{cursor:pointer;list-style:none;padding:16px 48px 16px 16px;font:600 16px/1.4 var(--f-d);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:12px;font:400 24px/1 var(--f-b);color:var(--tx3)}
.faq details[open] summary::after{content:"–"}
.faq details p{padding:0 16px 16px;margin:0;color:var(--tx2)}
.prose{max-width:72ch}
.prose h2{font-size:clamp(22px,5vw,28px);margin:28px 0 12px}
.prose h3{font-size:19px;margin:22px 0 8px}
.prose p{color:var(--tx2)}
.prose figure{margin:20px 0}
.prose figcaption{font-size:13px;color:var(--tx3);margin-top:8px}
.prose img{border-radius:var(--r);border:1px solid var(--ln)}
.author{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.avatar{width:64px;height:64px;border-radius:50%;background:var(--s3);display:grid;place-items:center;font:700 22px var(--f-d);color:var(--tx3)}
.author h3{font-size:18px} .author p{color:var(--tx2);font-size:15px;margin:6px 0 0}
.explore{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.explore a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;align-items:center;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:12px 14px;text-decoration:none;color:var(--tx)}
.explore a:hover{border-color:var(--cta-h)}
.explore i{width:40px;height:40px;border-radius:var(--r);background:var(--s2);display:grid;place-items:center;color:var(--cta-h)}
.explore i svg{width:20px;height:20px}
.explore span>b{display:block;font:600 16px/1.3 var(--f-d)}
.explore small{color:var(--tx3);font-size:13px}

.foot{background:#121815;border-top:1px solid var(--ln);padding:32px 0 96px;font-size:13.5px;color:var(--tx3)}
.foot-pay{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px}
.foot-pay span:not(.sample){border:1px solid var(--ln2);border-radius:var(--r-s);padding:5px 9px;font-weight:600;color:var(--tx2)}
.foot-nav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0}
.foot-nav a{color:var(--tx2)}
.b18{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:2px solid var(--red);color:var(--tx);font:700 13px var(--f-b);margin-right:10px;vertical-align:middle}

.dock{transform:translateY(110%);transition:transform .2s ease}
.dock.is-on{transform:none}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(18,24,21,.96);backdrop-filter:blur(8px);border-top:1px solid var(--ln2);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.dock-in{display:flex;align-items:center;gap:12px;max-width:var(--main);margin:0 auto}
.dock-in div{min-width:0;flex:1}
.dock-in>div>span{display:block;font:600 11px/1.2 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-in b{display:block;font:700 14px/1.25 var(--f-d)}

/* ── ≥600 ── */
@media (min-width:600px){
  .facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .offers{grid-template-columns:repeat(3,minmax(0,1fr))}
  .games{grid-template-columns:repeat(4,minmax(0,1fr))}
  .grid4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .explore{grid-template-columns:repeat(2,minmax(0,1fr))}
  .toc-m ol{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gal{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ── ≥860 ── */
@media (min-width:860px){
  .hero{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"head placar" "body placar";align-items:start;padding-top:20px;column-gap:32px}
  .verdict{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .score{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .pc{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .src3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .band{grid-template-columns:minmax(0,1fr) auto;padding:22px 26px}
  .band .btn{width:auto}
  .games{grid-template-columns:repeat(6,minmax(0,1fr))}
  .facts{grid-template-columns:repeat(6,minmax(0,1fr))}
  .sec{padding:56px 0}
}
/* ── ≥1180: сайдбар оператора = оглавление ── */
@media (min-width:1180px){
  .p7-shell{grid-template-columns:var(--side) minmax(0,1fr)}
  .p7-side{display:flex;flex-direction:column;gap:8px;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--s1);border-right:1px solid var(--ln);padding:16px 14px 24px;scrollbar-width:thin}
  .p7-side .p7-logo{margin:4px 6px 14px}
  .p7-side .p7-logo img{width:128px}
  .side-nav{display:grid;gap:8px}
  .side-nav svg{width:18px;height:18px;flex:none;opacity:.75}
  .side-item,.side-grp summary{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:var(--r);background:var(--s2);color:var(--tx2);text-decoration:none;font-size:15px;font-weight:500}
  .side-item:hover,.side-grp summary:hover{color:var(--tx);background:var(--s3)}
  .side-item.on{color:var(--tx);box-shadow:inset 3px 0 0 var(--cta-h)}
  .side-item.on svg{color:var(--cta-h);opacity:1}
  .side-grp{background:var(--s2);border-radius:var(--r);overflow:hidden}
  .side-grp summary{cursor:pointer;list-style:none;color:var(--tx);background:none}
  .side-grp summary::-webkit-details-marker{display:none}
  .side-grp summary .caret{margin-left:auto;width:14px;height:14px;transition:transform .15s}
  .side-grp:not([open]) summary .caret{transform:rotate(180deg)}
  .side-grp div{display:grid;padding:0 0 8px}
  .side-grp div a{display:flex;align-items:center;gap:12px;padding:9px 14px 9px 16px;color:var(--tx3);text-decoration:none;font-size:14px}
  .side-grp div a:hover,.side-grp div a.on{color:var(--tx)}
  .side-grp div svg{width:16px;height:16px}
  .side-cta{margin-top:auto;background:var(--s2);border:1px solid var(--ln);border-radius:var(--r);padding:14px;display:grid;gap:10px}
  .side-cta span{font-size:13px;color:var(--tx2)}
  .p7-head .p7-logo{display:none}
  .p7-head-in{padding:12px 24px}
  .p7-pills{display:none}
  .p7-head-pills{display:flex;gap:8px;margin-right:auto}
  .toc-m ol{grid-template-columns:repeat(4,minmax(0,1fr))}
  .wrap{padding:0 32px}
  .dock{display:none}
}
@media (max-width:1179px){.p7-head-pills{display:none}}
@media (max-width:479px){.p7-head .p7-tag{display:none}.p7-head .p7-tag-s{display:inline-block}.p7-logo img{width:84px}}

/* критик r1: компактное табло <600, 2 колонки 600–859, списки заглушек, таблица стопкой */
@media (max-width:599px){
  .placar{padding:16px;gap:10px}
  .placar-top img{width:88px}
  .placar-score .lcd{font-size:34px}
  .placar-board{padding:12px}
  .placar-board .lcd{font-size:28px;margin:6px 0 4px}
  .hero-lead{font-size:16px}
  .grid4{grid-template-columns:1fr;gap:0}
  .grid4 .rev{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border:0;border-top:1px solid var(--ln);border-radius:0;background:none}
  .grid4 .rev .lcd{font-size:16px;margin:0}
  .grid4 .rev p{display:none}
  .tbl thead{display:none}
  .tbl,.tbl tbody,.tbl tr,.tbl td{display:block;width:100%}
  .tbl tr{border-top:1px solid var(--ln);padding:8px 0}
  .tbl td{border:0;padding:4px 14px;display:flex;justify-content:space-between;gap:12px;white-space:normal}
  .tbl td::before{content:attr(data-th);font:600 11px/1.6 var(--f-b);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
  .tbl td:first-child::before{content:none}
}
@media (min-width:600px) and (max-width:859px){
  .placar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"top top" "board cta"}
  .placar-top{grid-area:top}.placar-board{grid-area:board}
  .placar .btn-lg,.placar .legal{grid-column:2}
  .placar .btn-lg{align-self:end}
}
.stub-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--ln);padding:12px 0;color:var(--tx3);font-size:14px}
@media (max-width:479px){
  .p7-head .btn-ghost{display:none}
  .p7-top{text-align:left}
}
/* критик r2 */
.stub-row span:last-child{white-space:nowrap;flex:none}
@media (min-width:600px) and (max-width:859px){
  .placar .btn-lg{align-self:center}
  .games{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.hero h1 em{color:var(--tx);text-decoration:underline;text-decoration-color:var(--cta-h);text-decoration-thickness:3px;text-underline-offset:6px}
.toc-m{grid-column:1/-1}

/* ── внутренние страницы ── */
.hero-solo{grid-template-areas:"head" "body"}
@media (min-width:860px){.hero-solo{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "body"}}
.ph-box{align-self:start}
.prose a,.sec-lead a{color:var(--teal)}
.bul{margin:0 0 1em;padding-left:20px;color:var(--tx2)} .bul li{margin:4px 0}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:16px}
.steps li>b{font-size:22px;color:var(--sig);position:relative;isolation:isolate;line-height:1.2}
.steps li>b::before{content:attr(data-g);position:absolute;left:0;top:0;opacity:.1;z-index:-1}
.steps h3{font-size:16.5px;margin-bottom:4px}
.steps p{margin:0;color:var(--tx2);font-size:15px}
.shot{margin:16px 0}
.shot img{border-radius:var(--r);border:1px solid var(--ln)}
.shot figcaption{font-size:13px;color:var(--tx3);margin-top:8px}
.fig-narrow{max-width:340px}
.cards{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.card.mini h3{font-size:16.5px;margin:6px 0 6px}
.card.mini p{margin:0;color:var(--tx2);font-size:15px}
.card.mini .lcd{font-size:26px}
@media (min-width:600px){.cards.c2,.cards.c3,.cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:860px){.cards.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
 .facts.f3{grid-template-columns:repeat(3,minmax(0,1fr))}.facts.f4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sec .prose,.sec .tbl-wrap,.sec .cards,.sec .steps,.sec .pc,.sec .facts{margin-bottom:16px}
.bar small.src{font-size:12px;color:var(--tx3)}
.quote blockquote{margin:8px 0 10px;color:var(--tx2);font-size:15px}
.quote blockquote b{color:var(--tx)}
.quote figcaption{font-size:12.5px;color:var(--tx3)}
.stars{color:var(--gold);letter-spacing:2px;font-size:15px}
.offer-k em.off{background:transparent;color:var(--red);border:1px solid var(--red)}
.tbl td b{color:var(--tx)}
@media (min-width:600px){.tbl td{white-space:normal}}
.reg{background:#121815}
.reg h2{font-size:clamp(20px,4.6vw,24px)}
.reg-grid{display:grid;gap:4px;max-width:78ch}
.reg-grid p{color:var(--tx2);font-size:14.5px}
.reg-grid b{color:var(--tx)}
/* часть C: карточки игр — ссылки */
a.game{display:block;text-decoration:none;color:inherit}
a.game .cap{display:block;font-size:13px;color:var(--tx2);margin-top:6px;line-height:1.3}
a.game .cap small{display:block;color:var(--tx3);font-size:11.5px}
a.game img{transition:transform .15s,box-shadow .15s}
a.game:hover img,a.game:focus-visible img{transform:translateY(-2px);box-shadow:0 0 0 2px var(--cta-h)}
a.game:hover .cap{color:var(--tx)}
a.glink{color:inherit;text-decoration:none}
a.glink:hover{color:var(--cta-h)}
a.fig-link{display:block;max-width:340px}

/* ── блоки BLOCKS_AUDIT (03.10.2026) ── */
.mtoc{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:14px 16px;margin:0 0 18px}
.mtoc span{display:block;font:600 11px/1.3 var(--f-b);letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);margin-bottom:6px}
.mtoc ol{margin:0;padding-left:20px;display:grid;gap:4px;color:var(--tx2);font-size:15px}
.plats{display:grid;gap:14px}
.plat-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.plat-h h3{font-size:17px;margin-right:auto}
.plat-h .lcd{font-size:28px}
.plat-h small{color:var(--tx3);font-size:13px;width:100%}
.plat-l{list-style:none;margin:10px 0;padding:0;display:grid;gap:4px;font-size:14px;color:var(--tx2)}
.plat img{border-radius:var(--r);border:1px solid var(--ln);margin-top:8px}
.dist h3{font-size:16px;margin-bottom:10px}
.dist-r{display:grid;grid-template-columns:34px minmax(0,1fr) 52px;gap:10px;align-items:center;font-size:14px;color:var(--tx2);margin:6px 0}
.dist-r i{height:8px;border-radius:4px;background:var(--s3);overflow:hidden}
.dist-r i::after{content:"";display:block;height:100%;width:var(--w);background:var(--gold);border-radius:4px}
.dist-r b{text-align:right;font-weight:600;color:var(--tx);font-variant-numeric:tabular-nums}
.matches{display:grid;gap:12px}
.match-h{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--tx3)}
.teams{display:block;font:700 17px/1.3 var(--f-d);margin:6px 0 2px}
.teams em{font-style:normal;color:var(--tx3);font-weight:500}
.mkt{display:block;color:var(--tx3);font-size:13px;margin-bottom:10px}
.odds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.odd{background:#0E1411;border:1px solid var(--ln);border-radius:var(--r-s);padding:8px;text-align:center}
.odd>span{display:block;font:600 11px/1.3 var(--f-b);color:var(--tx3);margin-bottom:4px}
.odd .lcd{font-size:18px}
.odd s{color:var(--tx3);font-size:12px}
.brow{display:grid;gap:0;background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;margin:14px 0}
.brow img{width:100%;height:auto;aspect-ratio:971/340;object-fit:cover}
.brow-b{padding:14px 16px}
.brow-b h3{font-size:17px;margin-bottom:8px}
.brow-b ul{margin:0 0 10px;padding-left:18px;color:var(--tx2);font-size:15px}
.brow-a{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.brow-a .more{font-size:14px}
@media (min-width:860px){
  .plats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .matches{grid-template-columns:repeat(2,minmax(0,1fr))}
  .brow{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
}
/* строка 18+ перенесена из шапки в подвал (04.10.2026) */
.foot-strip{color:var(--tx2);font-size:13px;line-height:1.5;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid var(--ln)}
.foot-strip b{color:var(--tx);font-weight:700}
.foot-strip i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--red);font:700 9px/1 var(--f-b);font-style:normal;color:var(--tx);margin-right:6px;vertical-align:-5px}

/* классы-модификаторы без собственных правил (гейт 7) */
.facts.f6,.facts.f8{grid-auto-flow:row}
.match{position:relative}
.quotes{align-items:stretch}

/* дизайн-критик r1 (04.10.2026): ближе к 7games.bet.br */
.p7-pill{border:0;border-radius:6px;background:var(--s2);color:var(--tx);font:500 14px/1 var(--f-b);padding:10px 14px}
.p7-pill:hover{background:var(--s3);color:var(--tx)}
.hero h1{font-family:var(--f-b);font-weight:700;letter-spacing:0}
.hero h1 em{color:var(--cta-h);text-decoration:none}
.lcd.is-gold::before{content:"";display:inline-block;width:.62em;height:.62em;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff3a0,#ffd21a 45%,#b98a00);box-shadow:0 0 0 2px rgba(255,223,27,.25);margin-right:.28em;align-self:center}
.hero-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 4px}
.hero-games a.hg{display:block;text-decoration:none;color:var(--tx2);font-size:12px;line-height:1.25;text-align:center}
.hero-games img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;margin-bottom:4px;transition:transform .15s}
.hero-games a.hg:hover img{transform:translateY(-2px);box-shadow:0 0 0 2px var(--cta-h)}
@media (min-width:600px){.hero-games{grid-template-columns:repeat(6,minmax(0,1fr))}}
/* дизайн-критик r2 */
.hero-games a.hg span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:1180px){.side-item.on{box-shadow:none;background:var(--s3)}}
.side-grp div a{color:var(--tx2)}