@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101512;--panel:#181e1a;--line:#2a332c;--text:#edf0e8;--muted:#a0aaa0;--acid:#c7f578}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:hover{color:var(--acid)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--acid);outline-offset:4px}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}.skip{position:absolute;left:10px;top:-60px;background:var(--acid);color:#111;padding:12px;z-index:20}.skip:focus{top:10px}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:70px;padding:0 42px}.brand{font-weight:700;font-size:27px;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;background:var(--acid);color:#142014;width:37px;height:37px;font-size:35px;line-height:1;border-radius:8px;padding-bottom:7px}.brand-dot{align-self:flex-start;font-size:10px;letter-spacing:0;margin-top:4px}.topbar nav{display:flex;align-self:stretch;gap:32px}.topbar nav button{font-weight:600;padding:0 2px;color:var(--muted)}.topbar nav .nav-active{color:var(--text);border-bottom:2px solid var(--acid)}.top-right{margin-left:auto;font-size:10px;letter-spacing:1.4px;display:flex;gap:9px;align-items:center}.live-dot{display:inline-block;width:6px;height:6px;background:var(--acid);border-radius:50%;flex:none}.shell{display:grid;grid-template-columns:218px 1fr;max-width:1700px;margin:auto}.sidebar{padding:35px 20px 25px 27px;border-right:1px solid var(--line)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin:0 0 15px}.side-button{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;text-align:left;border-radius:6px;font-size:12px;margin:3px 0;color:#aeb7ae}.side-button>span{font-size:17px;width:20px;text-align:center}.side-button.selected{background:#293521;color:var(--acid)}.side-button small{margin-left:auto;color:var(--muted)}.side-rule{border-top:1px solid var(--line);margin:23px 10px 27px 0}.sidebar-note{margin-top:65px;border:1px solid var(--line);padding:22px 14px;border-radius:7px}.little-pitch{font-size:27px;color:var(--acid);display:block;margin-bottom:17px}.sidebar-note strong{font-size:14px;line-height:1.6}.sidebar-note p{font-size:11px;line-height:1.6;color:var(--muted)}main{padding:30px 34px 0;min-width:0}.hero{position:relative;overflow:hidden;background:#c7f578;color:#182719;border-radius:8px;min-height:244px;padding:28px 32px;display:flex}.hero-label{color:#36532c;display:flex;align-items:center;gap:7px;font-size:9px}.hero-label>span{width:6px;height:6px;background:#33572b;border-radius:50%}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:65px;letter-spacing:-1px;line-height:.92;text-transform:uppercase;margin:19px 0 17px;position:relative;z-index:1}h1 em{font-style:normal;color:#527936}.hero p{font-size:12px;margin:0}.hero-number{position:absolute;right:22px;top:-22px;font-family:'Barlow Condensed',sans-serif;font-size:260px;line-height:1;color:#aedc65;letter-spacing:-10px;font-weight:800}.hero-number span{font-size:120px;vertical-align:top;position:relative;top:30px}.pitch{position:absolute;width:290px;height:166px;right:70px;top:42px;border:1px solid #668b4359;transform:rotate(-12deg);z-index:1}.pitch-mid{position:absolute;left:50%;height:100%;border-left:1px solid #668b4359}.pitch-circle{position:absolute;left:calc(50% - 34px);top:calc(50% - 34px);width:68px;height:68px;border:1px solid #668b4359;border-radius:50%}.box{position:absolute;width:43px;height:100px;top:32px;border:1px solid #668b4359}.box-left{left:-1px}.box-right{right:-1px}.ball{position:absolute;top:55%;left:61%;width:12px;height:12px;background:#1b391f;border:3px solid #e5ffb8;border-radius:50%;box-shadow:0 0 0 12px #54893020}.pitch-caption{position:absolute;bottom:-25px;left:20px;font-size:8px;letter-spacing:2px}.matchday-heading{margin:31px 0 23px;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.matchday-heading .eyebrow{margin-bottom:8px}h2{font-size:27px;letter-spacing:-1px;margin:0}.period{color:var(--acid)}.sync{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.sync button{font-size:21px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}#scoreboard{min-width:0;outline:none}.datebar{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;min-height:66px;padding:5px;background:var(--panel)}.arrow{font-size:25px;width:25px;flex:none}#date-strip{display:flex;flex:1;justify-content:space-around;gap:3px}.date-day{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;font-size:10px;color:var(--muted);padding:8px 6px;min-width:42px;border-radius:4px}.date-day strong{font-size:12px;color:var(--text)}.date-day.active{background:var(--acid);color:#334325}.date-day.active strong{color:#162212}.calendar{position:relative;border-left:1px solid var(--line);margin-left:5px;padding:8px;font-size:23px;cursor:pointer;width:37px;flex:none;overflow:hidden}.calendar input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.calendar input::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:100%;height:100%;cursor:pointer}.tools{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:20px 0 12px}.filters{display:flex;gap:3px;flex-wrap:wrap}.filters button{font-size:11px;display:flex;gap:5px;align-items:center;padding:8px 9px;border-radius:4px;color:var(--muted);white-space:nowrap}.filters button.active{background:#2c352d;color:var(--text)}.filters button span{font-size:9px;color:var(--muted)}.search{display:flex;align-items:center;gap:5px;color:var(--muted);max-width:140px}.search>span{font-size:23px}input[type=search]{min-width:0;background:transparent;border:0;color:var(--text);width:100%;padding:8px 3px;font-size:11px}.timezone{display:flex;justify-content:space-between;gap:5px;font-size:10px;color:var(--muted);margin:6px 0 16px}.timezone select{font-size:10px;background:none;border:0;color:var(--text);padding:0;max-width:90px}select{background:#1b231d;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:9px;font-size:12px}option{background:#1b231d}.competition{border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-bottom:17px}.competition-head{display:flex;align-items:center;gap:10px;background:#202820;padding:13px 16px}.league-badge{width:28px;height:28px;object-fit:contain;background:#e9efdf;border-radius:50%;padding:3px}.competition-head strong{font-size:12px}.competition-head small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.competition-head .match-count{margin-left:auto;font-size:10px;color:var(--muted)}.match{background:var(--panel);border-top:1px solid var(--line);display:grid;grid-template-columns:50px minmax(0,1fr) 28px;align-items:center;padding:15px 13px;gap:12px}.match:hover{background:#1d271f}.match-status{font-size:10px;color:var(--muted);text-align:center;line-height:1.7}.match-status.in{color:var(--acid)}.match-status small{display:block;font-size:8px}.match-main{padding:0;text-align:left;min-width:0;width:100%;color:var(--text)!important}.team-line{display:flex;align-items:center;gap:10px;min-height:29px}.team-line img{width:22px;height:22px;object-fit:contain}.team-line .team-name{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-line .team-score{margin-left:auto;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;padding-left:5px}.team-score.live{color:var(--acid)}.star{font-size:21px;color:#7d8d7f}.star.saved{color:var(--acid)}.match-note{font-size:9px;color:var(--muted);padding:6px 0 0 32px;line-height:1.5}.empty,.loading{padding:48px 24px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--muted);line-height:1.8}.empty .empty-symbol{font-size:35px;color:var(--acid);display:block;margin-bottom:12px}.empty h3{color:var(--text);font-size:20px;margin:0 0 8px}.empty p{font-size:12px;margin:0 auto 18px;max-width:360px}.primary{background:var(--acid);color:#152313;padding:11px 18px;border-radius:4px;font-size:12px;font-weight:700}.primary:hover{background:#dbffa2;color:#152313}#notice:empty{display:none}#notice{padding:12px;background:#3a3020;color:#edd3a4;border-radius:5px;font-size:12px;margin-bottom:12px;line-height:1.7}.data-note{display:flex;justify-content:space-between;gap:10px;margin-top:20px;font-size:9px;color:#909e90;line-height:1.8}.data-note a{color:#bacab6}.table-card,.favorites-card{border:1px solid var(--line);border-radius:7px;background:var(--panel);padding:19px 16px}.rail-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.rail-heading .eyebrow{font-size:8px;margin-bottom:7px}.rail-heading h3{font-size:17px;margin:0;letter-spacing:-.3px}.table-icon{color:var(--acid);font-size:24px}#table-league{width:100%;font-size:11px}.season{font-size:9px;color:var(--muted);margin:12px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th{font-size:9px;color:var(--muted);font-weight:500;text-align:right;padding:9px 4px;background:#202820}th:nth-child(2){text-align:left}td{border-bottom:1px solid #263027;padding:10px 4px;text-align:right;font-variant-numeric:tabular-nums}td:first-child{color:var(--muted);font-size:10px;width:20px}td:nth-child(2){text-align:left}td:last-child{font-weight:700;color:var(--acid)}.table-team{display:flex;align-items:center;gap:7px}.table-team img{width:17px;height:17px;object-fit:contain}.table-team span{max-width:109px;overflow:hidden;text-overflow:ellipsis}.full-table{display:flex;justify-content:space-between;width:100%;padding:16px 2px 0;font-size:11px;color:var(--acid)}.favorites-card{margin-top:20px}.favorites-card p{font-size:11px;color:var(--muted);line-height:1.8}.accent{color:var(--acid)}#manage-clubs{display:flex;justify-content:space-between;border-top:1px solid var(--line);width:100%;padding:14px 0 0;margin-top:13px;font-size:11px}.favorite-item{display:flex;align-items:center;gap:8px;margin:11px 0;font-size:11px}.favorite-item img{width:20px;height:20px;object-fit:contain}.favorite-item button{margin-left:auto;font-size:17px}.rail-footer{font-size:8px;letter-spacing:1.1px;text-align:center;margin-top:22px;color:#a4b09f;line-height:2}.rail-footer span{font-size:9px;letter-spacing:0;color:#758370}footer{margin-top:50px;display:flex;align-items:center;gap:24px;padding:25px 0;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer .brand{font-size:20px;color:var(--text);gap:0}footer button{margin-left:auto;font-size:10px}dialog{color:var(--text);background:#181f1a;border:1px solid #43513e;border-radius:12px;width:min(650px,calc(100% - 28px));padding:30px;max-height:85vh;overflow:auto;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#080e0bd9;backdrop-filter:blur(5px)}.close-dialog{position:absolute;right:12px;top:9px;font-size:28px;color:var(--muted)}.detail-header{text-align:center;margin:15px 0 25px}.detail-score{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0}.detail-team{width:35%;font-size:15px;font-weight:600}.detail-team img{display:block;width:60px;height:60px;object-fit:contain;margin:0 auto 15px}.big-score{font-family:'Barlow Condensed',sans-serif;font-size:46px;white-space:nowrap}.detail-meta{font-size:11px;color:var(--muted);line-height:1.9}.detail-stats h3,.timeline h3{font-size:15px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.stat-row{display:grid;grid-template-columns:1fr 3fr 1fr;margin:15px 0;text-align:center;font-size:12px}.stat-row span{color:var(--muted)}.timeline-event{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.timeline-event small{color:var(--muted);display:block;margin-top:4px}.detail-link{display:block;text-align:center;color:var(--acid);font-size:12px;margin-top:25px}.muted{color:var(--muted);font-size:12px;line-height:1.8}#club-search{border:1px solid var(--line);padding:12px;margin:15px 0;font-size:13px;border-radius:5px}#club-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px}.club-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);padding:10px;border-radius:5px;font-size:12px;text-align:left}.club-option img{width:25px;height:25px;object-fit:contain}.club-option span:last-child{margin-left:auto;color:var(--acid)}.club-option.chosen{background:#293521;border-color:#688e43}@media(min-width:1450px){main{padding:35px 45px 0}.hero{min-height:280px}h1{font-size:78px}.pitch{right:110px;top:54px;width:340px;height:180px}.hero-number{font-size:300px}.workspace{grid-template-columns:minmax(0,1fr) 305px}.match{padding-top:19px;padding-bottom:19px}.team-line .team-name{font-size:14px}.table-team span{max-width:130px}}@media(max-width:1150px){.shell{grid-template-columns:180px 1fr}.sidebar{padding-left:13px;padding-right:13px}main{padding:24px 22px 0}.workspace{grid-template-columns:minmax(0,1fr) 245px;gap:17px}.topbar{padding:0 27px;gap:40px}.top-right{font-size:8px}.pitch{right:30px;width:230px}.hero-number{right:0}.hero{padding-left:25px}.tools{flex-wrap:wrap}.search{max-width:100%;width:100%;border-bottom:1px solid var(--line)}.date-day{min-width:33px;padding-left:3px;padding-right:3px}.table-team span{max-width:85px}.data-note{flex-direction:column}.matchday-heading h2{font-size:24px}}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:flex;gap:6px;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:12px 20px;align-items:center}.sidebar>.eyebrow,.side-rule,.sidebar-note{display:none}#league-nav{display:flex;gap:6px}.side-button{white-space:nowrap;width:auto;margin:0;font-size:11px;padding:9px 12px}.side-button>span{font-size:13px;width:auto}.side-button small{margin-left:4px}.topbar{height:72px}.top-right{display:none}.topbar nav{margin-left:auto}.hero{min-height:232px}.workspace{grid-template-columns:minmax(0,1fr) 250px}.tools{padding-top:15px}.date-day:nth-child(1),.date-day:nth-child(7){display:none}}@media(max-width:650px){.topbar{padding:0 18px;gap:15px;height:66px}.brand{font-size:24px}.brand-mark{width:30px;height:30px;font-size:29px;border-radius:6px}.topbar nav{gap:15px}.topbar nav button{font-size:10px}.sidebar{padding:9px 14px}main{padding:17px 14px 0}.hero{min-height:222px;padding:24px 21px}.hero-label{font-size:7px;letter-spacing:1px}h1{font-size:58px}.hero p{font-size:10px}.pitch{width:180px;height:140px;right:-80px;top:49px;opacity:.5}.hero-number{font-size:210px;right:-32px;top:10px;opacity:.5}.hero-number span{font-size:65px}.pitch-caption{display:none}.matchday-heading{margin:24px 0 17px;align-items:flex-start;flex-direction:column;gap:12px}.matchday-heading h2{font-size:25px}.sync{font-size:9px}.workspace{grid-template-columns:1fr}.date-day:nth-child(1),.date-day:nth-child(7){display:flex}.date-day{min-width:30px;font-size:9px}.calendar{width:31px;padding:5px}.filters{gap:2px;flex-wrap:nowrap}.filters button{padding:8px 7px;font-size:10px}.tools{flex-wrap:nowrap}.search{max-width:95px;width:95px}.search input{font-size:10px}.match{padding:13px 10px;gap:7px;grid-template-columns:44px minmax(0,1fr) 25px}.team-line .team-name{font-size:12px}.data-note{font-size:9px;gap:3px}.right-rail{margin-top:12px}.table-card{padding:20px}.table-team span{max-width:190px}.rail-footer{margin-bottom:10px}footer{gap:12px;margin-top:25px}footer>span{display:none}.detail-team{font-size:12px}.big-score{font-size:38px}dialog{padding:26px 18px}#club-picker{grid-template-columns:1fr}.timezone{font-size:9px}}@media(prefers-reduced-motion:no-preference){.match,.side-button,button{transition:background .15s,color .15s}.hero{animation:reveal .5s ease-out}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
