:root{color-scheme:dark;--bg:#091421;--surface:#101f2e;--line:#293c4a;--text:#eff6f6;--muted:#a1b2bc;--green:#b9f36b;--max:1160px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}.skip{position:absolute;top:-60px;left:12px;padding:12px;background:var(--green);color:#091421;z-index:30}.skip:focus{top:12px}.header{border-bottom:1px solid var(--line);background:#0b1825;position:sticky;top:0;z-index:10}.header-inner{min-height:78px;display:flex;align-items:center;gap:28px}.logo{text-decoration:none;font-size:18px;letter-spacing:-.5px;font-weight:850;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;background:var(--green);color:#081421;width:33px;height:33px;border-radius:9px;margin-right:9px}.accent{color:var(--green)}.nav{display:flex;gap:26px;margin-left:auto}.nav a{text-decoration:none;font-size:13px;color:#b8c8ce}.nav a:hover,.nav a:focus-visible{color:var(--green)}.header-tag{border:1px solid #496048;color:var(--green);padding:9px 12px;border-radius:50px;font-size:9px;letter-spacing:1px;white-space:nowrap}.hero{padding-top:95px;padding-bottom:65px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 45%,#173a35 0%,transparent 43%)}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--green);font-weight:800}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(54px,8vw,104px);letter-spacing:-6px;line-height:1.02;margin:25px 0}.hero h1 em{color:var(--green);font-style:normal}.hero>p{max-width:600px;color:#c1d0d3;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.primary,.secondary,.outline{padding:15px 22px;border-radius:8px;text-decoration:none;font-weight:750;font-size:14px}.primary{background:var(--green);color:#101c18}.primary span{margin-left:12px}.secondary,.outline{border:1px solid #49606a;background:transparent;color:var(--text)}.hero-foot{display:flex;gap:27px;flex-wrap:wrap;color:#8ca3a7;font-size:10px;letter-spacing:1.2px;margin-top:78px}.hero-foot span:before{content:'✓';color:var(--green);margin-right:9px}.section{padding-top:75px;padding-bottom:65px;border-top:1px solid var(--line);scroll-margin-top:80px}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.section h2{font-size:clamp(30px,4vw,43px);letter-spacing:-1.8px;margin:12px 0}.section-head p{color:var(--muted);max-width:670px;line-height:1.6;margin:0}.live-label{font-size:12px;color:var(--green);border:1px solid #36554a;border-radius:30px;padding:10px 14px;max-width:260px;text-align:center}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin-bottom:22px}.controls label{display:flex;flex-direction:column;gap:8px;color:#9bb0b9;font-size:12px}.controls select,.controls input{background:var(--surface);border:1px solid #344956;border-radius:8px;color:var(--text);padding:13px;min-height:48px}.controls select{min-width:205px}.search-label{flex:1}.search-label input{width:100%;min-width:150px}.outline{min-height:48px}.placeholder,.empty{background:var(--surface);border:1px dashed #3c5962;padding:42px 24px;border-radius:12px;color:#b6c8ce;text-align:center;line-height:1.6}.empty strong{display:block;color:#f0f7f6;font-size:18px;margin-bottom:10px}.empty code{font-size:12px}.matches-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.match-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:21px}.match-top{display:flex;justify-content:space-between;gap:10px;color:#a1b5be;font-size:12px}.match-teams{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:23px 0;font-weight:750}.match-teams span{flex:1}.match-teams span:last-child{text-align:right}.match-score{color:var(--green);font-size:18px;white-space:nowrap}.match-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:#9eb3bd}.favorite{border:1px solid #425c65;background:transparent;color:var(--green);padding:7px 10px;border-radius:7px}.favorite[aria-pressed=true]{background:#254437}.footnote{color:#849da6;font-size:12px;margin-top:14px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:var(--surface);font-size:14px}th,td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}th{color:#a7b9c0;font-size:11px;letter-spacing:1px}tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.article-visual{height:185px;padding:22px;display:flex;align-items:flex-end;justify-content:space-between}.article-visual span{align-self:flex-start;font-size:12px}.article-visual strong{font-size:80px;letter-spacing:-7px;line-height:1}.visual-one{background:linear-gradient(130deg,#285d49,#102e3b);color:#c8ff8b}.visual-two{background:linear-gradient(130deg,#374b6b,#19283e);color:#d3e4ff}.visual-three{background:linear-gradient(130deg,#5a4439,#2e282b);color:#f5dbad}.article-body{padding:23px}.article-type{color:var(--green);font-size:10px;letter-spacing:1.4px;font-weight:800}.article h3{font-size:20px;line-height:1.3;margin:14px 0}.article p,.about p{color:#afc0c7;line-height:1.65;font-size:14px}.read{background:none;border:0;color:var(--green);padding:12px 0 0;font-weight:750}.about{display:grid;grid-template-columns:1fr 1fr;gap:40px}.about a{color:var(--green)}.footer{border-top:1px solid var(--line);color:#8fa5af;font-size:12px}.footer-inner{padding-top:30px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#b4d6bb}dialog{background:#102333;color:var(--text);border:1px solid #4c6568;border-radius:16px;width:min(680px,calc(100% - 30px));max-height:85vh;padding:32px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog p{line-height:1.8;color:#c0cfd5}.dialog-top{display:flex;align-items:center;justify-content:space-between}.close{background:transparent;border:1px solid #567079;color:white;border-radius:8px;padding:9px 13px}dialog h2{font-size:32px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:950px){.header-tag{display:none}.nav{gap:15px}.articles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.shell{padding-left:18px;padding-right:18px}.header-inner{min-height:68px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.logo{font-size:15px}.nav{width:100%;margin-left:0;justify-content:space-between;gap:8px}.nav a{font-size:12px}.hero{padding-top:65px;padding-bottom:45px}.hero h1{letter-spacing:-3px}.hero-foot{margin-top:45px;gap:15px}.section{padding-top:50px;padding-bottom:45px}.section-head{display:block}.live-label{margin-top:18px}.controls label,.controls select{width:100%}.controls .outline{width:100%}.matches-grid,.articles,.about{grid-template-columns:1fr}.article-visual{height:155px}.footer-inner{display:block}.footer-inner span{display:block;margin:8px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px}.plan-premium{border-color:#678455;background:linear-gradient(145deg,#1c302b,#101f2e)}.plan-label{font-size:11px;font-weight:800;letter-spacing:1.2px;color:var(--green)}.plan h3{font-size:25px;margin:17px 0 8px}.plan-price{font-size:30px;font-weight:850;color:var(--green);margin:8px 0}.plan>p:not(.plan-price){color:var(--muted);line-height:1.7;min-height:85px}.plan .secondary{display:inline-block}.disabled-action{display:inline-block;padding:15px 22px;border:1px dashed #638070;border-radius:8px;color:#b9c9c1;font-size:14px}@media(max-width:680px){.plans{grid-template-columns:1fr}.plan>p:not(.plan-price){min-height:0}.nav{flex-wrap:wrap;justify-content:center}}

/* Version 1.2: transparent, source-derived overview */
.stats-digest{margin-top:24px;padding:24px;border:1px solid #30475a;border-radius:12px;background:#102333;color:#d8e8f2;line-height:1.7}
.stats-digest strong{color:#b8fa69}.stats-digest p{margin:10px 0}.stats-digest small{color:#9fb6c7}

/* v1.3: компактни инструменти и статистически сравнения */
.match-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:18px 0;color:#b8cbd7;font-size:13px}
.favorite-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.favorite-toggle input{accent-color:#b6f768;width:16px;height:16px}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0}
.compare-card{background:#0c1c2b;border:1px solid #2b4654;border-radius:12px;padding:18px}
.compare-card h3{font-size:16px;line-height:1.45;margin:10px 0 16px;color:#f3f8ff}
.compare-date{font-size:12px;color:#a8bdc9}
.compare-metrics{display:flex;justify-content:space-between;gap:10px;margin-top:8px;color:#b6f768;font-weight:700}
.compare-metrics small{color:#b8cbd7;font-weight:400}