:root{--color-bg: #0f1115;--color-bg-alt: #181b22;--color-surface: #1f242d;--color-surface-alt: #262c36;--color-border: #343b48;--color-border-alt: #3e4654;--color-text: #e6eaef;--color-text-dim: #b4bcc8;--color-accent: linear-gradient(135deg,#4f9cff,#6b55ff 55%,#ff4fa3);--color-accent-solid: #4f9cff;--color-accent-solid-alt: #ff4fa3;--color-danger: #ff5e5b;--color-warning: #ffc857;--color-success: #5bd977;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px -2px rgba(0,0,0,.5);--shadow-lg: 0 8px 28px -6px rgba(0,0,0,.55);--font-stack: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--ease-fast: cubic-bezier(.25,.46,.45,.94);--ease-slow: cubic-bezier(.16,.8,.44,.97);--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{margin:0;font-size:15px;line-height:1.45;font-family:var(--font-stack);background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5{font-weight:600;line-height:1.2;margin:0 0 var(--space-12)}p{margin:0 0 var(--space-12)}a{color:var(--color-accent-solid);text-decoration:none;transition:color .15s var(--ease-fast)}a:hover{color:var(--color-accent-solid-alt)}img{max-width:100%;display:block}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-alt);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-solid)}code,pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 var(--space-16)}.navbar{position:relative;display:flex;align-items:center;gap:16px;padding:8px 16px;margin-bottom:20px}.navbar-light{background:var(--color-surface)}.bg-light{background:var(--color-surface)!important}.navbar .nav-link.dropdown-toggle{position:relative;padding-right:24px}.navbar .nav-link.dropdown-toggle:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border:2px solid var(--color-text-dim);border-top:none;border-left:none;transform:translateY(-50%) rotate(45deg);transition:transform .2s var(--ease-fast)}.navbar .dropdown:hover .nav-link.dropdown-toggle:after{transform:translateY(-50%) rotate(225deg)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;z-index:50;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);min-width:180px;display:none;padding:4px 0;animation:fadeIn .15s ease-in}.dropdown.show>.dropdown-menu,.dropdown-menu.show{display:block}.dropdown-menu:before{content:"";position:absolute;top:-6px;left:12px;width:12px;height:12px;background:var(--color-surface-alt);transform:rotate(45deg);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.dropdown-menu .nav-link{display:block;padding:6px 12px;border-radius:0}.dropdown-menu .nav-link:hover{background:var(--color-surface)}.navbar-brand{font-size:18px;font-weight:700;background:var(--color-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.nav-fill{flex:1}.navbar-nav{display:flex;flex-wrap:wrap;gap:var(--space-4);list-style:none;margin:0;padding:0}.navbar-nav a,.navbar-nav button.nav-link{padding:6px 10px;border-radius:var(--radius-sm);font-weight:500;color:var(--color-text-dim);transition:background .2s var(--ease-fast),color .2s var(--ease-fast);background:none;border:none;cursor:pointer;line-height:1.2}.navbar-nav a:hover,.navbar-nav a.active,.navbar-nav button.nav-link:hover{background:var(--color-surface-alt);color:var(--color-text)}.navbar-burger{display:none;position:relative;width:34px;height:28px;cursor:pointer;border:none;background:none;padding:4px 6px}.navbar-burger span{position:absolute;left:6px;right:6px;height:3px;background:var(--color-text);border-radius:2px;transition:transform .25s var(--ease-fast),top .25s var(--ease-fast),opacity .25s var(--ease-fast)}.navbar-burger span:nth-child(1){top:7px}.navbar-burger span:nth-child(2){top:13px}.navbar-burger span:nth-child(3){top:19px}.navbar-burger.active span:nth-child(1){top:13px;transform:rotate(45deg)}.navbar-burger.active span:nth-child(2){opacity:0}.navbar-burger.active span:nth-child(3){top:13px;transform:rotate(-45deg)}@media(max-width:760px){.navbar{flex-wrap:nowrap}#navbarSupportedContent{order:1;flex:1 1 auto;display:none}.navbar-burger{order:2;display:block;margin-left:auto}#navbarSupportedContent.open{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);padding:16px 18px 20px;box-shadow:var(--shadow-lg);z-index:40;animation:fadeIn .2s ease-in;gap:12px}.navbar-nav{flex-direction:row;flex-wrap:wrap;width:100%;gap:12px}.dropdown-menu{position:static;box-shadow:none;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 0}.dropdown-menu:before{display:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}main{flex:1 0 auto;padding:var(--space-24) 0 var(--space-40)}footer{padding:var(--space-24) 0;font-size:12px;text-align:center;color:var(--color-text-dim)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-16);box-shadow:var(--shadow-sm);transition:box-shadow .25s var(--ease-slow),transform .25s var(--ease-slow)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.5px;text-transform:uppercase;font-weight:600;padding:3px 7px;border-radius:var(--radius-xs);background:var(--color-surface-alt);color:var(--color-text-dim)}.badge.accent{background:var(--color-accent-solid);color:#fff}.button{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);background:var(--color-accent-solid);color:#fff;border:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .2s var(--ease-fast),box-shadow .25s var(--ease-slow),transform .25s var(--ease-slow)}.button:hover{background:var(--color-accent-solid-alt);box-shadow:var(--shadow-md);transform:translateY(-1px)}.button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.button.outline{background:transparent;color:var(--color-accent-solid);border:1px solid var(--color-accent-solid)}.button.outline:hover{background:var(--color-accent-solid);color:#fff}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.table thead th{background:var(--color-surface-alt);font-weight:600;font-size:12px;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-dim);position:sticky;top:0}.table th,.table td{padding:10px 12px;border-bottom:1px solid var(--color-border-alt)}.table tbody tr{transition:background .2s var(--ease-fast)}.table tbody tr:hover{background:var(--color-surface-alt)}.table tbody tr:last-child td{border-bottom:none}.table-striped tbody tr:nth-of-type(odd){background:#ffffff05}.responsive-table{background:linear-gradient(180deg,var(--color-surface-alt),var(--color-surface));padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--color-accent-solid) var(--color-surface)}.responsive-table::-webkit-scrollbar{height:8px}.responsive-table::-webkit-scrollbar-track{background-color:var(--color-surface);border-radius:4px}.responsive-table::-webkit-scrollbar-thumb{background-color:var(--color-accent-solid);border-radius:4px;border:2px solid var(--color-surface)}.responsive-table::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-solid-alt)}.responsive-table--scroll{box-shadow:var(--shadow-md)}.themeToggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-text-dim);cursor:pointer;border:1px solid var(--color-border);font-size:13px}.themeToggle:hover{color:var(--color-text)}.themeToggle input{display:none}.themeToggle-indicator{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fd5,#ff8f29);box-shadow:0 0 0 1px var(--color-border);position:relative;transition:transform .6s var(--ease-slow),background .4s var(--ease-fast)}[data-theme=light] .themeToggle-indicator{background:radial-gradient(circle at 30% 30%,#ffd86b,#fa3)}[data-theme=dark] .themeToggle-indicator{background:radial-gradient(circle at 50% 50%,#4f9cff,#6b55ff)}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.mt-16{margin-top:var(--space-16)}.mb-16{margin-bottom:var(--space-16)}.p-8{padding:var(--space-8)}.p-16{padding:var(--space-16)}.rounded{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-dim{color:var(--color-text-dim)}.text-accent{color:var(--color-accent-solid)}.hide{display:none!important}@media(max-width:640px){.hide-sm{display:none!important}}.linkLike{background:none;border:none;padding:0;margin:0;color:var(--color-accent-solid);cursor:pointer;font:inherit}.linkLike:hover{text-decoration:underline}.teamDiv{position:relative}.teamHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.teamHeader__name{margin:0;font-size:1.75rem;line-height:1.2}.favHeart{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,filter .15s ease}.favHeart:hover{transform:scale(1.05);filter:brightness(1.15)}.favHeart:active{transform:scale(.95)}.favHeart svg{display:block}.favHeart--active{filter:drop-shadow(0 0 4px rgba(255,79,163,.5))}td.gamesCell{padding:1em}table.games{font-size:.9em;margin-bottom:0}tr.highlight{background:linear-gradient(90deg,#4f9cff2e,#ff4fa32e)!important}.highlightCol{border:solid black;border-width:0 2px;background:linear-gradient(90deg,#4f9cff2e,#ff4fa32e)}.table-info{background-color:#bee5eb}.table-success{background:linear-gradient(90deg,#4f9cff2e,#ff4fa32e)!important;color:var(--color-text)}.result-W{background:#4f9cff40!important;color:var(--color-text);font-weight:600}.result-L{background:#ff4fa340!important;color:var(--color-text);opacity:.9}.playerBarChart{color:#fff}.responsive-table{width:100%;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.responsive-table--scroll>table{min-width:520px}@media(max-width:640px){.table-sm th,.table-sm td{padding:.28rem .4rem}}.results-matrix{border-collapse:separate;border-spacing:0}.results-matrix th.vertical-header{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;padding:6px 4px 4px;font-size:.72rem;vertical-align:middle;background:var(--color-surface-alt);color:var(--color-text-dim)}.results-matrix th.vertical-header span{display:inline-block;transform:rotate(180deg)}.results-matrix th.corner-cell{background:var(--color-surface-alt);font-size:.65rem;letter-spacing:.5px}.results-matrix th:first-child,.results-matrix td:first-child{position:sticky;left:0;background:var(--color-surface-alt);z-index:2;box-shadow:2px 0 #00000059}.results-matrix thead th:first-child{z-index:3}.results-matrix th,.results-matrix td{text-align:center;vertical-align:middle;min-width:44px;padding:6px}.results-matrix th.home-team-cell{min-width:34px;width:34px;padding:8px 4px 4px}.results-matrix th.home-team-cell .angled-text{display:inline-block;transform:rotate(-18deg) translateY(4px);transform-origin:left center;font-size:.7rem;line-height:1;white-space:nowrap}.results-matrix th{background:var(--color-surface-alt)}.results-matrix td.played{font-weight:600;color:var(--color-text)}.results-matrix td.home-win{background:#5bd9774d}.results-matrix td.home-loss{background:#ff5e5b4d}.results-matrix td.home-draw{background:#ffc85740}.results-matrix td.pending{background:#ffc85738;color:#ffc857;font-style:italic}.results-matrix td.no-match{background:var(--color-surface);color:var(--color-border-alt)}.results-matrix td.same-team{background:var(--color-bg-alt);color:var(--color-border)}.results-matrix tbody tr:hover td.played{filter:brightness(1.15)}.results-matrix td:focus{outline:2px solid var(--color-accent-solid-alt);outline-offset:-2px}.text-right,th.text-right{text-align:right!important}.text-center,th.text-center{text-align:center!important}.text-nowrap,th.text-nowrap{white-space:nowrap!important}