*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}.home-page{display:flex;flex-direction:column;gap:32px;width:100%;max-width:880px;margin:0 auto;padding:16px 0 8px}.home-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0 8px}.home-hero-mark{width:88px;height:88px;margin-bottom:16px}.home-heading{margin:0;font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.home-heading-accent{color:var(--primary)}.home-tagline{margin:14px 0 0;max-width:520px;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.home-tips-card{display:flex;align-items:center;gap:16px;width:100%;padding:18px 20px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:linear-gradient(100deg,var(--primary-light),transparent 70%),var(--surface);border:1px solid rgba(255,107,0,.35);border-radius:var(--radius);transition:border-color .15s ease,transform .15s ease}.home-tips-card:hover{border-color:var(--primary);transform:translateY(-2px)}.home-tips-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:10px;background:var(--primary);color:var(--on-primary)}.home-tips-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.home-tips-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text)}.home-tips-sub{font-size:.85rem;color:var(--text-secondary)}.home-tips-cta{flex-shrink:0;font-size:.85rem;font-weight:600;color:var(--primary)}.home-group{display:flex;flex-direction:column;gap:12px}.home-group-title{display:flex;align-items:center;gap:12px;margin:0;font-family:var(--font-body);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.home-group-title:after{content:"";flex:1;height:1px;background:var(--border)}.home-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.league-tile{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease,background .15s ease,transform .15s ease}.league-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform .18s ease}.league-tile:hover{background:var(--surface-raised);border-color:var(--border-strong);transform:translateY(-2px)}.league-tile:hover:before{transform:scaleY(1)}.league-tile-flag{width:32px;height:20px;flex-shrink:0;border-radius:4px;box-shadow:0 0 0 1px #ffffff14}.league-tile-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.league-tile-label{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-tile-season{font-size:.8rem;color:var(--text-muted)}.league-tile-chevron{flex-shrink:0;color:var(--text-muted);transition:color .15s ease,transform .15s ease}.league-tile:hover .league-tile-chevron{color:var(--primary);transform:translate(3px)}@media (max-width: 560px){.home-page{gap:24px;padding-top:0}.home-hero-mark{width:68px;height:68px}.home-heading{font-size:1.9rem}.home-tagline{font-size:.875rem}.home-tips-card{padding:14px 16px;gap:12px}.home-tips-cta{display:none}.home-tiles{grid-template-columns:1fr;gap:8px}.league-tile{padding:14px 16px}}.league-table-container{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.league-table-container h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text)}.league-table-wrapper{overflow-x:hidden}.league-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.league-table th,.league-table td{padding:9px 8px;text-align:center;border-bottom:1px solid var(--border);white-space:nowrap}.league-table th{color:var(--text-secondary);font-weight:500;border-bottom:2px solid var(--border);font-size:.8rem}.league-table tbody tr:hover{background:var(--surface-hover)}.league-table tbody tr.divider-below td{border-bottom:1px solid rgba(255,107,0,.55)}.league-table td.col-pos{color:var(--text-muted);font-weight:600}.col-pos{width:36px}.col-team{text-align:left;width:auto}.league-table th.col-team{text-align:left}.col-pts{font-weight:700}.col-form{width:90px}.col-p{width:26px}.col-gd{width:32px}.col-w{color:var(--positive)}.col-d{color:var(--text-secondary)}.col-l{color:var(--negative)}.positive{color:var(--positive)}.negative{color:var(--negative)}.team-cell{display:flex;align-items:center;gap:7px;min-width:0}.team-cell-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700}.form-squares{display:flex;gap:3px;justify-content:center}.form-square{display:inline-block;width:14px;height:14px;border-radius:4px;flex-shrink:0}.form-W{background:var(--positive)}.form-D{background:#525252}.form-L{background:var(--negative)}@media (max-width: 768px){.hide-mobile{display:none}.league-table{font-size:.78rem}.league-table th,.league-table td{padding:8px 5px}.col-pos{width:24px}.col-form{width:58px}.col-p{width:24px}.col-gd{width:28px}.col-pts{width:30px}.form-squares{gap:2px}.form-square{width:10px;height:10px;border-radius:2px}}.team-cell-link{cursor:pointer}.team-cell-name{transition:color .12s ease}.team-cell-link:hover .team-cell-name{color:var(--primary)}.league-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.highlight-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.highlight-group h3{margin:0 0 12px;font-size:1rem;font-weight:600;color:var(--text)}.highlight-tiles{display:flex;flex-direction:column;gap:10px}.highlight-tile{position:relative;display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border);border-radius:8px}.highlight-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.highlight-value{font-size:1.4rem;font-weight:700;color:var(--text)}.highlight-teams{display:flex;flex-wrap:wrap;gap:4px 12px}.highlight-team{display:inline-flex;align-items:center;gap:7px;font-size:.875rem;min-width:0}.highlight-team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.highlight-info-btn{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.highlight-info-btn:hover{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.highlight-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000008c}.highlight-modal{display:flex;flex-direction:column;width:100%;max-width:520px;max-height:85vh;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 12px 40px #00000059}.highlight-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}.highlight-modal-header h3{margin:0;font-size:1.05rem;color:var(--text)}.highlight-modal-close{border:none;background:transparent;color:var(--text-secondary);font-size:1.6rem;line-height:1;cursor:pointer}.highlight-modal-close:hover{color:var(--text)}.highlight-modal-body{overflow:auto;padding:0 8px 8px}.highlight-modal-table{width:100%;border-collapse:collapse;font-size:.875rem}.highlight-modal-table th{position:sticky;top:0;padding:10px 8px;background:var(--surface);border-bottom:1px solid var(--border);text-align:right;font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.highlight-modal-table th:nth-child(2){text-align:left}.highlight-modal-table td{padding:8px;border-bottom:1px solid var(--border);color:var(--text)}.highlight-rank-col{width:28px;text-align:center!important;color:var(--text-secondary)}.highlight-num{text-align:right;font-variant-numeric:tabular-nums}.highlight-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.highlight-sortable:hover{color:var(--text)}.highlight-sort-active{color:var(--primary)!important;font-weight:600}.projection-table .col-xgdiff{width:80px}.projection-table .col-xpts{width:72px}.projection-table .col-rem{width:56px}.projection-table .col-cur-pts{width:48px}.projection-table .col-proj-pts{width:84px}@media (max-width: 480px){.projection-table .col-xgdiff{width:72px}.projection-table .col-proj-pts{width:68px}}.team-header-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;align-items:center;gap:16px}.team-header-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-light);color:var(--primary);box-shadow:inset 0 0 0 1px #ff6b0066;font-family:var(--font-display);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700}.team-header-name{margin:0 0 4px;font-size:1.25rem;font-weight:700;color:var(--text)}.team-header-meta{margin:0;font-size:.85rem;color:var(--text-secondary)}.metric-trend-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.metric-trend-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-trend-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text)}.metric-trend-badge{font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-hover);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.metric-trend-badge.positive{color:var(--positive);background:var(--positive-soft)}.metric-trend-badge.negative{color:var(--negative);background:var(--negative-soft)}.metric-trend-chart{height:145px}.metric-trend-empty{height:145px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.8rem;text-align:center}.metric-trend-tooltip{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:.75rem;color:var(--text);display:flex;flex-direction:column;gap:2px}.metric-trend-tooltip span{color:var(--text-secondary)}.performance-indicator-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px}.performance-indicator-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}.performance-indicator-header h4{margin:0;font-size:.9rem;font-weight:600;color:var(--text)}.performance-indicator-badges{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.performance-indicator-group{display:flex;align-items:center;gap:7px}.performance-indicator-group-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px}.performance-status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.performance-status-dot.green{background:var(--positive)}.performance-status-dot.amber{background:var(--warning)}.performance-status-dot.red{background:var(--negative)}.performance-trend-arrow{font-size:1.1rem;font-weight:700;line-height:1}.performance-trend-arrow.green{color:var(--positive)}.performance-trend-arrow.amber{color:var(--warning)}.performance-trend-arrow.red{color:var(--negative)}.performance-gauge-track{position:relative;height:8px;border-radius:999px;background:linear-gradient(to right,var(--negative),var(--neutral),var(--positive));margin:0 8px}.performance-gauge-dot{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:var(--text);border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);transform:translate(-50%,-50%);transition:left .2s ease}.performance-gauge-labels{display:flex;justify-content:space-between;margin-top:10px;font-size:.72rem;color:var(--text-secondary)}.performance-breakdown-wrapper{margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.performance-breakdown-grid{display:grid;grid-template-columns:repeat(3,1fr)}.performance-mini-table{padding:0 14px}.performance-mini-table:first-child{padding-left:0}.performance-mini-table:last-child{padding-right:0}.performance-mini-table:not(:first-child){border-left:1px solid var(--border)}.performance-mini-table h5{margin:0 0 8px;font-size:.78rem;font-weight:600;color:var(--text)}.performance-mini-table-note{font-weight:400;color:var(--text-secondary)}.performance-mini-table table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.82rem}.performance-mini-table th,.performance-mini-table td{padding:5px 2px;text-align:center}.performance-mini-table th{color:var(--text-secondary);font-weight:500;font-size:.66rem;text-transform:uppercase;letter-spacing:.2px;border-bottom:1px solid var(--border);padding-bottom:6px}.performance-mini-table td{color:var(--text);padding-top:8px}.performance-breakdown-diff{font-weight:600}.performance-breakdown-diff.positive{color:var(--positive)}.performance-breakdown-diff.negative{color:var(--negative)}@media (max-width: 640px){.performance-breakdown-grid{grid-template-columns:1fr;gap:18px}.performance-mini-table{padding:0}.performance-mini-table:not(:first-child){border-left:none}}@media (max-width: 480px){.performance-mini-table table{font-size:.76rem}}.xg-log-container{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.xg-log-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.xg-log-container h3{margin:0;font-size:1rem;font-weight:600;color:var(--text);display:flex;align-items:baseline;gap:8px}.xg-log-toggle{display:flex;flex-wrap:wrap;gap:4px;background:var(--background);padding:4px;border-radius:10px;border:1px solid var(--border)}.xg-log-btn{padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.xg-log-btn:hover{background:var(--surface-hover);color:var(--text)}.xg-log-btn.active{background:var(--primary);color:var(--on-primary)}.xg-log-subtitle{font-size:.75rem;font-weight:400;color:var(--text-secondary)}.xg-log-wrapper{overflow-x:auto}.xg-log-table{width:100%;border-collapse:collapse;font-size:.875rem}.xg-log-table th,.xg-log-table td{padding:8px 12px;text-align:left;white-space:nowrap}.xg-log-table th{color:var(--text-secondary);font-weight:500;border-bottom:2px solid var(--border)}.xg-log-table tbody td{border-bottom:1px solid var(--border);color:var(--text)}.xg-log-table tbody tr:hover{background:var(--surface-hover)}.xg-log-table tfoot td{padding-top:10px;font-weight:600;color:var(--text);border-top:2px solid var(--border)}.xg-log-num{text-align:right;font-variant-numeric:tabular-nums}.xg-log-date{color:var(--text-secondary)}.xg-log-opponent{font-weight:500}.xg-log-venue{display:inline-block;width:18px;font-size:.7rem;font-weight:600;color:var(--text-secondary)}.xg-log-table tbody td.xg-log-positive,.xg-log-table tfoot td.xg-log-positive{color:var(--positive)}.xg-log-table tbody td.xg-log-negative,.xg-log-table tfoot td.xg-log-negative{color:var(--negative)}@media (max-width: 480px){.xg-log-container h3{flex-wrap:wrap}.xg-log-btn{padding:5px 8px;font-size:.75rem}.xg-log-table th,.xg-log-table td{padding:7px 8px;font-size:.78rem}}.xg-type-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;font:inherit;color:inherit;background:transparent;border:none;border-bottom:1px dashed var(--text-secondary);border-radius:0;padding:0 12px 0 0;margin:0;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-secondary) 50%),linear-gradient(135deg,var(--text-secondary) 50%,transparent 50%);background-position:calc(100% - 5px) 55%,calc(100% - 1px) 55%;background-size:4px 4px,4px 4px;background-repeat:no-repeat}.xg-type-select:hover,.xg-type-select:focus-visible{border-bottom-color:var(--primary);outline:none}.xg-type-select option{background:var(--surface);color:var(--text)}.radar-container{background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--primary) 10%,transparent) 0%,transparent 65%),var(--surface);border-radius:16px;padding:20px 16px 12px;border:1px solid var(--border);box-shadow:0 4px 18px #0000001f}.radar-header{margin-bottom:10px;text-align:center}.radar-header h3{margin:0;font-size:1.15rem;font-weight:700;color:var(--text)}.radar-subtitle{display:block;margin-top:4px;font-size:.72rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.radar-legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-bottom:4px}.radar-legend-item{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:var(--background);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--text)}.radar-legend-swatch{width:18px;height:0;border-top:4px solid var(--swatch);border-radius:2px}.radar-legend-swatch.dashed{border-top:3px dashed var(--swatch)}.view-toggle{display:inline-flex;gap:4px;background:var(--background);padding:4px;border-radius:10px;border:1px solid var(--border)}.view-toggle-btn{padding:6px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:all .2s ease}.view-toggle-btn:hover{background:var(--surface-hover);color:var(--text)}.view-toggle-btn.active{background:var(--primary);color:var(--on-primary)}.team-overview{display:flex;flex-direction:column;gap:16px}.metric-trend-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 640px){.metric-trend-grid{grid-template-columns:1fr}}.log-view-toggle{display:flex;justify-content:flex-end}.team-selector{background:var(--surface);border-radius:var(--radius);padding:16px;border:1px solid var(--border)}.team-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.team-selector-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.team-selector-buttons{display:flex;gap:8px}.select-all-btn,.clear-btn,.quick-select-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.875rem;padding:4px 8px;border-radius:4px;transition:background .2s ease}.select-all-btn:hover,.clear-btn:hover,.quick-select-btn:hover{background:var(--surface-hover)}.quick-select-btn.active{background:var(--primary);color:var(--on-primary)}.team-chips{display:flex;flex-wrap:wrap;gap:8px}.team-chip{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;border:1px solid var(--border-strong);background:transparent;cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text);transition:all .2s ease}.team-chip:hover{background:var(--surface-hover);transform:translateY(-1px)}.team-chip.selected{font-weight:600;border-color:var(--primary);background:var(--primary-light)}.team-chip-swatch{width:9px;height:9px;border-radius:50%;flex-shrink:0}@media (max-width: 480px){.team-chip{padding:6px 10px;font-size:.8rem}}.metric-toggle{display:flex;gap:4px;background:var(--background);padding:4px;border-radius:10px;border:1px solid var(--border)}.metric-btn{display:flex;align-items:center;justify-content:center;padding:8px 14px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.metric-btn:hover{background:var(--surface-hover);color:var(--text)}.metric-btn.active{background:var(--primary);color:var(--on-primary)}.metric-btn.active:hover{background:var(--primary);opacity:.9}@media (max-width: 480px){.metric-btn{padding:6px 10px;font-size:.8rem}}.line-chart-container{background:var(--surface);border-radius:var(--radius);padding:20px;border:1px solid var(--border)}.line-chart-container .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px}.line-chart-container .chart-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.line-chart-container .legend{display:flex;align-items:center;gap:16px}.line-chart-container .legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.line-chart-container .legend-line{width:20px;height:3px;border-radius:2px}.line-chart-container .legend-line.dashed{background:repeating-linear-gradient(90deg,var(--border) 0,var(--border) 5px,transparent 5px,transparent 8px);background-color:transparent;position:relative}.line-chart-container .legend-line.dashed:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--neutral);mask:repeating-linear-gradient(90deg,black 0,black 5px,transparent 5px,transparent 8px)}.chart-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.no-selection-message{display:flex;align-items:center;justify-content:center;height:250px;color:var(--text-secondary);text-align:center}.no-selection-message p{max-width:280px;line-height:1.5;font-size:.9rem}.line-custom-tooltip{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:10px 12px;box-shadow:0 4px 12px #00000026;max-width:200px}.line-custom-tooltip .tooltip-match{margin:0 0 6px;font-weight:600;color:var(--text);font-size:.85rem}.line-custom-tooltip .tooltip-entry{margin:0 0 3px;font-size:.8rem}.line-custom-tooltip .tooltip-entry:last-child{margin-bottom:0}.line-custom-tooltip .tooltip-entry strong{font-size:.85rem}.legend-text{color:var(--text);font-size:.8rem}@media (max-width: 768px){.line-chart-container{padding:16px 12px}.line-chart-container .chart-header h3{font-size:1rem}.chart-wrapper{margin:0 -4px}}@media (max-width: 480px){.line-chart-container{padding:12px 8px}.line-chart-container .chart-header{flex-direction:column;align-items:flex-start;margin-bottom:8px}.line-chart-container .chart-header h3{font-size:.95rem}.no-selection-message{height:200px}.no-selection-message p{font-size:.85rem;max-width:240px}.legend-text{font-size:.7rem}.line-custom-tooltip{padding:8px 10px;max-width:160px}.line-custom-tooltip .tooltip-match{font-size:.8rem}.line-custom-tooltip .tooltip-entry{font-size:.75rem}}.quadrant-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.quadrant-legend-item{font-size:.78rem;color:var(--text-secondary)}@media (max-width: 480px){.quadrant-legend{gap:6px 12px}.quadrant-legend-item{font-size:.72rem}}.comparisons-view{display:flex;flex-direction:column;gap:16px}.comparisons-empty{display:flex;align-items:center;justify-content:center;height:200px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);text-align:center;padding:0 24px}.comparisons-empty p{margin:0;font-size:.9rem;max-width:320px}.comparisons-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.allstats-view{display:flex;flex-direction:column;gap:14px}.stats-tables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.stats-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.stats-section h4{margin:0 0 10px;font-size:.875rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:6px}.stats-note{font-size:.72rem;font-weight:400;color:var(--text-secondary)}.stats-table{width:100%;border-collapse:collapse;font-size:.82rem;table-layout:fixed}.stats-table th,.stats-table td{padding:7px 6px;text-align:left;border-bottom:1px solid var(--border)}.stats-table th{color:var(--text-secondary);font-weight:500;border-bottom:2px solid var(--border);font-size:.75rem}.stats-table tbody tr:last-child td{border-bottom:none}.stats-table tbody tr:hover{background:var(--surface-hover)}.stats-rank-col{width:28px}.stats-rank{color:var(--text-secondary);font-size:.75rem}.stats-team-cell{display:flex;align-items:center;gap:7px;color:var(--text);min-width:0}.stats-team-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.stats-num{text-align:right;font-variant-numeric:tabular-nums}.allstats-val-col{width:62px;text-align:right;white-space:nowrap}.xgvg-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.xgvg-sortable:hover{color:var(--text)}.xgvg-active{color:var(--primary)!important;font-weight:600}@media (max-width: 640px){.stats-tables-grid{grid-template-columns:1fr}}.fixtures-container h3{margin:20px 0 10px}.fixtures-round{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:12px}.fixtures-round h4{margin:0 0 8px;font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.fixture-row{display:grid;grid-template-columns:90px 1fr auto 1fr;align-items:center;gap:10px;padding:6px 0;border-top:1px solid var(--border);font-size:.9rem}.fixture-row:first-of-type{border-top:none}.fixture-date{color:var(--text-secondary);font-size:.8rem}.fixture-home{text-align:right}.fixture-score{text-align:center;min-width:150px;white-space:nowrap}.fixture-dash{margin:0 6px}.fixtures-note{margin:0 0 10px;color:var(--text-secondary);font-size:.8rem}.fixture-xg{margin:0 0 0 4px;color:var(--text-secondary);font-size:.8rem}.fixtures-empty{color:var(--text-secondary)}.fixture-tip{grid-column:1 / -1;justify-self:center;padding:2px 8px;border-radius:4px;background:var(--surface-hover);color:var(--text-secondary);font-size:.75rem}.fixture-tip strong{color:var(--text)}.fixture-tip-top,.fixture-tip-top strong{color:var(--primary)}@media (max-width: 600px){.fixture-row{grid-template-columns:1fr auto 1fr}.fixture-date{grid-column:1 / -1}.fixture-score{min-width:0}}.fixtures-round-label{margin-left:8px;padding:1px 6px;border-radius:4px;background:var(--surface-hover);font-size:.7rem}.gp-container{display:flex;flex-direction:column;gap:16px}.gp-note{margin:0 0 12px;color:var(--text-secondary);font-size:.8rem}.gp-footnote{margin:10px 0 0}.gp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.gp-header h3{margin:0}.gp-match{border-top:1px solid var(--border)}.gp-match:first-of-type{border-top:none}.gp-match-row{display:grid;grid-template-columns:140px 1fr auto 1fr;align-items:center;gap:10px;padding:8px 0;font-size:.9rem;cursor:pointer;list-style:none}.gp-match-row::-webkit-details-marker{display:none}.gp-match-row:hover{background:var(--surface-hover)}.gp-date{color:var(--text-secondary);font-size:.8rem}.gp-home .team-cell{justify-content:flex-start;flex-direction:row-reverse}.gp-home,.gp-away{min-width:0}.gp-score{text-align:center;min-width:110px;white-space:nowrap;color:var(--primary)}.gp-dash{margin:0 8px;color:var(--text-secondary)}.gp-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:4px 0 12px;font-size:.78rem;color:var(--text-secondary)}.gp-strength{display:flex;flex-direction:column;gap:2px}.gp-strength strong{color:var(--text)}.gp-h2h{grid-column:1 / -1}.gp-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.gp-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--background)}.gp-stat-label{font-size:.75rem;color:var(--text-secondary)}.gp-stat-value{font-size:1.25rem;font-weight:700;color:var(--text)}.gp-stat-sub{font-size:.72rem;color:var(--text-secondary)}.gp-table .gp-col-match{text-align:left}.gp-match-teams{display:flex;flex-direction:column;gap:4px}.gp-table .gp-col-num{width:64px}.gp-table .gp-col-err{width:64px;font-weight:700}.gp-match-teams .team-cell,.gp-stack span{display:block;line-height:1.5}.gp-match-teams .team-cell{display:flex}.gp-stack span+span{margin-top:4px}.gp-actual{font-weight:700}.gp-xg{color:var(--text-secondary)}@media (max-width: 600px){.gp-match-row{grid-template-columns:1fr auto 1fr}.gp-date{grid-column:1 / -1}.gp-score{min-width:0}.gp-breakdown{grid-template-columns:1fr}.gp-table .gp-col-num,.gp-table .gp-col-err{width:52px}}.an-table .an-col-league{text-align:left;overflow:hidden;text-overflow:ellipsis}.an-table .an-col-num{width:72px}.an-table .an-col-bar{width:30%}.an-table tr.an-active td{background:var(--primary-light)}.an-table tr.an-total td{font-weight:700;border-top:2px solid var(--border)}.an-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--background)}.an-bar span{height:100%}.an-bar-good{background:var(--positive)}.an-bar-fair{background:var(--text)}.an-bar-poor{background:var(--negative)}@media (max-width: 600px){.an-table .an-col-num{width:60px}}.betting-view{display:flex;flex-direction:column;gap:14px}.betting-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px}.betting-section h4{margin:0 0 10px;font-size:.875rem;font-weight:600;color:var(--text)}.betting-table{width:100%;border-collapse:collapse;font-size:.82rem}.betting-table th,.betting-table td{padding:7px 6px;text-align:left;border-bottom:1px solid var(--border)}.betting-table th{color:var(--text-secondary);font-weight:500;border-bottom:2px solid var(--border);font-size:.75rem;white-space:normal;word-break:break-word;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:bottom;line-height:1.2}.betting-table th:hover{color:var(--text)}.betting-table th.sort-active{color:var(--primary)}.betting-table tbody tr:last-child td{border-bottom:none}.betting-table tbody tr:hover{background:var(--surface-hover)}.bet-rank-col{width:24px}.bet-val-col{width:52px;text-align:right}.bet-rank{color:var(--text-secondary);font-size:.75rem}.bet-team-cell{display:flex;align-items:center;gap:7px;color:var(--text)}.bet-num{text-align:right;font-variant-numeric:tabular-nums}.bet-num.sort-active{font-weight:600;color:var(--primary)}.sort-arrow{font-size:.7rem}@media (max-width: 640px){.betting-table{font-size:.75rem}.bet-val-col{width:52px}.betting-table th,.betting-table td{padding:6px 4px}}.betting-note{margin:0;color:var(--text-secondary);font-size:.8rem}.tips-top{list-style:none;margin:0;padding:0}.tips-top-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.tips-top-item:first-child{border-top:none;padding-top:0}.tips-rank{flex:0 0 26px;height:26px;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:center}.tips-top-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.tips-bet{font-weight:600;color:var(--text)}.tips-match,.tips-proj,.tips-edge{color:var(--text-secondary);font-size:.75rem}.tips-likelihood{display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums}.tips-likelihood strong{font-size:1.1rem;color:var(--primary)}.tips-likelihood span{color:var(--text-secondary);font-size:.7rem;white-space:nowrap}.tips-record{margin-top:10px}.tips-table td{vertical-align:top}.tips-match-teams{display:flex;flex-direction:column;gap:2px}.tips-row-top td{background:var(--surface-hover)}.tips-star{color:var(--primary)}.tips-table th{white-space:nowrap}.tips-table .bet-val-col{width:72px}.all-tips-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.all-tips-header h3{margin:0}.all-tips-league{font-weight:400;color:var(--text-secondary)}.all-tips-link{padding:0;border:none;background:none;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.all-tips-link:hover{color:var(--primary)}.all-tips-pool{margin-top:12px;font-size:.8rem;color:var(--text-secondary)}.all-tips-pool summary{cursor:pointer;margin-bottom:8px}:root{--primary: #FF6B00;--primary-hover: #FF8126;--primary-light: rgba(255, 107, 0, .14);--primary-ring: rgba(255, 107, 0, .45);--on-primary: #141414;--background: #121212;--surface: #1A1A1A;--surface-raised: #212121;--surface-hover: #262626;--border: #2A2A2A;--border-strong: #3A3A3A;--text: #F5F5F5;--text-secondary: #A3A3A3;--text-muted: #737373;--positive: #22C55E;--positive-soft: rgba(34, 197, 94, .14);--negative: #EF4444;--negative-soft: rgba(239, 68, 68, .14);--neutral: #8C8C8C;--warning: #F59E0B;--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .35), 0 8px 24px rgba(0, 0, 0, .22);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Poppins", var(--font-body);--content-width: 1200px;color-scheme:dark}*{box-sizing:border-box}html{overflow-x:clip}body{margin:0;padding:0;overflow-x:clip;font-family:var(--font-body);background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--primary);color:var(--on-primary)}button,select,input{font-family:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#121212e0;backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.app-header:before{content:"";display:block;height:3px;background:var(--primary)}.header-content{max-width:var(--content-width);margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.logo-section{display:flex;align-items:center;gap:14px;min-width:0}.logo-section h1{margin:0;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;line-height:1}.logo-section h1.title{color:var(--text);display:flex;align-items:center;gap:10px}.title-wordmark-accent{color:var(--primary)}.title-logo-btn{display:flex;padding:0;border:none;background:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:transform .2s ease}.title-logo-btn:hover{transform:rotate(-12deg)}.title-logo{height:36px;width:36px;flex-shrink:0;display:block}.title-clickable{cursor:pointer}.subtitle{padding-left:14px;border-left:1px solid var(--border-strong);font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-badges{display:flex;align-items:center;gap:8px}.home-back-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-strong);border-radius:999px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease}.home-back-btn:hover{color:var(--text);border-color:var(--primary);background:var(--primary-light)}.header-badge{padding:6px 12px;border-radius:999px;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:600;white-space:nowrap}.toolbar-bar{max-width:var(--content-width);margin:0 auto;padding:0 20px}.view-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:0}.view-tabs{display:flex;gap:4px}.view-tab{position:relative;padding:12px 16px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s ease}.view-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:transparent;transition:background .15s ease}.view-tab:hover,.view-tab.active{color:var(--text)}.view-tab.active:after{background:var(--primary)}.view-toolbar>.secondary-tabs,.view-toolbar>.team-select-group{margin:0}.sub-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 0 14px;border-top:1px solid var(--border)}.sub-toolbar:empty{display:none}.secondary-tabs{display:inline-flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border);border-radius:999px}.secondary-tabs .view-tab{padding:6px 16px;border-radius:999px;font-size:.8rem}.secondary-tabs .view-tab:after{display:none}.secondary-tabs .view-tab:hover{background:var(--surface-hover)}.secondary-tabs .view-tab.active{background:var(--primary);color:var(--on-primary)}.team-select-group{display:flex;align-items:center;gap:10px}.team-select-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.team-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A3A3A3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border-strong);color:var(--text);border-radius:999px;padding:7px 34px 7px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s ease}.team-select:hover{border-color:var(--text-muted)}.team-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.app-main{flex:1;max-width:var(--content-width);width:100%;margin:0 auto;padding:28px 20px 40px;display:flex;flex-direction:column;gap:24px}.projection-view-toggle{display:flex;justify-content:flex-end;margin-bottom:12px}.app-main h2,.app-main h3{font-family:var(--font-display);letter-spacing:-.01em}.app-main table{font-variant-numeric:tabular-nums}.app-main table th{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.app-main table tbody tr{transition:background .12s ease}.app-main table tbody tr:hover{background:var(--surface-raised)}.app-footer{border-top:1px solid var(--border);padding:28px 20px;text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--font-display);font-weight:700;font-size:1rem;color:var(--text)}.footer-brand img{width:22px;height:22px}.app-footer p{margin:0 0 4px;color:var(--text-muted);font-size:.8rem}.app-footer p:last-child{margin-bottom:0}.app-footer a{color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.app-footer a:hover{color:var(--primary)}@media (max-width: 768px){.header-content{padding:10px 16px}.logo-section{gap:10px}.logo-section h1{font-size:1.15rem}.title-logo{height:32px;width:32px}.subtitle{padding-left:10px;font-size:.85rem}.header-badges{display:none}.app-main{padding:20px 16px 32px;gap:16px}.toolbar-bar{padding:0 16px}}@media (max-width: 560px){.title-wordmark-league{display:none}}@media (max-width: 480px){.view-tabs{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.view-tabs::-webkit-scrollbar{display:none}.view-toolbar>.view-tabs{justify-content:space-between}.view-tab{padding:12px 10px 14px;font-size:.85rem;flex-shrink:0}.secondary-tabs .view-tab{padding:6px 12px}.home-back-btn{padding:7px 10px}}
