:root{--bg-body: #f4f7f5;--bg-card: #ffffff;--bg-header: rgba(255, 255, 255, .82);--bg-elevated: #ffffff;--bg-subtle: #eef4f0;--bg-hover: #e8f0eb;--bg-field: #ffffff;--bg-strip: rgba(16, 185, 129, .05);--text-primary: #0f1f17;--text-secondary: #4a5c52;--text-muted: #7b8f85;--text-inverse: #ffffff;--border: #d6e4dc;--border-strong: #b7d0c2;--shadow-sm: 0 1px 2px rgba(15, 31, 23, .05);--shadow: 0 8px 24px rgba(15, 31, 23, .08);--shadow-lg: 0 18px 48px rgba(15, 31, 23, .12);--accent: #10b981;--accent-soft: rgba(16, 185, 129, .12);--accent-dark: #059669;--accent-light: #6ee7b7;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--radius-sm: 8px;--radius: 14px;--radius-lg: 22px;--max-width: 1200px;--transition-fast: .15s ease;--transition: .25s ease}body.dark{--bg-body: #0b1410;--bg-card: rgba(22, 36, 29, .78);--bg-header: rgba(11, 20, 16, .78);--bg-elevated: #1b2d24;--bg-subtle: #14241c;--bg-hover: #1e3228;--bg-field: #112019;--bg-strip: rgba(16, 185, 129, .07);--text-primary: #eefcf5;--text-secondary: #a8bfb4;--text-muted: #6f867c;--text-inverse: #0b1410;--border: #21362c;--border-strong: #325244;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 18px 48px rgba(0, 0, 0, .45);--accent: #34d399;--accent-soft: rgba(52, 211, 153, .14);--accent-dark: #10b981;--accent-light: #6ee7b7}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.5;min-height:100vh;transition:background var(--transition),color var(--transition)}.app-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 10% 10%,var(--accent-soft),transparent 28%),radial-gradient(circle at 90% 30%,rgba(59,130,246,.06),transparent 25%),var(--bg-body)}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--max-width);margin:0 auto;padding:1rem clamp(1rem,4vw,2rem);backdrop-filter:blur(14px);background:var(--bg-header);border-bottom:1px solid var(--border);transition:background var(--transition),border-color var(--transition)}.brand{display:flex;align-items:center;gap:.9rem}.brand-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:var(--text-inverse);box-shadow:var(--shadow-sm)}.brand-icon svg{width:24px;height:24px}.brand-text h1{margin:0;font-size:clamp(1.05rem,2.5vw,1.35rem);font-weight:800;letter-spacing:-.02em}.brand-text span{display:block;font-size:.78rem;color:var(--text-secondary);font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-switch{display:flex;align-items:center;gap:.55rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);user-select:none}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#334b40;border-radius:28px;cursor:pointer;transition:background var(--transition);box-shadow:inset 0 2px 4px #00000040}.slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:transform var(--transition),background var(--transition);box-shadow:0 2px 6px #00000040;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b1410' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}input:checked+.slider{background:var(--accent-dark)}input:checked+.slider:before{transform:translate(24px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b1410' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'%3E%3C/circle%3E%3Cline x1='12' y1='1' x2='12' y2='3'%3E%3C/line%3E%3Cline x1='12' y1='21' x2='12' y2='23'%3E%3C/line%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'%3E%3C/line%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'%3E%3C/line%3E%3Cline x1='1' y1='12' x2='3' y2='12'%3E%3C/line%3E%3Cline x1='21' y1='12' x2='23' y2='12'%3E%3C/line%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'%3E%3C/line%3E%3Cline x1='18.36' y1='5.64' x2='19.78' y2='4.22'%3E%3C/line%3E%3C/svg%3E")}input:focus-visible+.slider{outline:2px solid var(--accent);outline-offset:2px}.app-main{max-width:var(--max-width);margin:0 auto;padding:clamp(1.2rem,4vw,2rem);display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}.section{display:grid;gap:1rem;width:100%;justify-items:center;align-items:center}.section-header h2,.section-header h3{margin:0;font-weight:800;letter-spacing:-.02em}.section-header h2{font-size:clamp(1.25rem,3vw,1.7rem);text-align:center}.section-header h3{font-size:1.1rem}.section-header p{margin:.2rem 0 0;color:var(--text-secondary);font-size:.9rem;text-align:center}.section-header.compact{margin-bottom:.75rem}.leaderboard-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:stretch;width:100%}.leaderboard-grid .leaderboard-card,.leaderboard-grid .chart-card{display:flex;flex-direction:column;min-height:0;width:100%}@media(max-width:900px){.leaderboard-grid{grid-template-columns:1fr;grid-auto-rows:1fr;justify-items:center}.leaderboard-grid .leaderboard-card,.leaderboard-grid .chart-card{max-width:100%}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;transition:background var(--transition),border-color var(--transition),box-shadow var(--transition)}.table-responsive{overflow-x:auto;margin:-1.25rem;padding:1.25rem}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.92rem}.leaderboard-table th,.leaderboard-table td{padding:.75rem .7rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.leaderboard-table thead th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-muted);background:var(--bg-subtle);position:sticky;top:0;z-index:2}.leaderboard-table thead th:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.leaderboard-table thead th:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.leaderboard-table tbody tr:last-child td{border-bottom:none}.leaderboard-table tbody tr:hover td{background:var(--bg-hover)}.leaderboard-table td{transition:background var(--transition-fast)}.leaderboard-table .pos-cell{font-weight:800;color:var(--accent-dark);width:42px;text-align:center}.leaderboard-table .name-cell{font-weight:600;min-width:140px}.leaderboard-table .journey-cell{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.85rem}.leaderboard-table .total-col,.leaderboard-table .total-cell{text-align:right;font-weight:800;font-size:1rem;color:var(--accent-dark)}.leaderboard-table .total-cell{font-variant-numeric:tabular-nums}.journeys-header button{display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;padding:0}.journeys-header .chevron{transition:transform var(--transition)}.journeys-header[aria-expanded=true] .chevron{transform:rotate(180deg)}.leaderboard-table .journey-cell{display:none}.leaderboard-table.journeys-open .journey-cell{display:table-cell}.leaderboard-table .journey-cell{animation:fadeIn var(--transition)}.chart-wrapper{position:relative;flex:1 1 auto;min-height:0;width:100%}.chart-wrapper canvas{max-height:100%!important}.filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;width:100%}.filters label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.filters select{appearance:none;background:var(--bg-field);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.55rem 2.2rem .55rem .85rem;font:inherit;font-size:.9rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f867c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filters select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.matches-section{width:100%;align-items:center}.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));justify-items:center;width:100%;gap:1rem}.match-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition);width:100%;max-width:360px}.match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.match-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.85rem 1rem;background:var(--bg-subtle);border-bottom:1px solid var(--border);text-align:center}.match-meta,.score-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.match-date{font-size:.85rem;color:var(--text-primary);font-weight:600}.match-type{font-size:.72rem;color:var(--accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.match-body{padding:1.1rem 1rem}.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem}.team{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}.team.home{align-items:flex-start;text-align:left}.team.away{align-items:flex-end;text-align:right}.score-col{display:flex;flex-direction:column;align-items:center;gap:.15rem}.team-flag{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--bg-subtle);border:2px solid var(--border-strong);display:grid;place-items:center;font-size:1.4rem}.team-name{font-weight:700;font-size:.95rem;line-height:1.25}.score{display:flex;align-items:center;gap:.35rem;font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.score-separator{color:var(--text-muted);font-weight:500}.score--penalties,.score--extra-time{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--text-muted);margin:.5rem 0 0}.match-result-badge{display:inline-flex;margin:.75rem auto 0;padding:.35rem .85rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent-dark)}.match-broadcasters{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.75rem 0 .25rem;flex-wrap:wrap}.broadcaster-logo{height:26px;width:auto;max-width:60px;object-fit:contain;border-radius:4px;background:var(--bg-field);padding:2px 4px}body.dark .broadcaster-logo{background:transparent;filter:drop-shadow(0 0 1px #e6e6e6) drop-shadow(0 0 1px #e6e6e6) drop-shadow(0 0 1px #e6e6e6)}.stream-placeholder{height:26px;width:300px;cursor:pointer;border:1px solid var(--border-grey);border-radius:4px;background:var(--bg-field);color:var(--text-color);font-size:.85rem;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:.4rem}.stream-placeholder:hover{background:var(--bg-row-even)}.match-details{max-height:0;overflow:hidden;transition:max-height var(--transition),opacity var(--transition);opacity:0}.match-card.open .match-details{max-height:1500px;opacity:1}.details-inner{padding:1rem;border-top:1px solid var(--border)}.hit-group{margin-bottom:.85rem}.hit-group:last-child{margin-bottom:0}.hit-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.4rem}.hit-list{display:flex;flex-wrap:wrap;gap:.4rem}.hit-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .65rem;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border)}.hit-chip.result{background:#22c55e1f;color:var(--success);border-color:#22c55e40}.hit-chip.score{background:#f59e0b1f;color:var(--warning);border-color:#f59e0b40}.hit-chip.winner{background:var(--accent-soft);color:var(--accent-dark);border-color:var(--accent)}.hit-chip.decided{background:#3b82f61f;color:var(--info);border-color:#3b82f640}.hit-chip.empty{color:var(--text-muted);font-style:italic;background:transparent;border-style:dashed}.toggle-details{width:100%;display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:.9rem;padding:.55rem;background:var(--bg-field);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.toggle-details:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.toggle-details svg{transition:transform var(--transition)}.match-card.open .toggle-details svg{transform:rotate(180deg)}.match-card--live{border-color:var(--success);box-shadow:0 0 0 1px var(--success),var(--shadow)}body.dark .match-card--live{box-shadow:0 0 0 1px var(--success),var(--shadow)}.live-badge{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin:.75rem auto 0;padding:.35rem .85rem;border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:#22c55e26;color:var(--success);width:fit-content}.live-badge .live-time{font-variant-numeric:tabular-nums}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.app-footer{max-width:var(--max-width);margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem);text-align:center;font-size:.78rem;color:var(--text-muted);border-top:1px solid var(--border)}@media(max-width:600px){.app-main{padding:1rem}.section-header{text-align:center}.leaderboard-grid{justify-items:center}.leaderboard-card,.chart-card{width:100%;max-width:100%}.card{padding:1rem}.table-responsive{margin:0;padding:0;overflow-x:auto;width:100%}.leaderboard-table{width:100%;min-width:0}.leaderboard-table th,.leaderboard-table td{white-space:normal;padding:.65rem .5rem}.leaderboard-table .name-cell{min-width:auto;word-break:break-word}.leaderboard-table .pos-cell{width:auto}.chart-wrapper{width:100%;min-height:260px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;font-size:.78rem;font-weight:600}.status--info{background:var(--bg-subtle);color:var(--text-secondary)}