:root{--bg:#0c1016;--sidebar:#11161e;--panel:#171d27;--panel2:#1c2531;--outline:#2a3442;--gold:#e9c77d;--gold2:#cda354;--text:#f3f3f1;--muted:#a0acba;--quiet:#778697;--good:#66d7a2;--bad:#fc9f98;--blue:#75b9ff;--shadow:0 12px 45px rgba(0,0,0,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.5}button,select,input{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}a{color:inherit;text-decoration:none}small{font-size:.72rem}.site-layout{display:flex;min-height:100vh}.sidebar{width:260px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--outline);padding:26px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 4px 24px;border-bottom:1px solid var(--outline);margin-bottom:26px}.brand-badge{width:47px;height:47px;flex-shrink:0;border:2px solid var(--gold);color:var(--gold);display:grid;place-items:center;border-radius:13px;font-size:15px;font-weight:950;letter-spacing:-1.2px}.brand-badge span{color:white;margin-left:-5px}.brand b{display:block;font-size:14px;letter-spacing:.7px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--quiet);margin-top:3px}.sidebar-label{font-size:10px;letter-spacing:1.4px;font-weight:800;color:var(--quiet);padding:0 15px;margin-bottom:14px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-list button,.mobile-nav button{color:#aeb9c8;background:transparent;border:0;text-align:left;border-radius:12px;padding:13px 14px;font-weight:650;font-size:13px}.nav-list button:hover,.nav-list .nav-active{color:var(--gold);background:rgba(216,177,93,.12)}.nav-ico{display:inline-flex;width:28px;font-size:22px;vertical-align:middle;line-height:15px}.sidebar-bottom{margin-top:auto;border:1px solid var(--outline);border-radius:12px;padding:13px;font-size:12px;color:#d7e0eb;line-height:1.7}.sidebar-bottom small{color:var(--quiet);display:block;margin-left:14px}.status-dot{display:inline-block;width:7px;height:7px;background:var(--good);border-radius:50%;margin-right:4px;box-shadow:0 0 12px var(--good)}.app-body{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--outline);padding:0 44px;background:rgba(14,18,24,.89)}.topbar-caption{font-size:11px;letter-spacing:1.7px;color:var(--quiet);font-weight:800}.tiny-divider{margin:0 8px;color:var(--gold)}.public-tag{font-size:10px;border:1px solid rgba(102,215,162,.25);background:rgba(102,215,162,.08);color:var(--good);border-radius:20px;padding:7px 12px;font-weight:800;letter-spacing:.7px}.topbar-mobile-brand{display:none}#app{max-width:1340px;margin:auto;padding:34px 44px 52px;min-height:calc(100vh - 145px)}.loading{color:var(--gold);padding:30px}.site-footer{border-top:1px solid var(--outline);font-size:11px;color:var(--quiet);padding:20px 44px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.site-footer span{color:var(--gold)}.mobile-nav{display:none}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:900}.hero{position:relative;border:1px solid #5c4d33;overflow:hidden;background:radial-gradient(circle at 88% 17%,rgba(224,178,81,.20),transparent 30%),linear-gradient(130deg,#25271f,#181d25 67%);border-radius:20px;padding:36px 38px 40px;box-shadow:var(--shadow)}.hero:before{content:"";position:absolute;width:250px;height:250px;right:-65px;top:-110px;border-radius:50%;border:52px solid rgba(218,174,89,.065)}.hero h1{font-weight:950;font-size:clamp(31px,4vw,53px);letter-spacing:-2.2px;line-height:1.1;margin:13px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#bac3cd;font-size:15px;max-width:550px;line-height:1.7;margin:0 0 24px}.hero .hero-actions{display:flex;gap:10px;flex-wrap:wrap}.gold-btn{border:1px solid #d5ad60;background:linear-gradient(120deg,#f5d58d,#c69848);color:#251c0f;font-weight:900;border-radius:10px;padding:11px 17px;display:inline-block}.ghost-btn{border:1px solid #646354;background:rgba(255,255,255,.05);color:#f2e8ce;font-weight:800;border-radius:10px;padding:11px 17px}.header{margin-bottom:24px}.header h1{font-size:clamp(27px,3.3vw,38px);line-height:1.14;margin:7px 0 9px;letter-spacing:-1.25px}.header p{color:var(--muted);max-width:730px;margin:0;font-size:14px;line-height:1.7}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:30px 0 15px}.section-head h2{margin:0;font-size:20px;letter-spacing:-.4px}.section-head small{color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:19px 0}.stat-card{border:1px solid var(--outline);border-radius:15px;background:var(--panel);padding:21px}.stat-card .stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:800}.stat-card strong{display:block;font-size:clamp(24px,2.8vw,35px);line-height:1.3;letter-spacing:-1.5px;margin-top:5px;color:var(--text)}.stat-card small{color:var(--quiet);display:block;margin-top:4px}.panel{border:1px solid var(--outline);background:var(--panel);border-radius:16px;padding:22px}.subhead{font-size:12px;color:var(--muted);font-weight:800;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.season-card{text-align:left;border:1px solid var(--outline);background:var(--panel);color:var(--text);border-radius:15px;padding:18px;min-height:160px;transition:.17s transform,.17s border-color}.season-card:hover{transform:translateY(-2px);border-color:#a58a56}.season-card .season-top{display:flex;justify-content:space-between;gap:8px}.season-card strong{font-size:17px}.season-card small{color:var(--muted);display:block}.season-card .season-year{font-weight:900;color:var(--gold);font-size:12px}.season-card .season-main{margin:14px 0 8px;font-weight:750;font-size:14px}.season-card .season-foot{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px}.badge{font-size:10px;display:inline-block;border-radius:18px;padding:5px 8px;background:#303947;color:#dbe2ec;font-weight:900;white-space:nowrap}.badge.live{color:#9ae9bb;background:rgba(102,215,162,.12)}.badge.warn{color:#f9d19a;background:rgba(239,180,82,.12)}.badge.ok{color:#bcdfce;background:rgba(105,206,156,.12)}.notice{border:1px solid #5f5034;background:rgba(219,171,84,.08);color:#e6d7b9;border-radius:12px;padding:15px 18px;font-size:12px;line-height:1.65;margin:18px 0}.notice strong{color:#f7d590}.filter-bar{background:var(--panel);border:1px solid var(--outline);border-radius:15px;padding:16px;display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;min-width:140px;flex:1}.field.grow{flex:2;min-width:190px}.field label{font-size:10px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.field select,.field input{appearance:none;width:100%;border-radius:9px;border:1px solid #3b4656;background:#10151d;color:var(--text);padding:11px 12px;outline:none;font-size:13px;min-height:42px}.field select{background-image:linear-gradient(45deg,transparent 50%,#acb8c7 50%),linear-gradient(135deg,#acb8c7 50%,transparent 50%);background-position:calc(100% - 19px) 18px,calc(100% - 13px) 18px;background-size:6px 6px;background-repeat:no-repeat;padding-right:32px}.field select:hover,.field input:hover{border-color:var(--gold2)}.split-panels{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.table-wrap{overflow:auto;border:1px solid var(--outline);border-radius:12px;background:var(--panel);width:100%}.rank-table{border-collapse:collapse;min-width:600px;width:100%;font-size:12px}.rank-table th,.rank-table td{padding:11px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid #2a3442}.rank-table th{font-size:10px;color:#8997a7;background:#1c2530;text-transform:uppercase;letter-spacing:.3px}.rank-table tr:last-child td{border-bottom:0}.rank-table tr:first-child td{background:rgba(220,172,81,.075)}.rank-table td:first-child,.rank-table th:first-child{text-align:center;width:52px}.rank-table td:nth-child(2),.rank-table th:nth-child(2){text-align:left}.rank-table .team-btn{border:none;background:transparent;color:#e8eaf0;font-weight:750;text-align:left;font-size:12px;padding:0;max-width:220px;white-space:normal}.rank-table .team-btn:hover{color:var(--gold)}.rank-table .points{font-weight:950;color:var(--gold)}.rank-table .pos{font-weight:900}.rank-table .leader{color:var(--gold)}.match-list{display:flex;flex-direction:column;gap:8px}.match{display:grid;grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);gap:8px;align-items:center;background:#111821;border:1px solid #2a3341;padding:11px 13px;border-radius:10px}.match .team{border:0;color:#e2e8ef;background:transparent;text-align:left;min-width:0;overflow-wrap:anywhere;font-size:12px;font-weight:700;padding:2px}.match .team:hover{color:var(--gold)}.match .team:last-child{text-align:right}.match .score{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#f5e3b0;font-weight:950;font-size:16px;white-space:nowrap}.match .score .pen{font-size:10px;color:var(--muted);font-weight:650}.match .score .phase{font-size:9px;letter-spacing:.5px;color:var(--quiet);font-weight:700;max-width:105px;white-space:normal;text-align:center}.match.estimate{border-style:dashed}.pill{color:var(--gold);font-size:10px;border-radius:20px;border:1px solid #6f5a36;padding:3px 8px;display:inline-block;font-weight:800}.stack{display:flex;flex-direction:column;gap:14px}.bar-row{display:grid;grid-template-columns:1fr 90px;gap:13px;align-items:center;margin:13px 0}.bar-row .bar-name{font-size:12px;font-weight:750;overflow-wrap:anywhere}.bar-row .bar-track{height:7px;border-radius:8px;background:#2a313a;overflow:hidden;margin-top:7px}.bar-row .bar-fill{height:100%;border-radius:8px;background:linear-gradient(90deg,#9f7940,#efd48d)}.bar-row .bar-val{font-weight:900;color:var(--gold);text-align:right}.empty{padding:30px 15px;text-align:center;color:var(--muted);border:1px dashed var(--outline);border-radius:12px}.team-hero{display:flex;gap:15px;align-items:center}.team-shield{width:65px;height:65px;flex-shrink:0;display:grid;place-items:center;border:2px solid var(--gold2);border-radius:18px;background:#242b36;color:var(--gold);font-weight:950;font-size:20px}.team-hero h2{margin:0;font-size:24px;overflow-wrap:anywhere}.team-hero p{margin:4px 0 0;color:var(--muted);font-size:12px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.list-rows{display:flex;flex-direction:column;gap:0}.simple-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 4px;border-bottom:1px solid var(--outline);font-size:13px}.simple-row:last-child{border-bottom:0}.simple-row button{background:none;border:0;color:var(--text);text-align:left;font-weight:700}.simple-row button:hover{color:var(--gold)}.simple-row span:last-child{color:var(--gold);font-weight:900}.duel-score{display:grid;grid-template-columns:1fr 85px 1fr;gap:7px;align-items:center;text-align:center;padding:26px 14px;border-radius:16px;background:linear-gradient(90deg,#171d28,#27231f,#171d28);border:1px solid #594d38}.duel-score .dname{font-size:13px;font-weight:900;overflow-wrap:anywhere}.duel-score .dval{font-size:44px;font-weight:950;color:var(--gold);line-height:1.15}.duel-score .dv{font-weight:900;font-size:16px;color:var(--muted)}.record-card{border:1px solid var(--outline);background:var(--panel);padding:20px;border-radius:15px}.record-card .r-icon{font-size:22px}.record-card h3{font-size:12px;text-transform:uppercase;color:var(--muted);letter-spacing:.7px;margin:10px 0 4px}.record-card strong{font-size:25px;color:var(--gold);letter-spacing:-.5px}.record-card p{margin:7px 0 0;color:#d2dbe6;font-size:12px}.record-card small{display:block;color:var(--quiet);margin-top:8px}.more-btn{background:#242f3d;border:1px solid #455266;color:white;border-radius:10px;padding:12px 17px;margin:14px auto 0;display:block}.more-btn:hover{border-color:var(--gold)}.link-btn{background:transparent;border:0;color:var(--gold);font-weight:800;font-size:12px;padding:4px}.link-btn:hover{text-decoration:underline}.mini-stat{border:1px solid var(--outline);background:#141a23;padding:13px;border-radius:12px}.mini-stat strong{color:var(--gold);font-size:20px}.mini-stat small{color:var(--muted);display:block;font-weight:700}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.muted{color:var(--muted)}.right{text-align:right}.trend{margin-top:14px;padding:9px 12px;border-left:3px solid var(--gold);color:var(--muted);font-size:12px}.champion-label{font-size:11px;color:var(--muted)}.champion-name{font-size:18px;font-weight:900;color:var(--gold);margin-top:6px}.byline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.hr{height:1px;background:var(--outline);margin:17px 0}.footnote{font-size:11px;color:var(--quiet);line-height:1.65;margin:15px 0}.call-to{margin-top:10px;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.sidebar{width:228px}.topbar{padding:0 25px}#app{padding:28px 24px 50px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:10px}.stat-card{padding:15px}.split-panels{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{display:none}.topbar{height:59px;padding:0 17px}.topbar-mobile-brand{display:block;font-size:13px;color:var(--gold);letter-spacing:.4px}.topbar-caption{display:none}.public-tag{font-size:8px;padding:6px 8px}#app{padding:19px 14px 90px;min-height:calc(100vh - 130px)}.site-footer{padding:16px 20px 88px}.mobile-nav{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;bottom:env(safe-area-inset-bottom,0);min-height:67px;padding:6px 3px 5px;background:rgba(18,23,31,.98);border-top:1px solid #36404d;justify-content:space-around;backdrop-filter:blur(14px)}.mobile-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px 3px;min-width:55px;font-size:21px;line-height:1.25}.mobile-nav button small{font-size:9px;letter-spacing:0;color:inherit}.mobile-nav button.nav-active{color:var(--gold)}.hero{padding:24px 20px}.hero h1{letter-spacing:-1.4px}.hero p{font-size:13px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card strong{font-size:27px}.stat-card{padding:15px}.card-grid,.two-columns{grid-template-columns:1fr}.section-head{align-items:flex-start}.panel{padding:14px}.filter-bar{padding:12px}.field{min-width:calc(50% - 8px)}.field.grow{min-width:100%}.match{grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:5px;padding:10px 7px}.match .team{font-size:11px}.match .score{font-size:13px}.match .score .phase{font-size:8px}.duel-score{grid-template-columns:1fr 48px 1fr;padding:17px 7px}.duel-score .dval{font-size:33px}.duel-score .dname{font-size:11px}.mini-grid{gap:5px}.mini-stat{padding:10px}.mini-stat strong{font-size:18px}.team-hero h2{font-size:20px}}
@media(max-width:400px){.stats-grid{gap:8px}.stat-card .stat-label{font-size:10px}.season-card{padding:15px}.filter-bar{gap:9px}.field{min-width:100%}}