:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f6f8;--surface:#fff;--surface-muted:#eef2f5;--border:#d7dee6;--text:#17202a;--muted:#617081;--accent:#b92121;--accent-muted:#f3d6d6;--top-row-bg:#c8d8bf;--favorite-row-bg:#c9a83a;--favorite-row-text:#17130b;--own-marker:#f0d000;--tip-points:#c01f1f;--position-up:#1e8f52;--position-down:#c01f1f;--hover-overlay:#1b5d921f;--shadow:0 1px 3px #0f172a1a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#15191f;--surface:#20262e;--surface-muted:#2a323c;--border:#3a4652;--text:#eef3f8;--muted:#a3afbd;--accent:#f36f5c;--accent-muted:#5a2d2a;--top-row-bg:#365139;--favorite-row-bg:#6c5416;--favorite-row-text:#f7f1dc;--own-marker:#f4d400;--tip-points:#ff6a5e;--position-up:#67d58c;--position-down:#ff6a5e;--hover-overlay:#89b8dd2e;--shadow:none}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#15191f;--surface:#20262e;--surface-muted:#2a323c;--border:#3a4652;--text:#eef3f8;--muted:#a3afbd;--accent:#f36f5c;--accent-muted:#5a2d2a;--top-row-bg:#365139;--favorite-row-bg:#6c5416;--favorite-row-text:#f7f1dc;--own-marker:#f4d400;--tip-points:#ff6a5e;--position-up:#67d58c;--position-down:#ff6a5e;--hover-overlay:#89b8dd2e;--shadow:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,input{font:inherit}.app-shell{flex-direction:column;gap:10px;height:100dvh;padding:10px;display:flex;overflow:hidden}.top-status{justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 4px;display:flex}.top-status h1{margin:0;font-size:20px;font-weight:720;line-height:1.1}.brand-block{align-items:center;gap:10px;min-width:0;display:flex}.brand-logo{width:42px;height:42px;box-shadow:var(--shadow);border-radius:9px;flex:none}.top-status span,.panel-header span,.muted{color:var(--muted)}.top-status strong{color:var(--accent);font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.toolbar-select{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.toolbar-select select{border:1px solid var(--border);background:var(--surface);max-width:210px;min-height:30px;color:var(--text);border-radius:5px;padding:4px 7px}.icon-text-button{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--text);cursor:pointer;border-radius:5px;padding:5px 9px}.icon-text-button:hover{border-color:var(--accent)}.desktop-dashboard{flex:1;min-height:0;display:grid;overflow:hidden}.matchday-pane{grid-area:1/1;min-width:0;min-height:0}.league-pane{grid-area:3/1;min-width:0;min-height:0}.ranking-pane{grid-area:5/1;min-width:0;min-height:0}.tips-pane{grid-area:1/3/6;min-width:0;min-height:0}.panel{background:var(--surface);border:1px solid var(--border);min-width:0;height:100%;min-height:0;box-shadow:var(--shadow);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:10px;min-height:40px;padding:8px 10px;display:flex}.panel-header>div:first-child{min-width:0}.panel-header h2{margin:0;font-size:14px;line-height:1.1}.panel-header span{margin-top:2px;font-size:11px;display:block}.panel-actions{flex:none}.panel-select{border:1px solid var(--border);background:var(--surface);max-width:190px;min-height:28px;color:var(--text);border-radius:5px;padding:3px 7px;font-size:11px}.panel-body{flex:1;min-height:0;overflow:hidden}.table-scroll{width:100%;height:100%;overflow-y:auto}.horizontal-scroll{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px;line-height:1.25}.data-table th,.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:5px 7px}.data-table th{z-index:2;background:var(--surface-muted);color:var(--muted);text-align:left;font-size:11px;font-weight:700;position:sticky;top:0}.data-table tbody tr:nth-child(2n) td{background:color-mix(in srgb, var(--surface-muted) 45%, transparent)}.data-table tbody tr:hover td,.data-table tbody tr.is-linked-hover td{box-shadow:inset 0 0 0 9999px var(--hover-overlay)}.data-table tbody tr.is-favorite-tipper{--row-bg:var(--favorite-row-bg);color:var(--favorite-row-text)}.data-table tbody tr.is-top-points{--row-bg:var(--top-row-bg)}.data-table tbody tr.is-favorite-tipper td,.data-table tbody tr.is-top-points td{background:var(--row-bg)}.data-table tbody tr.is-own-tipper td:first-child{border-left:5px solid var(--own-marker);padding-left:2px}.matchday-table tbody tr.is-active-match td{font-weight:850}.matchday-table tbody tr.is-active-match .score-cell{font-weight:900}.number-column{width:1%;text-align:right!important}.score-column{text-align:center!important}.score-cell{text-align:center;min-width:44px;color:var(--accent);font-weight:800}.strong{font-weight:780}.nowrap{white-space:nowrap}.sticky-name{z-index:1;text-overflow:ellipsis;background:var(--row-bg,var(--surface));min-width:150px;max-width:210px;position:sticky;left:0;overflow:hidden}th.sticky-name{z-index:3;background:var(--surface-muted)}.tips-table,.overall-matrix-table{width:max-content}.tips-table th,.tips-table td,.overall-matrix-table th,.overall-matrix-table td{padding-inline:8px}.delta-column{width:42px;min-width:42px;text-align:center!important}.position-delta{justify-content:center;align-items:center;gap:3px;min-width:28px;font-size:11px;font-weight:800;display:inline-flex}.position-delta-up{color:var(--position-up)}.position-delta-down{color:var(--position-down)}.position-delta-same{color:var(--muted)}.position-delta-icon{width:0;height:0;display:inline-block}.position-delta-up .position-delta-icon{border-bottom:8px solid;border-left:5px solid #0000;border-right:5px solid #0000}.position-delta-down .position-delta-icon{border-top:8px solid;border-left:5px solid #0000;border-right:5px solid #0000}.position-delta-same .position-delta-icon{background:currentColor;border-radius:50%;width:6px;height:6px}.tip-column{min-width:58px;max-width:66px;text-align:center!important}.tip-header-stack{grid-template-rows:repeat(3,auto);justify-items:center;gap:1px;min-width:36px;line-height:1.05;display:grid}.tip-header-stack span,.tip-header-stack strong{display:block}.tip-header-stack strong{color:var(--text);font-size:10px}.tip-cell{text-align:center;min-width:58px}.tip-score{font-weight:620}.tip-points{color:var(--tip-points);margin-left:2px;font-size:.72em;font-weight:800;line-height:0;position:relative;top:.48em}.summary-column{width:48px;min-width:48px;text-align:right!important}.matchday-value-column{min-width:38px;text-align:right!important}.top-points-value{color:var(--tip-points);font-weight:900}.resize-handle{touch-action:none;background:0 0}.resize-handle:after{content:"";background:var(--border);opacity:.9;border-radius:3px;width:100%;height:100%;display:block}.resize-handle:hover:after{background:var(--accent)}.resize-handle-vertical{cursor:col-resize;grid-area:1/2/6}.resize-handle-left-top{cursor:row-resize;grid-area:2/1}.resize-handle-left-bottom{cursor:row-resize;grid-area:4/1}.matchday-actions{align-items:center;gap:5px;font-size:12px;display:inline-flex}.matchday-actions span{min-width:22px;color:var(--text);text-align:center;margin:0;font-weight:750}.compact-button{border:1px solid var(--border);background:var(--surface);min-width:28px;min-height:26px;color:var(--text);cursor:pointer;border-radius:5px;padding:2px 7px}.compact-button:hover:not(:disabled){border-color:var(--accent)}.compact-button:disabled{cursor:not-allowed;opacity:.45}.segmented-control{border:1px solid var(--border);border-radius:5px;display:inline-flex;overflow:hidden}.segmented-control button,.mobile-tabs button{color:var(--text);cursor:pointer;background:0 0;border:0}.segmented-control button{padding:4px 8px;font-size:11px}.segmented-control button.active,.mobile-tabs button.active{background:var(--accent);color:#fff}.empty-state{color:var(--muted);padding:16px;font-size:13px}.hover-dialog{z-index:18;pointer-events:none;border:1px solid var(--border);background:var(--surface);width:484px;color:var(--text);border-radius:6px;padding:9px;position:fixed;overflow:hidden;box-shadow:0 12px 28px #0f172a2e}.hover-dialog header{border-bottom:1px solid var(--border);padding-bottom:6px}.hover-dialog h3{margin:0;font-size:13px;line-height:1.2}.hover-dialog header span,.hover-dialog p,.hover-dialog-loading{color:var(--muted);font-size:11px}.hover-dialog dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin:7px 0 0;display:grid}.hover-dialog dl div{justify-content:space-between;gap:12px;display:flex}.hover-dialog dt{color:var(--muted);font-size:11px}.hover-dialog dd{text-align:right;margin:0;font-size:11px;font-weight:760}.hover-dialog p{margin:6px 0 0}.hover-dialog-loading{padding-top:9px}.hover-charts{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 8px;margin-top:8px;padding-top:7px;display:grid}.hover-charts section{min-height:58px}.hover-charts h4{color:var(--muted);margin:0 0 3px;font-size:11px;line-height:1.1}.hover-charts canvas{display:block;width:100%!important;height:48px!important}.hover-charts .hover-chart-tall{min-height:58px}.hover-charts .hover-chart-tall canvas{height:48px!important}.options-backdrop{z-index:20;background:#080d1261;justify-content:flex-end;display:flex;position:fixed;inset:0}.options-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;gap:14px;width:min(380px,100vw);height:100%;padding:14px;display:flex;box-shadow:-8px 0 28px #0f172a29}.options-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.options-header h2,.favorites-options h3{margin:0;font-size:16px}.field{gap:5px;font-size:13px;display:grid}.field span,.favorites-options h3{color:var(--muted)}.field select{border:1px solid var(--border);background:var(--surface-muted);width:100%;min-height:34px;color:var(--text);border-radius:5px;padding:5px 7px}.favorites-options{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.favorites-list{border:1px solid var(--border);border-radius:6px;min-height:0;overflow-y:auto}.checkbox-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;min-height:32px;padding:5px 8px;font-size:13px;display:flex}.checkbox-row:last-child{border-bottom:0}.checkbox-row input{flex:none}.mobile-dashboard{display:none}@media (width<=780px){.app-shell{padding:8px;overflow:hidden}.top-status{min-height:44px}.top-status h1{font-size:18px}.brand-logo{border-radius:8px;width:36px;height:36px}.top-status{align-items:flex-start}.top-actions{flex-direction:column;align-items:flex-end}.toolbar-select{flex-direction:column;align-items:flex-end;gap:3px}.toolbar-select select{max-width:160px}.desktop-dashboard{display:none}.mobile-dashboard{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.mobile-tabs{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.mobile-tabs button{border-right:1px solid var(--border);min-height:38px;font-size:13px}.mobile-tabs button:last-child{border-right:0}.mobile-dashboard .panel{flex:1}.hover-dialog{display:none}.data-table{font-size:11px}.data-table th,.data-table td{padding:5px 6px}}