:root{--bg:#08110d;--panel:#101b16;--panel2:#15231c;--line:#26342d;--ink:#f1f7f3;--muted:#93a49a;--green:#18dc83;--green2:#baffd9;--red:#ff5a66;--amber:#ffce56;--radius:18px;--shadow:0 24px 70px rgba(0,0,0,.32)}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,rgba(24,220,131,.13),transparent 32%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}button,select,input{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;background:rgba(8,17,13,.88);backdrop-filter:blur(18px);z-index:10}.brand{color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:11px}.brand b{color:var(--green)}.brand-mark{width:34px;height:34px;background:var(--green);color:var(--bg);display:grid;place-items:center;border-radius:10px;font-weight:950;transform:skew(-7deg)}.desktop-nav{display:flex;gap:8px;margin:auto}.nav-link,.filter{background:transparent;border:0;color:var(--muted);padding:10px 15px;border-radius:12px}.nav-link:hover,.nav-link.active{color:var(--ink);background:rgba(255,255,255,.07)}.account-button{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:13px;padding:10px 14px}.account-icon{color:var(--green);font-size:20px}.score-hero{padding:76px clamp(20px,7vw,110px) 55px;display:flex;justify-content:space-between;align-items:flex-end;max-width:1480px;margin:auto}.eyebrow{color:var(--green);font-size:.75rem;font-weight:850;letter-spacing:.18em;margin:0 0 15px}.score-hero h1{font-size:clamp(2.8rem,6vw,6.7rem);line-height:.91;letter-spacing:-.07em;margin:0;max-width:850px}.score-hero h1 span{color:transparent;-webkit-text-stroke:1.5px #7d9388}.live-pulse{min-width:225px;border-left:1px solid var(--line);padding:12px 0 12px 22px;display:grid;grid-template-columns:12px auto;gap:2px 11px;align-items:center}.live-pulse span{width:10px;height:10px;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px rgba(255,90,102,.12);animation:pulse 1.8s infinite}.live-pulse small{grid-column:2;color:var(--muted);font-size:.75rem}.workspace{max-width:1280px;margin:auto;padding:0 clamp(16px,4vw,50px) 100px}.notice{display:flex;gap:15px;align-items:center;padding:12px 16px;border:1px solid rgba(255,206,86,.3);background:rgba(255,206,86,.08);border-radius:14px;color:#e9ddbd;margin-bottom:18px;font-size:.88rem}.notice strong{color:var(--amber)}.hidden{display:none!important}.toolbar,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.date-nav{display:flex;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.date-nav button{border:0;color:var(--ink);background:transparent;padding:10px 15px}.date-nav>button:first-child,.date-nav>button:last-child{font-size:1.5rem;color:var(--muted)}#dateButton{min-width:170px;border-left:1px solid var(--line);border-right:1px solid var(--line);display:grid;gap:2px}#dateButton small{color:var(--green);font-size:.66rem;letter-spacing:.12em}.filters{display:flex;background:var(--panel);border:1px solid var(--line);padding:5px;border-radius:15px}.filter.active{background:var(--ink);color:var(--bg)}.filter i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-right:5px}.match-list{display:grid;gap:15px}.league-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.league-title{padding:14px 20px;background:rgba(255,255,255,.025);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}.league-badge{width:27px;height:27px;display:grid;place-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--green);font-weight:800}.match-row{min-height:104px;display:grid;grid-template-columns:100px 1fr 110px 1fr 60px;align-items:center;padding:13px 20px;border-bottom:1px solid var(--line);transition:.2s}.match-row:last-child{border-bottom:0}.match-row:hover{background:rgba(255,255,255,.025)}.match-time{color:var(--muted);font-size:.85rem}.match-time.live{color:var(--red);font-weight:800}.team{display:flex;align-items:center;gap:13px;font-weight:680}.team.away{justify-content:flex-end;text-align:right}.team-logo{flex:0 0 auto;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#253b30,#13201a);border:1px solid #35483e;color:var(--green2);font-weight:900}.score{text-align:center;font-size:1.55rem;font-weight:900;letter-spacing:.07em}.score small{display:block;font-size:.66rem;color:var(--muted);font-weight:600;letter-spacing:.03em;margin-top:4px}.favorite{border:0;background:transparent;color:#6f8177;font-size:1.55rem;padding:10px;border-radius:50%}.favorite:hover,.favorite.active{color:var(--amber);background:rgba(255,206,86,.08)}.view{display:none}.view.active{display:block;animation:enter .25s ease}.section-head h2{font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.045em;margin:0}.section-head select{min-width:240px;background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:13px 16px;color:var(--ink)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:auto}.standings{width:100%;border-collapse:collapse;min-width:710px}.standings th,.standings td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:center}.standings th{font-size:.72rem;text-transform:uppercase;color:var(--muted);letter-spacing:.08em;background:rgba(255,255,255,.025)}.standings th:nth-child(2),.standings td:nth-child(2){text-align:left}.standings tr:last-child td{border:0}.rank{font-weight:900;color:var(--green)}.form{letter-spacing:.12em;font-size:.78rem}.form .w{color:var(--green)}.form .l{color:var(--red)}.form .d{color:var(--amber)}.empty-state{text-align:center;padding:70px 25px;color:var(--muted)}.empty-state span{display:block;color:var(--green);font-size:3rem}.empty-state h3{color:var(--ink);margin:12px 0 6px}.favorite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.favorite-card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:center;gap:15px}.skeleton{height:132px;border-radius:var(--radius);background:linear-gradient(90deg,var(--panel) 25%,var(--panel2) 50%,var(--panel) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}dialog{width:min(460px,calc(100% - 28px));border:1px solid #34473d;border-radius:24px;background:#101b16;color:var(--ink);padding:34px;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 8px}.dialog-copy{color:var(--muted);line-height:1.6}.dialog-close{position:absolute;right:18px;top:16px;border:0;background:transparent;color:var(--muted);font-size:1.7rem}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border-radius:12px;padding:4px;margin:25px 0 20px}.auth-tabs button{border:0;background:transparent;color:var(--muted);padding:10px;border-radius:9px}.auth-tabs button.active{background:var(--panel2);color:var(--ink)}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#c4d1ca;font-size:.82rem;font-weight:700}input{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:13px 14px;border-radius:12px;outline:0}input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(24,220,131,.1)}.primary{border:0;border-radius:12px;background:var(--green);color:#06110c;padding:14px;font-weight:850}.primary.secondary{background:var(--ink);margin-top:15px;width:100%}.error{min-height:18px;margin:0;color:#ff8d95;font-size:.82rem}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:700;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav{display:none}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(255,90,102,0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes enter{from{opacity:0;transform:translateY(5px)}}@media(max-width:800px){.topbar{height:66px}.desktop-nav{display:none}.account-button{margin-left:auto}.account-button #accountLabel{display:none}.score-hero{padding-top:45px;align-items:flex-start}.score-hero h1{font-size:3.2rem}.live-pulse{display:none}.toolbar{align-items:stretch;flex-direction:column}.date-nav{justify-content:space-between}.filters{overflow:auto}.match-row{grid-template-columns:66px 1fr 70px;padding:13px 12px;gap:6px}.team{font-size:.88rem}.team.away{justify-content:flex-start;text-align:left;grid-column:2;grid-row:2}.team-logo{width:34px;height:34px}.score{grid-column:3;grid-row:1/3}.favorite{display:none}.section-head{align-items:stretch;flex-direction:column}.section-head select{width:100%}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:rgba(10,20,15,.96);border-top:1px solid var(--line);z-index:12;justify-content:space-around}.mobile-nav button{flex:1;border:0;background:transparent;color:var(--muted);font-size:.7rem;display:grid;place-items:center;align-content:center;gap:2px}.mobile-nav button span{font-size:1.35rem}.mobile-nav button.active{color:var(--green)}.workspace{padding-bottom:100px}.notice{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:460px){.score-hero h1{font-size:2.65rem}.score-hero{padding-bottom:38px}.filters .filter{padding:9px 11px}.match-row{grid-template-columns:54px 1fr 58px}.match-time{font-size:.76rem}.team-logo{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}