:root{--bg:#07111f;--panel:#101e31;--panel2:#14263d;--line:#263c56;--text:#f2f7ff;--muted:#a8b8cc;--green:#79f2a1;--green2:#b5ffd0;--red:#ff657a;--yellow:#ffd166;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% -25%,#193653 0,transparent 48%),var(--bg);color:var(--text);font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--green2);text-decoration:none}a:hover{text-decoration:underline;color:var(--green)}img{max-width:100%;height:auto}.container{width:min(var(--max),calc(100% - 32px));margin:auto}.topbar{border-bottom:1px solid #20334a;background:#08101c}.topbar-inner{display:flex;justify-content:space-between;gap:14px;padding:8px 0;color:var(--muted);font-size:.8rem}.brandrow{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:900;letter-spacing:-.04em;font-size:1.65rem}.brand:hover{text-decoration:none}.logo{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,var(--green),#31b66d);color:#062015;font-weight:1000;font-size:1.05rem;box-shadow:0 8px 28px #54e98b20}.brand small{display:block;font-size:.68rem;letter-spacing:.12em;color:var(--muted);font-weight:700}.nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.nav a{padding:8px 11px;border-radius:9px;color:#dce8f6;font-size:.9rem;font-weight:700}.nav a:hover,.nav a.active{background:#1b3047;color:var(--green)}.hero{position:relative;overflow:hidden;padding:clamp(26px,5vw,58px);border:1px solid var(--line);border-radius:26px;background:radial-gradient(ellipse at 92% 0%,#55e88b22,transparent 38%),linear-gradient(135deg,#142943,#0b1727 72%);margin:24px 0}.eyebrow{font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green);font-weight:900}.hero h1{font-size:clamp(2.1rem,5vw,4.2rem);line-height:1.04;letter-spacing:-.055em;margin:12px 0 16px;max-width:850px}.hero p{max-width:780px;color:var(--muted);font-size:1.08rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:11px 17px;border-radius:11px;background:var(--green);border:1px solid var(--green);color:#062015;font-weight:900}.btn:hover{color:#062015;text-decoration:none;filter:brightness(.95)}.btn.secondary{background:transparent;color:var(--text);border-color:#49617a}.section{padding:20px 0 30px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:17px}.section h2,.content h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.035em;margin:8px 0 12px}.sectionhead p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{border:1px solid var(--line);border-radius:17px;padding:20px;background:linear-gradient(145deg,#14243a,#0d192a);min-width:0}.card h3{margin:0 0 8px;line-height:1.35;font-size:1.12rem}.card p{color:var(--muted);margin:0 0 15px}.cardlink{font-weight:850}.panel{border:1px solid var(--line);border-radius:18px;background:#0d1929;padding:20px;margin:18px 0}.matchlist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.match{border:1px solid var(--line);background:linear-gradient(145deg,#14243a,#0d1929);border-radius:15px;padding:16px}.matchmeta,.matchfoot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;color:var(--muted)}.livepill{border-radius:99px;padding:3px 8px;background:var(--green);color:#052012;font-weight:900}.teamrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:18px 0;font-weight:850}.teamrow span:last-child{text-align:right}.vs{color:var(--muted);font-size:.78rem}.matchfoot{border-top:1px solid var(--line);padding-top:11px}.content{max-width:850px;margin:28px auto 54px;padding:clamp(20px,4vw,42px);background:#0d1929;border:1px solid var(--line);border-radius:22px}.content p,.content li{color:#d0dbea}.content h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;letter-spacing:-.045em}.content h2{margin-top:32px}.content h3{margin-top:24px}.callout{border-left:3px solid var(--green);padding:12px 16px;background:#132a2a;border-radius:0 12px 12px 0;color:#dcefe4}.searchbar{display:flex;gap:8px;max-width:650px;margin-top:22px}.searchbar input{min-width:0;flex:1;border:1px solid #425871;background:#07111f;color:white;padding:13px;border-radius:10px;font:inherit}.searchbar button{border:0;background:var(--green);border-radius:10px;padding:0 16px;font-weight:900;color:#062015}.notice{padding:14px 16px;border:1px solid #66532d;background:#2a2416;color:#ffe5a4;border-radius:12px;font-size:.9rem}.footer{border-top:1px solid #20334a;margin-top:36px;padding:28px 0 38px;color:var(--muted);font-size:.88rem}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:22px}.footlinks{display:grid;gap:8px}.footlinks a{color:#d0dbea}.tiny{font-size:.78rem;color:var(--muted)}.apierror{color:#ffd166}.articlelabel{display:inline-block;padding:4px 9px;border:1px solid #36526c;border-radius:99px;color:var(--green);font-size:.76rem;font-weight:800}.empty{padding:24px;text-align:center;color:var(--muted)}@media(max-width:850px){.brandrow{align-items:flex-start;flex-direction:column}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}@media(max-width:560px){.container{width:min(var(--max),calc(100% - 22px))}.topbar-inner{flex-direction:column;gap:2px}.nav{gap:2px}.nav a{padding:7px 8px;font-size:.82rem}.grid,.matchlist{grid-template-columns:1fr}.hero{border-radius:18px}.actions{flex-direction:column}.btn{width:100%}.sectionhead{align-items:flex-start;flex-direction:column}.footgrid{grid-template-columns:1fr}.footgrid>div:first-child{grid-column:auto}.teamrow{font-size:.88rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}