/* Дополнительные стили для внутренних статей. Подключаются после style.css */
body{background:#1B1D21;color:#fff;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.site{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(120% 60% at 50% 0%,rgba(255,184,0,.10) 0%,rgba(27,29,33,0) 60%),#1B1D21}
.site-header{position:sticky;top:0;z-index:20;background:rgba(17,18,20,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.08)}
.site-header__in{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.site-logo{font-weight:800;font-size:18px;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 55%,#E09B00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}
.site-nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-left:auto}
.site-nav a{color:hsla(0,0%,100%,.78);text-decoration:none;font-size:14px;font-weight:600}
.site-nav a:hover,.site-nav a[aria-current="page"]{color:#FFB800}
.x-wrap{max-width:1200px;margin:0 auto;padding:0 20px;width:100%;box-sizing:border-box}
.x-hero{padding:40px 0 24px;text-align:left}
.x-crumbs{font-size:13px;color:hsla(0,0%,100%,.55);margin-bottom:18px;display:flex;flex-wrap:wrap;gap:6px}
.x-crumbs a{color:hsla(0,0%,100%,.7);text-decoration:none}
.x-crumbs a:hover{color:#FFB800}
.x-crumbs span[aria-hidden]{opacity:.5}
.x-h1{font-weight:800;font-size:clamp(26px,4vw,44px);line-height:1.15;margin:0 0 20px;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 60%,#E09B00 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;max-width:900px}
.x-lead{font-size:clamp(16px,1.6vw,19px);line-height:1.65;color:hsla(0,0%,100%,.86);max-width:900px;padding:18px 22px;border-left:4px solid #FFB800;background:hsla(0,0%,100%,.05);border-radius:0 14px 14px 0;margin:0}
.x-meta{margin-top:14px;font-size:13px;color:hsla(0,0%,100%,.5)}
.x-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding:16px 0 48px}
.x-toc{position:sticky;top:76px;align-self:start;padding:20px;border-radius:16px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}
.x-toc__t{font-size:13px;font-weight:800;text-transform:uppercase;color:#FFB800;margin:0 0 12px;letter-spacing:.04em}
.x-toc ol{margin:0;padding-left:18px}
.x-toc li{font-size:14px;line-height:1.5;margin-bottom:8px;color:hsla(0,0%,100%,.6)}
.x-toc a{color:hsla(0,0%,100%,.8);text-decoration:none}
.x-toc a:hover{color:#FFB800}
.x-article{min-width:0}
.x-article h2{font-size:clamp(21px,2.4vw,28px);line-height:1.25;font-weight:800;color:#FFB800;margin:40px 0 16px;scroll-margin-top:80px}
.x-article h2:first-child{margin-top:8px}
.x-article p,.x-article li{font-size:clamp(15px,1.4vw,17px);line-height:1.75;color:hsla(0,0%,100%,.82)}
.x-article p{margin:0 0 16px}
.x-article a{color:#FFC93D;text-decoration:underline;text-decoration-color:rgba(255,184,0,.4);text-underline-offset:3px}
.x-article a:hover{text-decoration-color:#FFB800}
.x-article .x-list{margin:0 0 18px}
.x-article .x-list li{font-size:clamp(15px,1.4vw,17px);margin-bottom:10px;padding-left:28px}
.x-article .x-list li::before{width:12px;height:12px;top:.55em}
.x-ol{margin:0 0 18px;padding-left:0;list-style:none;counter-reset:step}
.x-ol li{position:relative;padding-left:44px;margin-bottom:12px;counter-increment:step}
.x-ol li::before{content:counter(step);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#FFF0C2,#E09B00);color:#111214;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center}
.x-formula{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(14px,1.3vw,16px)!important;background:rgba(255,184,0,.08);border:1px solid rgba(255,184,0,.3);border-radius:12px;padding:14px 18px;color:#FFE7A3!important}
.x-table-wrap{overflow-x:auto;margin:0 0 20px;border-radius:14px;border:1px solid hsla(0,0%,100%,.12);-webkit-overflow-scrolling:touch}
.x-table{width:100%;border-collapse:collapse;font-size:clamp(14px,1.3vw,16px);min-width:480px}
.x-table th,.x-table td{padding:12px 14px;text-align:left;border-bottom:1px solid hsla(0,0%,100%,.08);line-height:1.45;color:hsla(0,0%,100%,.85);vertical-align:top}
.x-table th{background:rgba(255,184,0,.12);color:#FFD466;font-weight:700;white-space:nowrap}
.x-table tr:last-child td{border-bottom:0}
.x-table tbody tr:nth-child(even) td{background:hsla(0,0%,100%,.025)}
.x-sec--inner{padding-top:8px}
.x-sec--inner .x-title{font-size:clamp(22px,2.6vw,32px)}
.x-card a.x-card__link{color:inherit;text-decoration:none}
.x-card a.x-card__link::after{content:"";position:absolute;inset:0}
.x-card{position:relative}
.x-card__p{font-size:clamp(14px,1.3vw,16px)!important}
.x-card__t{font-size:clamp(15px,1.5vw,18px)!important}
.x-faq summary{font-size:clamp(15px,1.5vw,18px)!important}
.x-faq p{font-size:clamp(14px,1.4vw,16px)!important}
.x-note{font-size:clamp(12px,1.2vw,14px)!important}
.site-footer{margin-top:auto;border-top:1px solid hsla(0,0%,100%,.08);padding:28px 20px;text-align:center}
.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-bottom:12px}
.site-footer a{color:hsla(0,0%,100%,.65);font-size:14px;text-decoration:none}
.site-footer a:hover{color:#FFB800}
.site-footer p{font-size:13px;color:hsla(0,0%,100%,.45);margin:0}
/* Симулятор */
.sim{margin:8px 0 28px;padding:22px;border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid rgba(255,184,0,.35)}
.sim__top{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-bottom:18px}
.sim__ball{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;border:4px solid #FFB800;background:#0f7a3a;color:#fff;flex-shrink:0;transition:transform .4s}
.sim__ball.red{background:#c0262d}.sim__ball.black{background:#111}.sim__ball.green{background:#0f7a3a}
.sim__ball.spin{transform:rotate(360deg)}
.sim__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;flex:1;min-width:240px}
.sim__stat{background:rgba(0,0,0,.25);border-radius:12px;padding:10px 12px}
.sim__stat b{display:block;font-size:18px;color:#FFD466}
.sim__stat span{font-size:12px;color:hsla(0,0%,100%,.6)}
.sim__ctrl{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.sim__ctrl label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:hsla(0,0%,100%,.7)}
.sim__ctrl select,.sim__ctrl input{background:#111214;color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:10px;padding:10px 12px;font-size:15px;min-width:120px}
.sim__btn{cursor:pointer;border:0;border-radius:999px;padding:12px 22px;font-weight:800;font-size:14px;text-transform:uppercase;color:#111214;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 45%,#E09B00 100%)}
.sim__btn--ghost{background:transparent;color:#FFB800;border:1px solid #FFB800}
.sim__log{margin-top:14px;font-size:14px;color:hsla(0,0%,100%,.75);min-height:20px}
.sim__hist{display:flex;flex-wrap:wrap;gap:4px;margin-top:10px}
.sim__hist i{font-style:normal;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.sim__hist i.red{background:#c0262d}.sim__hist i.black{background:#2a2a2a}.sim__hist i.green{background:#0f7a3a}
.sim__note{font-size:12px;color:hsla(0,0%,100%,.5);margin-top:12px}
@media(max-width:960px){.x-layout{grid-template-columns:1fr}.x-toc{position:static;order:-1}.site-nav{margin-left:0}}
@media(max-width:600px){.x-hero{padding-top:24px}.site-nav a{font-size:13px}.sim__ball{width:76px;height:76px;font-size:28px}}
@media(max-width:600px){.site-header__in{padding:10px 16px;gap:8px}.site-nav{flex-wrap:nowrap;overflow-x:auto;width:100%;gap:16px;padding-bottom:4px;scrollbar-width:none}.site-nav::-webkit-scrollbar{display:none}.site-nav a{white-space:nowrap}}
.x-fig{margin:8px 0 24px;border-radius:16px;overflow:hidden;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.04)}
.x-fig img{width:100%;height:auto;display:block}
.x-fig figcaption{font-size:13px;color:hsla(0,0%,100%,.6);padding:10px 14px}
.x-hero-bg{position:relative;background:url("main-bg.webp") top center/1920px auto no-repeat;overflow:hidden}
.x-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,29,33,.55) 0%,rgba(27,29,33,.85) 70%,#1B1D21 100%);pointer-events:none}
.x-hero{position:relative;z-index:1}
.x-hero__deco{position:absolute;right:-60px;top:20px;width:340px!important;height:auto;opacity:.9;pointer-events:none;z-index:-1}
.x-meta a{color:hsla(0,0%,100%,.7);text-decoration:underline}
.site-logo small{display:block;font-size:10px;letter-spacing:.12em;-webkit-text-fill-color:hsla(0,0%,100%,.55);font-weight:600}
.x-layout--full{grid-template-columns:1fr}
.x-note a{color:#FFB800}
@media(max-width:1100px){.x-hero__deco{width:240px!important;right:-40px;opacity:.35}}
@media(max-width:600px){.x-hero-bg{background-image:url("main-bg-mobile.webp");background-size:600px auto}.x-hero__deco{width:180px!important;right:-50px;top:0;opacity:.25}}
.x-fig--photo{margin:6px 0 28px;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.x-fig--photo img{aspect-ratio:16/9;object-fit:cover;background:#25282e}
/* бренд и партнёрские кнопки */
.site-logo--brand{display:flex;align-items:center}
.site-logo--brand img{width:150px!important;height:auto;display:block;filter:drop-shadow(0 0 10px rgba(255,184,0,.25))}
.go-hero{display:flex;flex-direction:column;align-items:flex-start;margin:22px 0 4px}
.go-btn{position:relative;display:flex;align-items:center;justify-content:center;width:340px;max-width:100%;height:116px;background:url("btn.svg") 50% 50%/100% 100% no-repeat;animation:parallax 2.4s infinite;transition:filter .3s ease}
.go-btn::before{content:"";position:absolute;inset:0;background:url("btn-hover.svg") 50% 50%/100% 100% no-repeat;opacity:0;transition:opacity .3s ease}
.go-btn:hover::before{opacity:1}
.go-btn span{position:relative;z-index:1;color:#333;font-size:22px;font-weight:800;text-transform:uppercase;text-align:center;line-height:1.1;padding:0 64px}
@media(hover:hover){.go-btn:hover{filter:drop-shadow(0 0 18px #FFB800)}}
.go-note{font-size:12px;color:hsla(0,0%,100%,.55);margin:4px 0 0}
.go-note a{color:#FFB800;text-decoration:underline}
.go-hero .go-note{padding-left:62px}
.go-banner{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:20px 32px;padding:28px 32px;border-radius:20px;border:1px solid rgba(255,184,0,.35);background:radial-gradient(120% 140% at 0% 0%,rgba(122,31,92,.55) 0%,rgba(27,29,33,.95) 60%),#1B1D21;box-shadow:0 0 40px rgba(255,184,0,.12)}
.go-banner__logo img{width:220px!important;height:auto}
.go-banner__t{font-size:18px;font-weight:700;line-height:1.4;color:#fff;margin:0}
.go-pill{display:inline-block;padding:18px 42px;border-radius:999px;font-size:17px;font-weight:800;text-transform:uppercase;color:#111214;white-space:nowrap;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 45%,#E09B00 100%);box-shadow:0 0 28px rgba(255,184,0,.55);transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.go-pill:hover{transform:translateY(-2px);box-shadow:0 0 40px rgba(255,184,0,.8)}}
.go-banner .go-note{grid-column:1/-1;margin:0}
@media(max-width:900px){.go-banner{grid-template-columns:1fr;text-align:center;justify-items:center;padding:24px 18px}.go-banner__logo img{width:190px!important}.go-pill{width:100%;text-align:center}}
@media(max-width:600px){.site-logo--brand img{width:118px!important}.go-hero{align-items:center}.go-hero .go-note{padding-left:0}.go-btn{width:300px;height:102px}.go-btn span{font-size:19px;padding:0 56px}}
/* ===== мобильная шапка, бургер, нижняя навигация ===== */
.site,.x-hero-bg{overflow-x:clip}
.site-nav__extra{display:none}
.m-play,.burger{display:none}
.bnav{display:none}
.x-article,.x-layout>*,.go-banner>*{min-width:0}
.x-article p,.x-article li,.x-lead,.x-h1,.x-crumbs{overflow-wrap:anywhere}
.x-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.x-formula{max-width:100%;overflow-x:auto}
@media(max-width:900px){
 .site-header__in{flex-wrap:nowrap;gap:10px;padding:10px 14px;min-height:58px}
 .site-logo--brand{margin-right:auto}
 .site-logo--brand img{width:124px!important}
 .m-play{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:800;text-transform:uppercase;color:#111214;white-space:nowrap;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 45%,#E09B00 100%);box-shadow:0 0 16px rgba(255,184,0,.45)}
 .burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;border:1px solid hsla(0,0%,100%,.14);border-radius:12px;background:hsla(0,0%,100%,.06);cursor:pointer;flex:0 0 auto}
 .burger span{display:block;height:2px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .2s ease}
 .nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .nav-open .burger span:nth-child(2){opacity:0}
 .nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .site-nav{position:fixed;left:0;right:0;top:58px;bottom:0;z-index:40;display:flex;flex-direction:column;flex-wrap:nowrap;gap:0;margin:0;padding:8px 18px calc(96px + env(safe-area-inset-bottom));overflow-y:auto;overflow-x:hidden;width:auto;background:linear-gradient(180deg,#24142e 0%,#1B1D21 100%);transform:translateX(100%);visibility:hidden;transition:transform .28s ease,visibility .28s}
 .nav-open .site-nav{transform:none;visibility:visible}
 .nav-open body{overflow:hidden}
 .site-nav a{display:block;padding:15px 4px;font-size:17px;font-weight:700;white-space:normal;border-bottom:1px solid hsla(0,0%,100%,.08)}
 .site-nav__extra{display:block;margin-top:10px}
 .site-nav__extra a{font-size:15px;font-weight:600;color:hsla(0,0%,100%,.65)}
 .bnav{display:grid;grid-template-columns:repeat(5,1fr);align-items:end;position:fixed;left:0;right:0;bottom:0;z-index:45;height:calc(64px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:linear-gradient(180deg,#3a1d47 0%,#24142e 100%);border-top:1px solid rgba(255,184,0,.25);box-shadow:0 -6px 24px rgba(0,0,0,.45)}
 .bnav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:64px;color:hsla(0,0%,100%,.62);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;min-width:0}
 .bnav a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .bnav a[aria-current="page"]{color:#FFB800}
 .bnav .bnav__c{position:relative;justify-content:flex-end;padding-bottom:9px;color:#FFB800}
 .bnav__c-ico{position:absolute;top:-22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;color:#111214;background:linear-gradient(180deg,#FFF0C2 0%,#FFB800 50%,#E09B00 100%);box-shadow:0 0 0 5px #2c1838,0 0 22px rgba(255,184,0,.6)}
 .bnav__c-ico svg{width:28px;height:28px}
 .bnav__c b{font-size:11px;font-weight:800;text-transform:uppercase}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 .go-banner{grid-template-columns:minmax(0,1fr)}
 .go-pill{white-space:normal;width:100%;max-width:100%;padding:16px 18px;line-height:1.2}
}
@media(max-width:380px){.site-logo--brand img{width:104px!important}.m-play{padding:0 12px;font-size:13px}.go-btn{width:270px;height:92px}.go-btn span{font-size:17px;padding:0 50px}}
@media(max-width:900px){.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:#141518}}
@media(max-width:600px){.x-table th,.x-table td{padding:10px 8px;font-size:14px}}
/* ===== Инфографика ===== */
.ig{margin:28px 0 32px;border:1px solid rgba(225,171,57,.45);border-radius:18px;background:radial-gradient(120% 90% at 0 0,#1d3a26 0,#13241a 45%,#15161a 100%);box-shadow:0 18px 40px rgba(0,0,0,.35);overflow:hidden;min-width:0}
.ig-head{padding:18px 22px 12px;border-bottom:1px solid rgba(225,171,57,.25);background:linear-gradient(90deg,rgba(225,171,57,.14),transparent)}
.ig-head span{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#15161a;background:#FFB800;border-radius:6px;padding:3px 8px;font-weight:800}
.ig-head h3{margin:8px 0 0;font-size:clamp(18px,2.2vw,24px);line-height:1.25;color:#FFE08A}
.ig-body{padding:18px 22px;display:grid;gap:18px;min-width:0}
.ig figcaption{padding:10px 22px 16px;font-size:13px;color:#b9bcc4;border-top:1px dashed rgba(255,255,255,.12)}
.ig-note{margin:6px 0 0;font-size:13px;color:#b9bcc4}
.ig-split{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:22px;align-items:center}
.ig-split>div{min-width:0;display:grid;gap:14px}
.ig-wheel{width:100%;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}
.ig-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.ig-tile{background:rgba(0,0,0,.35);border:1px solid rgba(225,171,57,.3);border-radius:12px;padding:12px 14px;min-width:0}
.ig-tile b{display:block;font-size:clamp(18px,2.4vw,24px);color:#FFB800;line-height:1.15;overflow-wrap:anywhere}
.ig-tile span{display:block;font-size:13px;color:#d7d9de;margin-top:4px}
.ig-bars{display:grid;gap:9px}
.ig-bar{display:grid;grid-template-columns:minmax(0,210px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px}
.ig-bar__l{color:#e9eaee}
.ig-bar__t{height:14px;border-radius:7px;background:rgba(255,255,255,.08);overflow:hidden}
.ig-bar__t i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#E1AB39,#FFB800)}
.ig-bar.ok .ig-bar__t i{background:linear-gradient(90deg,#0f8a3e,#33c26b)}
.ig-bar.warn .ig-bar__t i{background:linear-gradient(90deg,#c27a00,#FFB800)}
.ig-bar.bad .ig-bar__t i{background:linear-gradient(90deg,#8e1a20,#e0353d)}
.ig-bar b{color:#fff;white-space:nowrap;font-size:14px}
.ig-cards{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.ig-cards.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ig-card{position:relative;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;min-width:0}
.ig-card em{float:right;font-style:normal;font-weight:800;font-size:12px;color:#15161a;background:#FFB800;border-radius:999px;padding:2px 8px;margin-left:6px}
.ig-card b{display:block;color:#FFE08A;font-size:15px;margin-bottom:4px}
.ig-card p{margin:0;font-size:13.5px;color:#d7d9de;line-height:1.45}
.ig-card.myth{border-color:rgba(224,53,61,.5)}.ig-card.myth em{background:#e0353d;color:#fff}
.ig-card.fact{border-color:rgba(51,194,107,.6)}.ig-card.fact em{background:#33c26b;color:#08200f}
.ig-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;counter-reset:s}
.ig-steps li{counter-increment:s;position:relative;background:rgba(0,0,0,.35);border:1px solid rgba(225,171,57,.3);border-radius:12px;padding:40px 12px 12px;min-width:0}
.ig-steps li::before{content:counter(s);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:#FFB800;color:#15161a;font-weight:800;font-size:13px;display:grid;place-items:center}
.ig-steps b{display:block;color:#FFE08A;font-size:14.5px}
.ig-steps span{display:block;font-size:13px;color:#d7d9de;margin-top:3px}
.ig-vs{border-radius:12px;overflow:hidden;border:1px solid rgba(225,171,57,.3)}
.vs-h,.vs-r{display:grid;grid-template-columns:1fr minmax(0,1.1fr) 1fr;align-items:center;text-align:center}
.vs-h{background:linear-gradient(90deg,#0f6b33,#3a1d47 50%,#8e1a20)}
.vs-h b{padding:12px 6px;color:#fff;font-size:15px}.vs-h i{font-style:normal;font-weight:900;color:#FFB800;font-size:18px}
.vs-r{border-top:1px solid rgba(255,255,255,.08);font-size:14px}
.vs-r span{padding:9px 6px;color:#fff;font-weight:700;overflow-wrap:anywhere}
.vs-r em{font-style:normal;color:#b9bcc4;font-size:12.5px;padding:9px 4px}
.vs-r:nth-child(odd){background:rgba(0,0,0,.25)}
.ig-chips{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.ig-chip{text-align:center}.ig-chip small{display:block;font-size:12px;color:#b9bcc4;margin-top:4px}
.chip{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;font-size:15px;border:5px dashed rgba(255,255,255,.85);box-shadow:0 0 0 3px rgba(0,0,0,.4),0 6px 12px rgba(0,0,0,.4)}
.chip.c1{background:#f2f2f2;color:#15161a;border-color:#3a6fd8}.chip.c2{background:#C0262D}.chip.c3{background:#0f8a3e}.chip.c4{background:#15161a}.chip.c5{background:#6b2fa3}
.ig-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.ig-legend li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:14px;color:#e9eaee;background:rgba(0,0,0,.28);border-radius:10px;padding:7px 10px}
.ig-legend b{color:#FFB800;white-space:nowrap;font-size:13.5px}
.lg{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:12px;background:#FFB800;color:#15161a}
.lg.c{background:#3fb3ff}.lg.p{background:#ff5fa2}
.ig-formula{background:rgba(0,0,0,.4);border:1px dashed #E1AB39;border-radius:12px;padding:14px;text-align:center;font-size:clamp(15px,2vw,19px);color:#fff}
.ig-formula b{color:#FFB800}
.ig-time{list-style:none;margin:0;padding:0 0 0 18px;border-left:3px solid #E1AB39;display:grid;gap:12px}
.ig-time li{position:relative;font-size:14px;color:#e9eaee}
.ig-time li::before{content:"";position:absolute;left:-26px;top:3px;width:13px;height:13px;border-radius:50%;background:#FFB800;box-shadow:0 0 0 4px rgba(255,184,0,.2)}
.ig-time b{display:block;color:#FFB800}
.ig-seq{display:grid;gap:10px}
.ig-seq>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr) auto;gap:10px;align-items:center;background:rgba(0,0,0,.28);border-radius:10px;padding:8px 10px}
.ig-seq b{color:#FFE08A;font-size:14px}.ig-seq em{font-style:normal;font-size:12.5px;color:#ffb3b6}
.ig-seq span{display:flex;gap:5px;flex-wrap:wrap}
.ig-seq i{font-style:normal;min-width:30px;height:30px;padding:0 4px;border-radius:50%;background:#C0262D;color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;border:2px dashed rgba(255,255,255,.6)}
.ig-combos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ig-combo{background:rgba(0,0,0,.3);border-radius:12px;padding:12px;text-align:center;min-width:0}
.ig-combo b{display:block;color:#FFE08A;margin-top:8px;font-size:15px}.ig-combo span{font-size:12.5px;color:#d7d9de}
.ig-mf{display:inline-grid;gap:3px;background:#0d5a2c;padding:5px;border-radius:6px;border:1px solid #E1AB39}
.ig-mf>div{display:flex;gap:3px}
.mf{width:30px;height:28px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;border-radius:3px;opacity:.55}
.mf.r{background:#C0262D}.mf.b{background:#15161a}.mf.g{background:#0f8a3e}
.mf.on{opacity:1;box-shadow:0 0 0 2px #FFB800,0 0 12px rgba(255,184,0,.6)}
/* поле ставок */
.f-wrap{min-width:0}
.f-grid{display:grid;grid-template-columns:44px repeat(12,minmax(0,1fr)) 46px;grid-template-rows:repeat(3,40px) 38px 38px;gap:3px;background:#0d5a2c;padding:8px;border-radius:12px;border:2px solid #E1AB39;box-shadow:inset 0 0 30px rgba(0,0,0,.45)}
.f-c,.f-zw{grid-area:var(--d)}
.f-c{position:relative;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;border-radius:4px;border:1px solid rgba(255,255,255,.35);min-width:0;transition:none}
.f-c.r{background:#C0262D}.f-c.b{background:#15161a}.f-c.g{background:#0f8a3e}.f-c.o{background:transparent;font-size:12.5px;letter-spacing:.02em}
.f-zz{display:flex;flex-direction:column;gap:3px;height:100%}.f-zz .f-c{flex:1}
.f-dia{width:26px;height:16px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.f-dia.r{background:#C0262D}.f-dia.b{background:#15161a;outline:1px solid #fff}
.f-c.h1,.f-c.h2,.f-c.h3,.f-c.h4,.f-c.h5,.f-c.h6{box-shadow:0 0 0 2px #FFB800,0 0 14px rgba(255,184,0,.55);z-index:1}
.f-c.h2{box-shadow:0 0 0 2px #3fb3ff,0 0 14px rgba(63,179,255,.55)}
.f-c.h3{box-shadow:0 0 0 2px #ff5fa2,0 0 14px rgba(255,95,162,.55)}
.f-c.h4{box-shadow:0 0 0 2px #33c26b,0 0 14px rgba(51,194,107,.55)}
.f-c.h5{box-shadow:0 0 0 2px #b78cff,0 0 14px rgba(183,140,255,.55)}
.f-c.h6{box-shadow:0 0 0 2px #fff,0 0 14px rgba(255,255,255,.5)}
.f-c.o.h2,.f-c.o.h3,.f-c.o.h4,.f-c.o.h5,.f-c.o.h6,.f-c.o.h1{background:rgba(255,255,255,.08)}
.ig-badge{position:absolute;top:-9px;right:-7px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#FFB800;color:#15161a;font-style:normal;font-size:11px;font-weight:900;display:grid;place-items:center;box-shadow:0 2px 6px rgba(0,0,0,.5);z-index:2}
.f-zones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.zl{font-size:12.5px;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.15);color:#e9eaee}
.zl-in{border-color:#FFB800}.zl-out{border-color:#33c26b}
@media(max-width:900px){.ig-cards.c4{grid-template-columns:repeat(2,minmax(0,1fr))}.ig-split{grid-template-columns:1fr}.ig-split .ig-wheel{max-width:280px!important}}
@media(max-width:640px){
 .ig{border-radius:14px;margin:22px 0}
 .ig-head{padding:14px 14px 10px}.ig-body{padding:14px;gap:14px}.ig figcaption{padding:10px 14px 14px}
 .ig-cards,.ig-cards.c4{grid-template-columns:1fr}
 .ig-combos{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ig-bar{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.ig-bar__l{grid-column:1/-1;font-size:13px}
 .ig-seq>div{grid-template-columns:1fr auto}.ig-seq span{grid-column:1/-1;order:3}
 .ig-steps{grid-template-columns:1fr 1fr}
 .vs-r{font-size:13px}.vs-h b{font-size:13.5px}
 .f-grid{grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) repeat(3,minmax(0,1fr));grid-template-rows:34px repeat(12,30px) 32px;max-width:340px;margin:0 auto;padding:6px}
 .f-c,.f-zw{grid-area:var(--m)}
 .f-c{font-size:13px}.f-c.o{font-size:11px;writing-mode:vertical-rl;transform:rotate(180deg)}
 .f-c[style*="--m:14/"]{writing-mode:horizontal-tb;transform:none}
 .f-zz{flex-direction:row}
 .f-dia{width:16px;height:24px}
}
@media(max-width:380px){.ig-steps{grid-template-columns:1fr}.mf{width:26px;height:24px;font-size:11px}.ig-combo{padding:8px}}
@media(max-width:640px){.ig-steps,.ig-steps{grid-template-columns:1fr;gap:8px}.ig-steps li{padding:10px 12px 10px 46px}.ig-steps li::before{top:50%;transform:translateY(-50%)}}