:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202b32;background:#f4f6f5;font-synthesis:none;--green:#147e5b;--mint:#d4f16c;--line:#e3e8e5;--muted:#6e7d78}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #91c87a;outline-offset:3px}a{color:var(--green)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;font-weight:750;letter-spacing:-1.4px;font-size:32px;gap:10px}.brand-icon{background:var(--mint);color:#122723;width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:32px;position:relative;line-height:1}.brand-icon span{position:absolute;font-size:18px;right:4px;top:-3px}.brand-dot{color:var(--mint);margin-left:-11px}.side-caption{font-size:8px;letter-spacing:1.6px;color:#708780;margin:18px 0 50px}.side-bottom{margin-top:auto;display:flex;gap:12px;align-items:center;border-top:1px solid #26383b;padding-top:26px;font-size:13px}.side-bottom small{display:block;font-size:10px;color:#81958f;margin-top:5px}.league-mark{height:34px;width:34px;background:#ed4545;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;font-style:italic}.side-foot{font-size:9px;color:#58716a;margin-top:23px}header{height:108px;border-bottom:1px solid var(--line);padding:24px 44px;display:flex;align-items:center;justify-content:space-between;background:#fff}.breadcrumb{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#83938b}.breadcrumb b{padding:0 10px;color:#c4cec7}h1{font-size:22px;letter-spacing:-.6px;margin:7px 0 0;font-weight:650}.header-actions{display:flex;align-items:center;gap:20px}.status{font-size:11px;color:#677a70;display:flex;align-items:center;gap:7px}.status i{width:6px;height:6px;border-radius:50%;background:#2b9d68}.status.stale i{background:#d59835}.button{border:0;background:var(--green);color:#fff;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:600}.outline{border:1px solid #dce4de;background:#fff;color:#334c40}.button:hover{filter:brightness(.95)}main{max-width:1500px;margin:auto;padding:32px 44px 24px}.hero{background:#163e32;color:white;border-radius:12px;padding:33px 36px;position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:30px;min-height:201px}.hero::after{content:"";position:absolute;width:330px;height:215px;right:-36px;top:12px;border:1px solid #497252;transform:rotate(-18deg);border-radius:5px;background:linear-gradient(90deg,transparent 49.8%,#497252 50%,transparent 50.3%);opacity:.35}.hero-field{position:absolute;border:1px solid #497252;border-radius:50%;width:120px;height:120px;right:73px;top:59px;transform:rotate(-18deg);opacity:.35}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:650;color:#afc6b7;display:flex;align-items:center;gap:9px}.dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.hero h2{font-size:30px;letter-spacing:-1px;margin:12px 0 9px;line-height:1.2;max-width:560px}.hero p{color:#a3bcae;font-size:12px;line-height:1.7;max-width:550px;margin:0}.hero .accent{color:var(--mint)}.hero-right{position:relative;z-index:1;min-width:176px;text-align:right;padding-top:9px}.round-label{border:1px solid #587251;background:#2c4c39;padding:7px 10px;display:inline-block;border-radius:5px;color:#d4f16c;font-size:10px;letter-spacing:1px}.hero-right strong{font-size:20px;display:block;margin-top:23px;font-weight:600}.hero-right small{font-size:11px;color:#a1b4a5;display:block;margin-top:5px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:22px 0 32px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:19px 22px}.metric-head{display:flex;justify-content:space-between;color:#728077;font-size:11px}.metric-icon{background:#eff5ec;padding:4px 7px;border-radius:5px;color:#467d55;font-size:13px}.metric strong{display:block;font-size:27px;letter-spacing:-1px;margin:8px 0 6px;font-weight:650}.metric small{font-size:10px;color:#839087}.up{color:var(--green)!important}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 18px}.section-head h2{font-size:17px;letter-spacing:-.4px;margin:0;font-weight:650}.section-head p{font-size:11px;color:#88958d;margin:6px 0 0}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input,select{border:1px solid #dbe3dd;background:white;border-radius:6px;padding:9px 11px;font-size:12px;color:#3f5147;min-width:0}.filter-tabs{display:flex;background:#e9eeeb;padding:3px;border-radius:6px;gap:3px}.filter-tabs button{border:0;background:none;padding:7px 12px;border-radius:4px;color:#7b8880;font-size:10px}.filter-tabs button.active{background:white;color:#294b3a;box-shadow:0 1px 3px #233a2f15}.matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.match{border:1px solid var(--line);background:#fff;border-radius:10px;padding:19px 23px;transition:border-color .2s}.match:hover{border-color:#a8c3ad}.match-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#839186}.confidence{background:#f3f5f2;padding:4px 7px;border-radius:4px;color:#788976;font-size:9px}.confidence.strong{background:#e8f4e7;color:#4c7948}.teams{display:grid;grid-template-columns:1fr 68px 1fr;align-items:center;text-align:center;margin:23px 0 21px}.team{display:flex;align-items:center;flex-direction:column;gap:9px}.team img{width:38px;height:42px;object-fit:contain}.team strong{font-size:13px;font-weight:600}.score{font-size:22px;letter-spacing:2px;color:#283d32}.score small{display:block;font-size:8px;letter-spacing:0;color:#8c998f;margin-top:4px}.prob-labels{display:flex;justify-content:space-between;font-size:10px;color:#8b958e;margin-bottom:8px}.prob-labels strong{color:#3d5747;margin-left:5px;font-weight:600}.prob-bar{display:flex;height:7px;border-radius:3px;overflow:hidden;gap:3px}.prob-bar span{background:#d2ddce}.prob-bar span:nth-child(2){background:#e5e9e3}.prob-bar span:nth-child(3){background:#9eafad}.prob-bar .selected{background:#458f6a}.match-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #edf0ec;font-size:10px}.pick-label{color:#536a59}.pick-label b{color:#277950;margin-left:5px}.text-button{background:none;border:0;color:var(--green);font-size:10px;font-weight:650;padding:4px 0}.note{color:#89958b;font-size:10px;line-height:1.6;padding:15px 0}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:24px;margin:18px 0}.panel h3{font-size:15px;margin:0 0 12px}.panel p{font-size:12px;color:#718175;line-height:1.7}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;background:#f5f7f3;color:#7b8a7e;font-size:10px;font-weight:600;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #edf0eb;white-space:nowrap}td:first-child{font-weight:600;color:#344d3c}tbody tr:last-child td{border:0}.chip{padding:4px 7px;background:#edf4e9;color:#54794d;border-radius:4px;font-size:10px}.chart{display:flex;align-items:flex-end;gap:15px;height:185px;margin:28px 0 16px}.chart-col{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;gap:7px;color:#708276;font-size:9px}.chart-bar{width:70%;max-width:45px;min-height:2px;background:#93b895;border-radius:4px 4px 0 0}.chart-col.current .chart-bar{background:#26794f}.chart-col strong{font-weight:600;font-size:10px}.pagination{display:flex;gap:15px;justify-content:flex-end;align-items:center;font-size:11px;color:#7a8b7e;margin-top:16px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.stat-row div{border-right:1px solid var(--line);padding:6px 20px}.stat-row div:last-child{border:0}.stat-row small{display:block;font-size:10px;color:#889584}.stat-row strong{display:block;font-size:24px;margin:8px 0;color:#31593d}.empty,.loading{padding:50px 25px;background:white;border:1px solid var(--line);border-radius:10px;text-align:center;color:#7c8d80;font-size:13px}.model-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pipeline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#809181}.pipeline b{background:#eef4eb;border:1px solid #dce8d7;border-radius:6px;padding:11px;color:#406345}.file-input{max-width:100%;font-size:11px}.form-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin:12px 0}.form-row label{display:grid;gap:6px;color:#7d8c80;font-size:10px}.form-row input[type=number]{width:85px}.inline-alert{border-left:3px solid #c8af5c;background:#f7f3e5;padding:12px 16px;margin:16px 0;color:#8c7a43;font-size:11px;line-height:1.6}footer{padding:20px 44px;display:flex;justify-content:space-between;color:#87948b;font-size:9px;gap:16px}dialog{border:0;border-radius:13px;width:min(800px,calc(100% - 32px));max-height:90vh;padding:0;box-shadow:0 20px 80px #0003;color:#283c2e}dialog::backdrop{background:#071c1580;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid var(--line);padding:24px}.dialog-header h2{font-size:20px;margin:0}.dialog-header p{font-size:11px;color:#82917e;margin:8px 0 0}.close{border:0;border-radius:5px;background:#f0f4ed;font-size:18px;padding:4px 10px;color:#6c806b}.dialog-body{padding:10px 24px 24px}.dialog-body .teams{margin:15px 0}.forms{display:flex;gap:4px;margin-top:8px}.form-dot{padding:4px 5px;border-radius:3px;background:#eef0e9;font-size:8px;color:#8a947a}.form-dot.V{background:#e2f0db;color:#578347}.form-dot.D{background:#f5e9e3;color:#b47e66}.roster{display:grid;grid-template-columns:1fr 1fr;gap:20px}.roster label{font-size:11px;display:flex;gap:8px;align-items:center;padding:7px 0;color:#597050}.roster small{margin-left:auto;color:#8b9882;font-size:9px}.roster input{accent-color:#397d51}.roster-scroll{max-height:220px;overflow:auto}.definition{font-size:10px;color:#87977d;margin:10px 0;line-height:1.6}#toast{position:fixed;bottom:24px;right:25px;z-index:20;max-width:480px;background:#173d2e;color:white;border-radius:8px;padding:15px 20px;font-size:12px;box-shadow:0 5px 30px #0002}#toast.error{background:#833c32}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.num{font-variant-numeric:tabular-nums}ul{font-size:12px;line-height:1.8;color:#70816e;padding-left:18px}.league-toggle{font-size:10px;text-transform:uppercase;letter-spacing:1px}.count-label{color:#8a9783;font-size:11px}.export{margin-left:auto}.model-callout{display:flex;align-items:center;gap:20px;background:#edf4e6;padding:20px;border-radius:8px;font-size:12px;color:#638253}.model-callout strong{font-size:30px;color:#365e35}.team-text{overflow:hidden;text-overflow:ellipsis;max-width:160px}.hero > div:not(.hero-field){z-index:1}.mini-title{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#7c9279}.hidden{display:none!important}
@media(min-width:1450px){main{padding:36px 60px}header{padding:24px 60px}.hero h2{font-size:35px}.match{padding:22px 28px}}
@media(max-width:1100px){header{padding:22px 25px}main{padding:25px}.header-actions{gap:10px}.status{font-size:9px}.hero{padding:27px}.hero h2{font-size:26px}.team strong{font-size:11px}.side-caption{font-size:7px}.metric{padding:16px}.metric strong{font-size:24px}}
@media(max-width:760px){.brand{font-size:26px}.brand-icon{width:30px;height:30px;font-size:26px}.workspace{margin-left:0}header{height:auto;padding:21px 18px;gap:15px;align-items:start}h1{font-size:18px}.breadcrumb{font-size:8px}.header-actions{flex-direction:column;align-items:end;gap:9px}.button{font-size:10px;padding:9px 11px}.status{font-size:8px}main{padding:18px}.hero{padding:24px;display:block;min-height:230px}.hero h2{font-size:28px;max-width:350px}.hero-right{text-align:left;padding-top:18px;display:flex;align-items:center;gap:12px}.hero-right strong{font-size:12px;margin:0}.hero-right small{display:none}.hero p{font-size:11px}.metric-grid{gap:7px;margin:15px 0 26px}.metric{padding:13px 10px}.metric-icon{display:none}.metric-head{font-size:9px}.metric strong{font-size:21px}.metric small{font-size:8px;line-height:1.4;display:block}.matches{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column;gap:12px}.section-head h2{font-size:17px}.filter-tabs button{font-size:10px}.panel{padding:18px}.model-grid,.two-col{grid-template-columns:1fr;gap:0}.stat-row{gap:0}.stat-row div{padding:6px 10px}.stat-row strong{font-size:21px}.chart{gap:6px}.chart-col{font-size:8px}footer{padding:18px;flex-direction:column;gap:5px}.roster{gap:12px}.dialog-header h2{font-size:16px}.dialog-header,.dialog-body{padding:18px}.team strong{font-size:12px}.teams{grid-template-columns:1fr 60px 1fr}.hero::after{right:-180px}.hero-field{right:-60px}.filters{width:100%}.filters input{flex:1}}
.matchday-navigation{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0}.matchday-navigation label{display:grid;gap:6px;font-size:10px;color:#80907e}.team-history-table td{vertical-align:top}.team-history-table td small,.leader-cell small{display:block;margin-top:5px;font-size:10px;color:#80917d}.leader-cell{white-space:normal;min-width:170px;max-width:240px}.leader-cell strong{font-size:11px;font-weight:600}.missing-data{font-size:11px;color:#94a08d}.partial-data{color:#9c854a!important}.selected-season{background:#f1f7ed}.season-button{border:0;background:none;color:#37714b;font-size:12px;font-weight:650;padding:0}.category-chip{font-size:10px;background:#edf3e9;color:#647e55;padding:5px 7px;border-radius:4px;white-space:nowrap}.team-highlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.team-highlight{padding:18px;border:1px solid #e4ebdf;background:#f9fbf6;border-radius:8px;display:flex;flex-direction:column;gap:10px}.team-highlight strong{font-size:15px;font-weight:650;color:#385e3b}.team-highlight small{font-size:11px;color:#7d9373}.team-highlight .mini-title{font-size:9px;letter-spacing:.9px}.team-detail-stats{margin-top:22px}.team-history-table tbody tr:hover{background:#f6f9f2}@media(max-width:760px){.matchday-navigation{gap:7px;flex-wrap:wrap}.matchday-navigation label{order:-1;width:100%}.matchday-navigation button{flex:1}.team-highlight-grid{grid-template-columns:1fr}.team-highlight{padding:15px}.team-history-table th,.team-history-table td{padding:11px 9px}}
.favorite-star{border:0;background:transparent;color:#87977f;font-size:24px;padding:2px 7px;cursor:pointer;border-radius:8px}.favorite-star.chosen{color:#708f35;background:#f2f7e8}.favorite-star:focus-visible{outline:2px solid #657d44;outline-offset:3px}.favorite-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.favorite-team-grid label{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.favorite-team-grid input{width:18px;height:18px;accent-color:#64823c}.match-center{margin:0 0 30px;border-top:3px solid #bdde74}.match-center .section-head{margin-bottom:18px}.match-center h2{margin:6px 0 0}.live-label{display:flex;align-items:center;gap:8px;color:#557538}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#d65948}.live-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-match{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fafbf8}.watched-match{border-color:#9bb56d;background:#f4f8ee}.live-phase{display:flex;justify-content:space-between;color:#65785c;font-size:12px;margin-bottom:15px}.live-scoreline{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;text-align:center}.live-scoreline>span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:14px}.live-scoreline img{width:32px;height:32px;object-fit:contain}.live-scoreline>strong{font-size:30px;white-space:nowrap}.favorite-indicator{display:block;text-align:center;color:#698943;margin-top:16px}.next-match{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-radius:12px;background:#f3f7ed}.next-match h3{font-size:22px;margin:10px 0}.next-match h3 span{color:#879a78;font-weight:400}.next-match p{margin:5px 0;color:#71806a;font-size:13px}.countdown{text-align:center;flex-shrink:0}.countdown strong{display:block;font-size:40px;letter-spacing:2px;color:#243822;margin:8px 0}.countdown small{color:#819076;font-size:11px}.live-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:11px;color:#83917d;flex-wrap:wrap}.live-footer a{color:#697e58}.live-warning{padding:12px;border-radius:8px;background:#fff6e7;color:#806732;font-size:13px}.pending-matches{padding:20px;background:#f3f7ed;border-radius:10px}.pending-matches small{color:#778870}.filter-tabs{flex-wrap:wrap}.filter-tabs button{white-space:nowrap}.teams .team{position:relative}.teams .favorite-star{margin-top:6px}
@media(max-width:760px){.next-match{flex-direction:column;align-items:stretch;text-align:center;padding:18px}.live-matches{grid-template-columns:1fr}.favorite-team-grid{grid-template-columns:1fr}.countdown strong{font-size:36px}.live-scoreline{gap:8px}.filter-tabs{width:100%}.filter-tabs button{flex:1}.match-center .section-head{align-items:flex-start}.match-center .section-head .text-button{font-size:11px}}
.profile-shortcut{border:1px solid var(--line);background:transparent;border-radius:22px;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;color:inherit;font-size:11px;max-width:180px}.profile-shortcut>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e6efdd;color:#4a693e;font-weight:650;font-size:11px;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-large{width:84px;height:84px;font-size:24px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{margin:0}.settings-grid h3{margin-top:12px}.settings-field{display:grid;gap:8px;font-size:12px;color:var(--muted);margin:16px 0}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-toggle small{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}.settings-toggle input{width:19px;height:19px;accent-color:#467c58}.account-state{color:var(--green);font-size:12px}.auth-link{display:inline-block;text-decoration:none;margin:10px 0}.profile-panel{grid-column:1/-1}.profile-photo-row{display:flex;align-items:center;gap:22px;margin:24px 0}.profile-photo-row>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:15px}.profile-photo-row small{width:100%;font-size:11px;color:var(--muted)}.photo-label{display:inline-block;cursor:pointer}.photo-label:has(input:disabled){opacity:.5;cursor:default}.photo-label input{position:absolute;width:1px;height:1px;opacity:0;padding:0;border:0}.photo-label:focus-within{outline:3px solid #91c87a}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-fields .settings-field{margin-top:0}.match-time{display:block;margin-top:5px;color:var(--muted);font-size:10px}.live-table-row{background:#eff6e8}.compact-tables td,.compact-tables th{padding:8px 10px}.settings-info{grid-column:1/-1}
:root[data-theme=dark]{color-scheme:dark;color:#e4ede8;background:#0d191e;--line:#2c3d40;--muted:#a6b8af;--green:#87c8a3}:root[data-theme=dark] header,:root[data-theme=dark] .metric,:root[data-theme=dark] .panel,:root[data-theme=dark] .match,:root[data-theme=dark] .empty,:root[data-theme=dark] .loading,:root[data-theme=dark] dialog{background:#15262c;color:#e4ede8}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] .outline{background:#1b2e34;color:#dbe8df;border-color:#34494b}:root[data-theme=dark] .button:not(.outline){color:#103128}:root[data-theme=dark] .panel p,:root[data-theme=dark] .definition,:root[data-theme=dark] .note,:root[data-theme=dark] .metric small,:root[data-theme=dark] .metric-head,:root[data-theme=dark] .section-head p,:root[data-theme=dark] .status,:root[data-theme=dark] .mini-title,:root[data-theme=dark] .count-label,:root[data-theme=dark] footer,:root[data-theme=dark] .breadcrumb,:root[data-theme=dark] .dialog-header p,:root[data-theme=dark] .team-history-table td small,:root[data-theme=dark] .leader-cell small{color:#a6b8af}:root[data-theme=dark] .team strong,:root[data-theme=dark] td:first-child,:root[data-theme=dark] .score,:root[data-theme=dark] .prob-labels strong,:root[data-theme=dark] .stat-row strong{color:#deeadf}:root[data-theme=dark] .filter-tabs,:root[data-theme=dark] th,:root[data-theme=dark] .next-match,:root[data-theme=dark] .live-match,:root[data-theme=dark] .team-highlight,:root[data-theme=dark] .pending-matches,:root[data-theme=dark] .model-callout,:root[data-theme=dark] .pipeline b{background:#1c3135;color:#dbe7dd}:root[data-theme=dark] .filter-tabs button{color:#b1c1b8}:root[data-theme=dark] .filter-tabs button.active,:root[data-theme=dark] .selected-season,:root[data-theme=dark] .watched-match,:root[data-theme=dark] .live-table-row,:root[data-theme=dark] .team-history-table tbody tr:hover{background:#284137;color:#d9edcf}:root[data-theme=dark] .category-chip,:root[data-theme=dark] .confidence,:root[data-theme=dark] .confidence.strong,:root[data-theme=dark] .chip,:root[data-theme=dark] .metric-icon,:root[data-theme=dark] .favorite-star.chosen,:root[data-theme=dark] .avatar,:root[data-theme=dark] .close{background:#29413a;color:#c7e79c}:root[data-theme=dark] .next-match h3,:root[data-theme=dark] .countdown strong,:root[data-theme=dark] .team-highlight strong,:root[data-theme=dark] .model-callout strong,:root[data-theme=dark] .pick-label b,:root[data-theme=dark] .season-button{color:#d0e6c2}:root[data-theme=dark] .next-match p,:root[data-theme=dark] .countdown small,:root[data-theme=dark] .pick-label,:root[data-theme=dark] .live-phase,:root[data-theme=dark] .live-footer,:root[data-theme=dark] .live-footer a,:root[data-theme=dark] .roster label,:root[data-theme=dark] .roster small{color:#a7bcb0}:root[data-theme=dark] td,:root[data-theme=dark] .match-bottom,:root[data-theme=dark] .team-highlight{border-color:#2c3d40}:root[data-theme=dark] .live-warning,:root[data-theme=dark] .inline-alert{background:#3a3323;color:#e8d69b}:root[data-theme=dark] .missing-data{color:#9db0a3}:root[data-theme=dark] .partial-data{color:#d3bd7a!important}:root[data-theme=dark] .live-label{color:#b6d497}
@media(max-width:900px){.profile-shortcut>span:last-child{display:none}.profile-shortcut{padding:4px;max-width:none}.header-actions{gap:8px}.settings-grid{grid-template-columns:1fr}.profile-panel,.settings-info{grid-column:auto}}@media(max-width:760px){.profile-fields{grid-template-columns:1fr;gap:0}.profile-photo-row{gap:16px}.header-actions{flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.settings-grid{gap:15px}.profile-shortcut .avatar{width:25px;height:25px}}
.mobile-panel{grid-column:1/-1;border-top:3px solid var(--mint)}.mobile-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.mobile-app-icon img{width:54px;height:54px;border-radius:15px;display:block}.mobile-heading h3{margin:6px 0 0}.mobile-chip{margin-left:auto;padding:7px 11px;border-radius:20px;background:#edf4e6;color:#557344;font-size:11px;white-space:nowrap}.mobile-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}.mobile-columns h4{font-size:15px;margin:0 0 10px}.mobile-columns p{line-height:1.7}.mobile-columns .form-row{flex-wrap:wrap;gap:10px}.mobile-note{margin-top:22px!important;padding-top:18px;border-top:1px solid var(--line)}:root[data-theme=dark] .mobile-chip{background:#29413a;color:#c7e79c}@media(max-width:760px){.mobile-columns{grid-template-columns:1fr;gap:24px}.mobile-heading{align-items:start;gap:10px}.mobile-heading h3{font-size:16px}.mobile-app-icon img{width:44px;height:44px;border-radius:12px}.mobile-chip{font-size:9px;padding:6px 8px}body{padding-bottom:env(safe-area-inset-bottom)}}
.mobile-pending{font-size:12px;line-height:1.65;padding:12px 14px;border-radius:8px;background:#fff6e7;color:#806732}:root[data-theme=dark] .mobile-pending{background:#3a3323;color:#e8d69b}
.calendar-option{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#f3f7ed}.calendar-option h4{margin:10px 0;font-size:16px}.calendar-option p{line-height:1.7}.calendar-option details{margin-top:16px;font-size:12px;line-height:1.8}.calendar-option summary{cursor:pointer;color:var(--green);font-weight:600}.calendar-option ol{padding-left:20px}.calendar-option li{margin:8px 0}:root[data-theme=dark] .calendar-option{background:#1c3135}:root[data-theme=dark] .calendar-option summary{color:#c7e79c}@media(max-width:760px){.calendar-option{padding:16px}}
.score-stack{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-width:0}.score-stack .score{font-size:22px;color:var(--muted)}.score-stack .score small{font-size:7px;margin-top:5px;letter-spacing:.5px;white-space:nowrap}.real-score{padding:9px 7px;background:#f0f4ef;border:1px solid var(--line);border-radius:9px;min-width:96px}.real-score small{display:block;font-size:7px;letter-spacing:.8px;color:var(--muted);white-space:nowrap}.real-score strong{display:block;font-size:27px;line-height:1.3;margin:4px 0;white-space:nowrap}.real-score>span{display:block;font-size:9px;color:var(--muted);line-height:1.3}.real-score.is-live{background:#edf7e6;border-color:#bbd49a}.real-score.is-live strong,.real-score.is-live>span{color:#387034}.real-score.is-stale{border-style:dashed}.real-score .live-dot{width:5px;height:5px;vertical-align:middle}.teams{grid-template-columns:minmax(0,1fr) 108px minmax(0,1fr)}.forecast-origin{margin:0 20px 15px;color:var(--muted);text-align:center;font-size:10px}:root[data-theme=dark] .real-score{background:#1c3135;border-color:#3b4e48}:root[data-theme=dark] .real-score strong{color:#e0eadf}:root[data-theme=dark] .real-score.is-live{background:#294137;border-color:#678654}:root[data-theme=dark] .real-score.is-live strong,:root[data-theme=dark] .real-score.is-live>span{color:#c7e79c}:root[data-theme=dark] .score-stack .score{color:#a6b8af}@media(max-width:760px){.teams{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}.real-score{min-width:83px;padding:8px 5px}.real-score strong{font-size:24px}.score-stack .score{font-size:19px}.score-stack{gap:10px}.real-score>span{font-size:8px}.teams .team strong{overflow-wrap:anywhere}}
.local-login{min-height:100vh;display:grid;place-items:center;padding:35px 18px;background:#101e24}.login-card{width:min(100%,440px);margin:0;padding:32px}.login-brand{display:flex;gap:12px;align-items:center;margin-bottom:35px;text-decoration:none;font-size:33px;font-weight:750;letter-spacing:-1.4px;color:#182e24}.login-brand img{width:48px;height:48px;border-radius:13px}.login-card h1{line-height:1.25;font-size:28px;margin:15px 0}.login-card>p{line-height:1.7}.login-card .settings-field{margin:18px 0}.login-card .filter-tabs{display:flex;margin:20px 0}.login-card .filter-tabs[hidden],.login-card [hidden]{display:none}.login-card details,.password-settings{font-size:12px;line-height:1.7;margin-top:23px}.login-card summary,.password-settings summary{cursor:pointer;color:var(--green)}.login-foot{margin-top:25px!important;padding-top:20px;border-top:1px solid var(--line)}.password-settings form{margin-top:20px}

/* Header navigation: the same disclosure on desktop and mobile. */
.workspace{margin-left:0}
.site-header{height:auto;min-height:166px;align-items:center;gap:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:20px}
.header-title{min-width:0}
.header-title .brand{color:#101e24;font-size:27px;width:fit-content;margin-bottom:16px;gap:9px}
.header-title .brand-icon{width:31px;height:31px;font-size:27px}
.header-title .brand-dot{color:var(--green)}
.header-title .breadcrumb{display:block}
.navigation{position:relative;width:fit-content;margin-top:16px}
.navigation-toggle{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:#f4f6f5;color:#294b3a;font-size:12px;font-weight:650}
.navigation-toggle:hover,.navigation-toggle[aria-expanded=true]{background:#e8f0e7;border-color:#a8c3ad}
.navigation-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:246px;max-width:calc(100vw - 36px);max-height:min(440px,60vh);overflow-y:auto;padding:9px;background:#101e24;border:1px solid #30433f;border-radius:12px;box-shadow:0 14px 35px #10251c33;display:grid;gap:4px}
.navigation-dropdown[hidden]{display:none}
.navigation-dropdown button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;border:0;border-radius:7px;background:transparent;color:#c0ceca;text-align:left;font-size:13px}
.navigation-dropdown button span{width:22px;font-size:19px;text-align:center}
.navigation-dropdown button:hover{background:#20332e;color:#fff}
.navigation-dropdown button.active{background:#243933;color:var(--mint)}
:root[data-theme=dark] .header-title .brand{color:#e4ede8}
:root[data-theme=dark] .navigation-toggle{background:#1b2e34;color:#dbe8df;border-color:#34494b}
:root[data-theme=dark] .navigation-toggle:hover,:root[data-theme=dark] .navigation-toggle[aria-expanded=true]{background:#284137;border-color:#678654}
@media(max-width:760px){.site-header{position:relative;display:block;padding:20px 18px;padding-top:max(20px,env(safe-area-inset-top))}.header-title .brand{margin-bottom:18px}.site-header .header-actions{position:absolute;top:max(20px,env(safe-area-inset-top));right:18px;max-width:calc(100% - 180px);gap:8px}.site-header .status{display:none}.header-title h1{overflow-wrap:anywhere}.navigation{margin-top:14px}.navigation-dropdown button{min-height:46px}}

/* Color preferences are independent of light/dark mode. Green preserves the original palette. */
.theme-colors{border:0;padding:0;margin:22px 0}
.theme-colors legend{font-size:12px;color:var(--muted);margin-bottom:12px}
.theme-color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.theme-color-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:82px;border:1px solid var(--line);border-radius:9px;font-size:12px;cursor:pointer}
.theme-color-option input{position:absolute;opacity:0;width:1px;height:1px;padding:0;border:0}
.theme-color-option:has(input:checked){border:2px solid var(--green);background:color-mix(in srgb,var(--green) 9%,transparent);font-weight:700}
.theme-color-option:has(input:checked)::after{content:'✓';position:absolute;top:5px;right:7px;font-size:11px;color:var(--green)}
.theme-color-option:focus-within{outline:3px solid var(--green);outline-offset:3px}
.theme-color-swatch{height:22px;width:22px;display:block;border-radius:50%;border:1px solid #0002}
.swatch-green{background:#147e5b}.swatch-red{background:#b33030}.swatch-blue{background:#1d61a6}.swatch-gray{background:#60666d}
:root[data-color=red]{--theme-hue:0;--theme-saturation:58%}
:root[data-color=blue]{--theme-hue:212;--theme-saturation:68%}
:root[data-color=gray]{--theme-hue:215;--theme-saturation:0%}
:root:is([data-color=red],[data-color=blue],[data-color=gray]){
 --green:hsl(var(--theme-hue) var(--theme-saturation) 36%);
 --mint:hsl(var(--theme-hue) var(--theme-saturation) 83%);
 --theme-ink:hsl(var(--theme-hue) 12% 20%);
 --theme-hero:hsl(var(--theme-hue) var(--theme-saturation) 20%);
 --theme-nav:hsl(var(--theme-hue) 18% 12%);
 --theme-selected:hsl(var(--theme-hue) 25% 23%);
 --theme-soft:hsl(var(--theme-hue) 22% 95%);
 --theme-tint:hsl(var(--theme-hue) 30% 90%);
 --theme-text:var(--green);
 --theme-muted:hsl(var(--theme-hue) 10% 43%);
 --theme-control:#fff;
 --theme-surface:#fff;
 --line:hsl(var(--theme-hue) 12% 88%);
 --muted:var(--theme-muted);
 background:hsl(var(--theme-hue) 16% 97%);color:var(--theme-ink);
}
:root[data-theme=dark]:is([data-color=red],[data-color=blue],[data-color=gray]){
 --green:hsl(var(--theme-hue) var(--theme-saturation) 77%);
 --theme-ink:hsl(var(--theme-hue) 15% 91%);
 --theme-soft:hsl(var(--theme-hue) 16% 18%);
 --theme-tint:hsl(var(--theme-hue) 22% 25%);
 --theme-text:var(--mint);
 --theme-muted:hsl(var(--theme-hue) 12% 70%);
 --theme-control:hsl(var(--theme-hue) 16% 19%);
 --theme-surface:hsl(var(--theme-hue) 18% 15%);
 --line:hsl(var(--theme-hue) 14% 28%);
 background:hsl(var(--theme-hue) 18% 9%);
}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(header,.metric,.panel,.match,.empty,.loading,dialog){background:var(--theme-surface);color:var(--theme-ink)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(input,select,.outline,.navigation-toggle){background:var(--theme-control);color:var(--theme-ink);border-color:var(--line);accent-color:var(--green)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.hero,#toast:not(.error)){background:var(--theme-hero);color:#fff}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .hero :is(p,.eyebrow,.hero-right small){color:var(--mint)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .hero::after{border-color:var(--mint);background:linear-gradient(90deg,transparent 49.8%,var(--mint) 50%,transparent 50.3%)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .hero-field{border-color:var(--mint)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .round-label{background:var(--theme-selected);border-color:var(--mint);color:var(--mint)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .navigation-dropdown{background:var(--theme-nav);border-color:var(--theme-selected)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .navigation-dropdown button{color:#dce1e5}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .navigation-dropdown button:is(:hover,.active){background:var(--theme-selected);color:var(--mint)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .navigation-toggle:is(:hover,[aria-expanded=true]){background:var(--theme-tint);border-color:var(--green)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.filter-tabs,th,.next-match,.live-match,.pending-matches,.model-callout,.pipeline b,.calendar-option,.team-highlight,.real-score:not(.is-live)){background:var(--theme-soft);color:var(--theme-ink)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.filter-tabs button.active,.selected-season,.watched-match,.live-table-row,.team-history-table tbody tr:hover){background:var(--theme-tint);color:var(--theme-ink)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.category-chip,.chip,.metric-icon,.favorite-star.chosen,.avatar,.close,.mobile-chip,.confidence.strong){background:var(--theme-tint);color:var(--theme-text)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.brand-icon,.dot){background:var(--mint);color:var(--theme-nav)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.next-match h3,.countdown strong,.team-highlight strong,.model-callout strong,.pick-label b,.season-button,.live-label,.calendar-option summary){color:var(--theme-text)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.team strong,td:first-child,.score,.prob-labels strong,.stat-row strong,.header-title .brand){color:var(--theme-ink)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.panel p,.definition,.note,.metric small,.metric-head,.section-head p,.mini-title,.count-label,footer,.breadcrumb,.dialog-header p,.leader-cell small,.team-history-table td small,.filter-tabs button,.next-match p,.countdown small,.pick-label,.live-phase,.live-footer,.live-footer a,.roster label,.roster small,.settings-field,.team-highlight small){color:var(--theme-muted)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(td,.match-bottom,.team-highlight,.pipeline b){border-color:var(--line)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .chart-bar{background:color-mix(in srgb,var(--green) 55%,var(--theme-soft))}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.chart-col.current .chart-bar,.prob-bar .selected){background:var(--green)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.match:hover,.match-center){border-color:var(--green)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .button:not(.outline){color:#fff}
:root[data-theme=dark]:is([data-color=red],[data-color=blue],[data-color=gray]) .button:not(.outline){color:var(--theme-nav)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(button,a,input,select):focus-visible{outline-color:var(--green)}
@media(max-width:400px){.theme-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Shared brand mark for header, sign-in and mobile settings. */
:root{--brand-ink:#101e24;--brand-accent:var(--green);--brand-mark-ink:#fff}
:root[data-theme=dark]{--brand-ink:#e2ebdf;--brand-accent:var(--mint);--brand-mark-ink:#122723}
.brand,.header-title .brand,.login-brand{color:var(--brand-ink)}
.brand-icon,.header-title .brand-icon{width:31px;height:31px;font-size:27px;flex-shrink:0;background:var(--brand-accent);color:var(--brand-mark-ink)}
.brand-dot,.header-title .brand-dot{color:var(--brand-accent)}
.mobile-app-icon{background:transparent}
.mobile-app-icon .brand-icon{width:31px;height:31px;font-size:27px}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) :is(.brand,.login-brand){color:var(--theme-ink)}
:root:is([data-color=red],[data-color=blue],[data-color=gray]) .brand-dot{color:var(--green)}

/* Do not inherit a different font weight or spacing outside the wordmark. */
.brand-icon,.header-title .brand-icon,.mobile-app-icon .brand-icon{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:750;letter-spacing:-1.4px;line-height:1;border-radius:11px}