:root{--bg:#0b0d10;--bg2:#11151b;--card:#161b22;--card2:#1b2129;--line:#252c36;--ink:#f3efe6;--mut:#8b94a3;--dim:#5c6573;--c1:#ff5e4d;--cx:#ffc24b;--c2:#36c6dd;--glow1:rgba(255,94,77,.16);--glow2:rgba(54,198,221,.14)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:Archivo,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(70rem 40rem at 80% -10%,var(--glow1),transparent 60%),radial-gradient(60rem 40rem at 0% 5%,var(--glow2),transparent 55%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 24px}header.hero{padding:72px 0 36px;text-align:center}.kick{font-family:Archivo Expanded;font-weight:700;letter-spacing:.42em;font-size:.72rem;color:var(--c1);text-transform:uppercase;padding-left:.42em}.title{font-family:Anton;line-height:.86;font-size:clamp(4.5rem,17vw,12rem);letter-spacing:-.01em;margin:.04em 0 .02em;background:linear-gradient(180deg,#fff,#cdd3df 60%,#7d8696);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 70px rgba(255,255,255,.05)}.hosts{font-size:1.5rem;letter-spacing:.3em;margin-top:.2em}.sub{color:var(--mut);margin-top:14px;font-size:1.02rem}.sub b{color:var(--ink);font-weight:600}.stats{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}.stat{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:.82rem;color:var(--mut);display:flex;gap:8px;align-items:center}.stat b{font-family:Archivo Expanded;color:var(--ink);font-weight:800;font-size:1rem}.controls{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);background:#0b0d10c7;border-bottom:1px solid var(--line);margin-top:24px;padding:14px 0}.controls-in{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.legend{display:flex;gap:16px;font-size:.78rem;color:var(--mut)}.legend span{display:flex;gap:7px;align-items:center}.dot{width:11px;height:11px;border-radius:3px;display:inline-block}.d1{background:var(--c1)}.dx{background:var(--cx)}.d2{background:var(--c2)}.filters{display:flex;gap:6px}.filters button{font-family:Archivo;font-weight:600;font-size:.78rem;cursor:pointer;background:var(--card);color:var(--mut);border:1px solid var(--line);padding:8px 15px;border-radius:999px;transition:.18s}.filters button:hover{color:var(--ink);border-color:var(--dim)}.filters button.on{background:var(--ink);color:#0b0d10;border-color:var(--ink)}.topnav{display:flex;gap:18px;justify-content:center;margin-top:22px}.topnav a{color:var(--c2);font-size:.84rem;font-weight:600;text-decoration:none;letter-spacing:.02em;padding:7px 14px;border:1px solid var(--line);border-radius:999px;transition:.18s}.topnav a:hover{border-color:var(--c2);background:#36c6dd12}.scoreboard{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;margin:30px 0 6px}.sb-item{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 22px;min-width:96px}.sb-item b{font-family:Archivo Expanded;font-weight:800;font-size:1.7rem;line-height:1}.sb-item span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}.sb-item.ok b{color:#5fd38a}.sb-item.bad b{color:var(--c1)}.sb-item.dim b{color:var(--dim)}.sb-break{flex-basis:100%;text-align:center;font-size:.78rem;color:var(--dim);margin-top:2px}.flips{margin:34px 0 8px}.flips h3{font-family:Archivo Expanded;font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--c1);margin-bottom:14px;display:flex;gap:10px;align-items:center}.flips h3:after{content:"";flex:1;height:1px;background:var(--line)}.flip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.flip{background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden;cursor:pointer;transition:.2s}.flip:hover{border-color:var(--dim);transform:translateY(-2px)}.flip:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--c1)}.flip .m{font-weight:600;font-size:.96rem}.flip .ch{display:flex;gap:8px;align-items:center;margin-top:8px;font-size:.82rem;color:var(--mut)}.flip .was{text-decoration:line-through;opacity:.6}.flip .now{font-family:Archivo Expanded;font-weight:800;color:var(--ink)}.arr{color:var(--c1)}section.group{margin:46px 0}.ghead{display:flex;align-items:baseline;gap:18px;margin-bottom:18px}.gletter{font-family:Anton;font-size:3.4rem;line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--dim);letter-spacing:-.02em}.gtitle{font-family:Archivo Expanded;font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.84rem;color:var(--mut)}.gteams{margin-left:auto;font-size:.78rem;color:var(--dim);text-align:right}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.match{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 18px 14px;opacity:0;transform:translateY(14px);cursor:pointer;animation:rise .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:var(--d,0ms);transition:border-color .2s,transform .2s,box-shadow .2s}.match:hover{border-color:var(--dim);transform:translateY(-3px);box-shadow:0 18px 40px -22px #000000e6}.match:hover .more{color:var(--c2)}.match.is-correct{border-color:#5fd38a8c;background:linear-gradient(180deg,rgba(95,211,138,.08),var(--card) 60%)}.match.is-correct:hover{border-color:#5fd38ad9}.match.is-wrong{border-color:#ff5e4d8c;background:linear-gradient(180deg,rgba(255,94,77,.08),var(--card) 60%)}.match.is-wrong:hover{border-color:#ff5e4dd9}@keyframes rise{to{opacity:1;transform:none}}.match.hide{display:none}.mtop{display:flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:14px;font-weight:600}.mtop .date{color:var(--mut)}.chips{display:flex;gap:6px;align-items:center;margin-left:auto;flex-shrink:0}.chip{padding:3px 9px;border-radius:999px;border:1px solid var(--line);font-size:.64rem;white-space:nowrap}.chip.host{color:var(--cx);border-color:#ffc24b59;background:#ffc24b12}.chip.ver{color:var(--c2);border-color:#36c6dd59;background:#36c6dd14}.chip.tight{color:var(--c1);border-color:#ff5e4d52;background:#ff5e4d0f}.chip.res{font-family:Archivo Expanded;font-weight:700;letter-spacing:.02em}.chip.res.ok{color:#5fd38a;border-color:#5fd38a66;background:#5fd38a14}.chip.res.bad{color:var(--c1);border-color:#ff5e4d66;background:#ff5e4d14}.row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:12px;padding:5px 0}.row .lbl{display:flex;gap:9px;align-items:center;font-size:.96rem;font-weight:500;white-space:nowrap;overflow:hidden}.row .lbl .fl{font-size:1.05rem}.row .nm{overflow:hidden;text-overflow:ellipsis}.track{height:8px;background:#0c0f14;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.fill{display:block;height:100%;width:0;border-radius:6px;animation:grow .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--d,0ms) + .16s)}@keyframes grow{to{width:var(--w)}}.f1{background:linear-gradient(90deg,#ff7a52,var(--c1))}.fx{background:linear-gradient(90deg,#ffd36b,var(--cx))}.f2{background:linear-gradient(90deg,#5be0f0,var(--c2))}.val{font-family:Archivo Expanded;font-weight:700;font-size:.92rem;min-width:42px;text-align:right;color:var(--mut)}.row.x .lbl{color:var(--mut);font-style:italic;font-weight:400}.row.pick .val{color:var(--ink)}.row.pick .nm{font-weight:700}.mfoot{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.74rem}.tip{font-family:Archivo Expanded;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.tip b{display:inline-grid;place-items:center;width:23px;height:23px;border-radius:7px;margin-left:6px;color:#0b0d10;font-size:.86rem}.tip b.t1{background:var(--c1)}.tip b.tx{background:var(--cx)}.tip b.t2{background:var(--c2)}.more{margin-left:auto;color:var(--dim);font-weight:600;letter-spacing:.04em;transition:.2s}.conf{color:var(--dim);letter-spacing:.16em}.clab{letter-spacing:.06em;margin-right:3px}.conf .lit{color:var(--ink)}.overlay{position:fixed;inset:0;z-index:50;background:#050709bd;backdrop-filter:blur(6px);display:none;align-items:flex-start;justify-content:center;padding:40px 18px;overflow-y:auto}.overlay.open{display:flex;animation:fade .25s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:20px;max-width:680px;width:100%;position:relative;box-shadow:0 40px 90px -30px #000000f2;animation:pop .3s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}.mhead{padding:26px 28px 20px;border-bottom:1px solid var(--line);position:relative}.mhead .meta{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:600;margin-bottom:12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mhead h2{font-family:Archivo Expanded;font-weight:800;font-size:1.5rem;line-height:1.15;letter-spacing:-.01em}.mhead h2 .fl{font-size:1.3rem;margin:0 .15em}.mhead .vs{color:var(--dim);font-weight:400;margin:0 .25em}.close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--mut);cursor:pointer;font-size:1.1rem;display:grid;place-items:center;transition:.18s}.close:hover{color:var(--ink);border-color:var(--dim);transform:rotate(90deg)}.mbars{padding:20px 28px 6px}.msecs{padding:8px 28px 28px}.msec{margin-top:18px}.msec h4{font-family:Archivo Expanded;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:9px;display:flex;gap:9px;align-items:center}.msec h4 .ico{width:7px;height:7px;border-radius:50%}.msec.h2h h4{color:var(--mut)}.msec.h2h .ico{background:var(--mut)}.msec.why h4{color:var(--c1)}.msec.why .ico{background:var(--c1)}.msec.opus h4{color:var(--c2)}.msec.opus .ico{background:var(--c2)}.msec p{font-size:.92rem;line-height:1.62;color:var(--mut)}.msec.opus{background:#36c6dd0d;border:1px solid rgba(54,198,221,.18);border-radius:12px;padding:14px 16px}.msec.opus p{color:#c5d6da}footer{text-align:center;color:var(--dim);font-size:.76rem;padding:40px 0 60px;line-height:1.8}footer b{color:var(--mut)}@media(max-width:560px){.title{font-size:23vw}}.tag{font-size:.74rem;padding:5px 11px;border-radius:8px;background:var(--bg2);border:1px solid var(--line);color:var(--mut)}.msec.gen h4{color:var(--mut)}.msec.gen .ico{background:var(--mut)}.players{display:flex;flex-direction:column;gap:7px}.player{font-size:.9rem;color:var(--mut);padding-left:15px;position:relative;line-height:1.5}.player:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--c2)}.player b{color:var(--ink);font-weight:600}.sw{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sw ul{list-style:none;display:flex;flex-direction:column;gap:6px}.sw li{font-size:.86rem;color:var(--mut);padding-left:16px;position:relative;line-height:1.45}.sw .str li:before{content:"+";position:absolute;left:0;color:#5fd38a;font-weight:700}.sw .wk li:before{content:"\2013";position:absolute;left:0;color:var(--c1);font-weight:700}.nm[data-team]{cursor:pointer;transition:.15s}.nm[data-team]:hover{color:var(--c2);text-decoration:underline;text-underline-offset:3px}.tmatches{display:flex;flex-direction:column;gap:6px}.tmatch{display:flex;gap:12px;align-items:center;font-size:.85rem;color:var(--mut);cursor:pointer;padding:8px 11px;border:1px solid var(--line);border-radius:9px;transition:.15s}.tmatch:hover{border-color:var(--dim);color:var(--ink)}.tmatch .vbar{margin-left:auto;font-family:Archivo Expanded;font-weight:700;font-size:.8rem;color:var(--ink)}@media(max-width:560px){.sw{grid-template-columns:1fr}}.filter-empty{text-align:center;color:var(--dim);font-size:.9rem;padding:50px 0}