/* 1x2.tv — one small stylesheet, system fonts, no framework. */
:root{--bg:#0b0d10;--bg2:rgba(16,20,26,.86);--card:rgba(20,25,34,.84);--card2:rgba(26,32,41,.92);--line:#242c37;--text:#eef1f4;--muted:#9aa4b0;
--green:#1db954;--green2:#0a7a13;--red:#ff3952;--gold:#f5b301;--blue:#4ea1ff;--bad:#ff6b6b;--ok:#3ddc84;--r:12px;
--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 var(--font)}
body{background:transparent}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
h1{font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.2;margin:.6em 0 .4em;font-weight:800}
.h2{font-size:1.35rem;margin:1.6em 0 .7em;font-weight:750}.h3{font-size:1.08rem;margin:1.2em 0 .5em;font-weight:700}
.h3 a{color:var(--text)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#000;padding:8px;z-index:99}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(11,13,16,.88);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.top-row{display:flex;align-items:center;gap:18px;height:60px}
.logo{font-weight:900;font-size:1.45rem;color:var(--red);letter-spacing:-.5px}.logo span{color:#fff}.logo:hover{text-decoration:none}
.logo-sm{font-size:1.2rem}
.nav{display:flex;gap:16px;flex:1;overflow:hidden}.nav a{color:var(--text);opacity:.85;white-space:nowrap;font-size:.95rem}
.nav a:hover{opacity:1;text-decoration:none}.nav-hot{color:var(--green)!important;font-weight:700;opacity:1!important}
.top-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
details.lang,details.burger{position:relative}
details summary{list-style:none;cursor:pointer}details summary::-webkit-details-marker{display:none}
.lang summary,.burger summary{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.85rem;font-weight:700}
.lang-menu,.burger-menu{position:absolute;right:0;top:40px;background:#141922;border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:2px;min-width:180px;max-height:70vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.lang-menu a,.burger-menu a{color:var(--text);padding:6px 10px;border-radius:6px}.lang-menu a:hover,.burger-menu a:hover{background:var(--card2);text-decoration:none}
.burger{display:none}
@media (max-width:900px){.nav{display:none}.burger{display:block}}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:650;font-size:.95rem;cursor:pointer;font-family:inherit}
.btn:hover{text-decoration:none;border-color:#3a4552}
.btn-green{background:var(--green);border-color:var(--green);color:#04110a}.btn-green:hover{background:#27d160}
.btn-gold{background:var(--gold);border-color:var(--gold);color:#1b1400}.btn-gold:hover{background:#ffc21a}
.btn-ghost{background:transparent}.btn-lg{padding:13px 22px;font-size:1.05rem}.btn-wide{display:flex;width:100%;margin:10px 0 0}
/* hero */
.hero{text-align:center;padding:26px 0 8px}
.hero h1{font-size:clamp(2rem,6vw,3.3rem);margin:.3em 0 .1em;background:linear-gradient(90deg,#fff,#b9f5cf);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{font-size:1.2rem;color:#dfe7e2;margin:.2em 0}.hero-sub2{color:#b8d7c2;margin:.2em 0 1em}
.hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:14px 0}
.hero-links{font-size:.85rem;color:var(--muted)}.hero-links a{color:var(--muted)}
.badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0}.badges img{height:40px;width:auto}
/* panels */
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin:14px 0}
.note{background:var(--card);border-left:3px solid var(--blue);padding:10px 14px;border-radius:8px}
.note-ok{border-color:var(--ok)}.note-bad{border-color:var(--bad)}
.crumbs{font-size:.85rem;color:var(--muted);margin:14px 0 0}.crumbs a{color:var(--muted)}.crumbs span{margin:0 4px}
/* match cards */
.mlist{display:grid;gap:8px}
.mc{background:var(--card);border:1px solid var(--line);border-radius:var(--r);transition:border-color .15s}
.mc:hover{border-color:#34404d}
.mc-link{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 14px;color:var(--text)}
.mc-link:hover{text-decoration:none}
.mc-team{display:flex;align-items:center;gap:8px;min-width:0}.mc-home{justify-content:flex-end;text-align:right}
.mc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.mc-mid{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:74px}
.mc-score{font-weight:800;font-size:1.15rem;background:var(--bg2);border-radius:8px;padding:2px 10px}
.mc-time{font-weight:700;color:var(--green)}.mc-vs{color:var(--muted);font-size:.85rem}
.mc-meta{font-size:.8rem;color:var(--muted);padding:0 14px 10px;text-align:center}.mc-meta a{color:var(--muted)}
.tb{width:30px;height:30px;border-radius:50%;background:#fff;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none}
.tb img{width:24px;height:24px;object-fit:contain}.tb-empty{background:var(--card2);color:var(--muted);font-weight:700;font-size:.8rem}
.tb-lg{width:72px;height:72px}.tb-lg img{width:58px;height:58px}
.chip{font-size:.75rem;font-weight:800;border-radius:999px;padding:2px 8px;white-space:nowrap}
.chip-pick{background:rgba(29,185,84,.15);color:var(--green);border:1px solid rgba(29,185,84,.4)}
.chip-lock{background:rgba(245,179,1,.12);color:var(--gold);border:1px solid rgba(245,179,1,.35)}
.chip-hit{background:rgba(61,220,132,.15);color:var(--ok)}.chip-miss{background:rgba(255,107,107,.12);color:var(--bad)}
@media (max-width:560px){.mc-link{gap:6px;padding:10px}.mc-name{font-size:.9rem}.tb{width:24px;height:24px}.tb img{width:19px;height:19px}}
.group{margin-top:10px}
.prow .mc{border-bottom-left-radius:0;border-bottom-right-radius:0}
.prow-detail{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;background:var(--bg2);border:1px solid var(--line);border-top:0;border-radius:0 0 var(--r) var(--r);padding:6px 10px;font-size:.85rem;color:var(--muted)}
.prow-detail b{color:var(--text)}.lock{text-decoration:none}
/* match page */
.matchhead{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;text-align:center}
.mh-team{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:1.1rem}
.mh-score{font-size:2.2rem;font-weight:900}.mh-time{font-size:1.8rem;font-weight:800;color:var(--green)}
.mh-chips{grid-column:1/-1;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.tag{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:.8rem;color:var(--text);background:var(--bg2)}
.tag-green{border-color:rgba(29,185,84,.5);color:var(--green)}
.chips,.tags{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.pred-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media (max-width:560px){.pred-grid{grid-template-columns:1fr}}
.pred-cell{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;position:relative}
.pred-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pred-value{font-size:1.7rem;font-weight:900;margin-top:4px}.pred-hint{font-size:.75rem;color:var(--muted)}
.locked .pred-value .blur{filter:blur(7px);user-select:none}
.locked::after{content:"🔒";position:absolute;top:8px;right:10px;font-size:.9rem}
.pred-result{margin:12px 0 0;font-weight:600}.pred-result.ok{color:var(--ok)}.pred-result.bad{color:var(--bad)}
.unlock{margin:14px 0;background:linear-gradient(135deg,rgba(245,179,1,.14),rgba(29,185,84,.10));border:1px solid rgba(245,179,1,.35);border-radius:var(--r);padding:14px;text-align:center}
.unlock p{margin:0 0 10px}.unlock-top{margin-top:4px}
/* accuracy */
.acc{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin:16px 0}
.acc-num{font-size:2.4rem;font-weight:900;color:var(--green);grid-row:span 2}.acc-sub{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
/* grids */
.grid-champs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.champ{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--text)}
.champ img,.champ-i{grid-row:span 2}.champ-n{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.champ-c{font-size:.8rem;color:var(--muted)}
.champ:hover{text-decoration:none;border-color:#34404d}
.grid-news{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px}
.news{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text)}
.news:hover{text-decoration:none;border-color:#34404d}.news-src{font-size:.78rem;color:var(--muted)}.news-t{font-weight:600}
.grid-blog{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bcard img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.bcard-b{padding:12px 14px}.bcard .h3{margin:.3em 0}
.grid-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.vcard-t{display:block;color:var(--text);font-weight:600;margin-top:6px}
.grid-teams{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}
.teamcard{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);font-size:.92rem}
.links3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px}
.grid-aff{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.aff{display:flex;flex-direction:column;gap:4px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text)}
.aff em{font-size:.75rem;color:var(--muted)}
/* youtube lite embed */
.yt{position:relative;aspect-ratio:16/9;background:#000;border-radius:var(--r);overflow:hidden}
.yt-play{all:unset;cursor:pointer;display:block;width:100%;height:100%}.yt-play img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt-play::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:#f00;border-radius:12px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.yt-play::before{content:"";position:absolute;left:50%;top:50%;margin:-10px 0 0 -6px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff;z-index:2}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* faq, prose */
.faq details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin:6px 0;padding:10px 14px}
.faq summary{font-weight:650}.faq p{color:#cfd6de;margin:.6em 0 0}
.prose{line-height:1.75}.prose p{color:#d7dde4}.prose h2{font-size:1.3rem;margin:1.4em 0 .5em}.prose h3{font-size:1.1rem}
.prose table{width:100%;border-collapse:collapse;font-size:.92rem}.prose td,.prose th{border:1px solid var(--line);padding:6px 8px}
.prose img{border-radius:10px}.article h1{margin-top:.4em}.hero-img{border-radius:var(--r);margin:12px 0;aspect-ratio:1200/680;object-fit:cover;width:100%}
/* share */
.share{display:flex;gap:6px;justify-content:center;margin:6px 0 10px}
.sh{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--card2);color:var(--text);font-size:.72rem;font-weight:800;border:1px solid var(--line);cursor:pointer;font-family:inherit}
.sh:hover{text-decoration:none;border-color:#3a4552}
/* cta */
.cta{text-align:center;margin:26px 0;padding:22px 16px;border-radius:var(--r);background:linear-gradient(135deg,rgba(10,122,19,.55),rgba(6,74,11,.55));border:1px solid rgba(29,185,84,.35)}
.cta .h2{margin-top:0}
/* paywall */
.paywall{max-width:820px;margin:0 auto;text-align:center}
.benefits{list-style:none;padding:0;display:inline-grid;gap:6px;text-align:left;margin:10px auto 6px}
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:18px 0}
.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 16px;display:flex;flex-direction:column;gap:8px;align-items:center}
.plan-best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.plan-badge{position:absolute;top:-11px;background:var(--gold);color:#1b1400;font-size:.72rem;font-weight:800;padding:2px 10px;border-radius:999px}
.plan-name{font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}
.plan-price{font-size:2rem;font-weight:900}.plan-price small{font-size:.9rem;color:var(--muted);font-weight:600}
.account{max-width:560px;margin:20px auto}.login{display:flex;gap:8px;flex-wrap:wrap}
.login input{flex:1;min-width:220px;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);color:var(--text);font-size:1rem}
.daybar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
.dayform input{padding:8px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text)}
.pager{display:flex;gap:10px;align-items:center;justify-content:center;margin:16px 0}
.ehead{display:flex;align-items:center;gap:14px}
.invite-url code{background:var(--bg2);padding:6px 10px;border-radius:8px}
.links-list{columns:2}
/* footer */
.foot{margin-top:40px;border-top:1px solid var(--line);background:rgba(8,10,12,.6);padding:26px 0 30px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:start}
@media (max-width:800px){.foot-grid{grid-template-columns:1fr}}
.foot-links{display:grid;gap:6px}.foot-links a,.legal a{color:var(--muted)}
.legal{margin-top:18px;text-align:center;color:var(--muted);line-height:1.9;font-size:.85rem}.network{margin-top:6px}
.social a{color:var(--muted)}
/* install popup */
.install{position:fixed;right:16px;bottom:16px;z-index:60;max-width:340px;background:#141922;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.55);text-align:center}
.install-title{font-weight:800;font-size:1.05rem}.install-desc{color:var(--muted);font-size:.9rem;margin:4px 0 8px}
.install-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--muted);font-size:1.4rem;cursor:pointer}
.install-no{background:none;border:0;color:var(--muted);font-size:.8rem;cursor:pointer;margin-top:4px;text-decoration:underline}
@media (max-width:560px){.install{left:10px;right:10px;bottom:10px;max-width:none}}
[dir=rtl] .mc-home{justify-content:flex-start;text-align:left}

/* switchable background photo (the old sites' signature) + particle network; content sits on translucent panels */
html{background:#05080c}
.bg{position:fixed;inset:0;z-index:-1;background:#05080c center/cover no-repeat;transition:background-image .6s ease}
.bg-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,12,.5) 0,rgba(5,8,12,.7) 42%,rgba(5,8,12,.86) 100%)}
.bg-net{position:absolute;inset:0;width:100%;height:100%;display:block}
.bg-next{position:fixed;left:12px;bottom:12px;z-index:45;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;
border:1px solid rgba(255,255,255,.2);background:rgba(10,14,20,.55);color:#fff;cursor:pointer;opacity:.6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.bg-next:hover,.bg-next:focus-visible{opacity:1}
@media print{.bg,.bg-next{display:none}}