:root{color-scheme:light!important;--background: oklch(1 0 0) !important;--foreground: oklch(.145 0 0) !important;--card: oklch(1 0 0) !important;--card-foreground: oklch(.145 0 0) !important;--popover: oklch(1 0 0) !important;--popover-foreground: oklch(.145 0 0) !important;--primary: oklch(.205 0 0) !important;--primary-foreground: oklch(.985 0 0) !important;--secondary: oklch(.97 0 0) !important;--secondary-foreground: oklch(.205 0 0) !important;--muted: oklch(.97 0 0) !important;--muted-foreground: oklch(.556 0 0) !important;--accent: oklch(.97 0 0) !important;--accent-foreground: oklch(.205 0 0) !important;--destructive: oklch(.577 .245 27.325) !important;--border: oklch(.922 0 0) !important;--input: oklch(.922 0 0) !important;--ring: oklch(.708 0 0) !important}@media (prefers-color-scheme: dark){:root{color-scheme:light!important;--background: oklch(1 0 0) !important;--foreground: oklch(.145 0 0) !important;--card: oklch(1 0 0) !important;--card-foreground: oklch(.145 0 0) !important;--popover: oklch(1 0 0) !important;--popover-foreground: oklch(.145 0 0) !important;--primary: oklch(.205 0 0) !important;--primary-foreground: oklch(.985 0 0) !important;--secondary: oklch(.97 0 0) !important;--secondary-foreground: oklch(.205 0 0) !important;--muted: oklch(.97 0 0) !important;--muted-foreground: oklch(.556 0 0) !important;--accent: oklch(.97 0 0) !important;--accent-foreground: oklch(.205 0 0) !important;--destructive: oklch(.577 .245 27.325) !important;--border: oklch(.922 0 0) !important;--input: oklch(.922 0 0) !important;--ring: oklch(.708 0 0) !important}}.dark{--background: oklch(1 0 0) !important;--foreground: oklch(.145 0 0) !important;--card: oklch(1 0 0) !important;--card-foreground: oklch(.145 0 0) !important;--popover: oklch(1 0 0) !important;--popover-foreground: oklch(.145 0 0) !important;--primary: oklch(.205 0 0) !important;--primary-foreground: oklch(.985 0 0) !important;--secondary: oklch(.97 0 0) !important;--secondary-foreground: oklch(.205 0 0) !important;--muted: oklch(.97 0 0) !important;--muted-foreground: oklch(.556 0 0) !important;--accent: oklch(.97 0 0) !important;--accent-foreground: oklch(.205 0 0) !important;--destructive: oklch(.577 .245 27.325) !important;--border: oklch(.922 0 0) !important;--input: oklch(.922 0 0) !important;--ring: oklch(.708 0 0) !important}body,html,.app-container,.content-container{background-color:#fff!important;color:#333!important}.nav-bar{background-color:#37003c!important}.nav-bar li{color:#fff!important}.nav-bar li.active{background-color:#00ff85!important;color:#37003c!important}.app-container{max-width:100%;margin:0 auto;padding:15px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-x:hidden;font-size:.7rem;background-color:var(--background);color:var(--foreground)}.app-header h1{color:var(--foreground);margin:0;font-size:1.8rem}.mobile-menu-toggle span{background-color:var(--foreground)}.nav-bar{background-color:var(--primary);border-radius:var(--radius);overflow:hidden}.nav-bar li{color:var(--primary-foreground)}.nav-bar li:hover{background-color:var(--secondary)}.nav-bar li.active{background-color:var(--accent);color:var(--accent-foreground);font-weight:700}.content-container{width:100%;padding:15px;border-radius:var(--radius);box-shadow:none;min-height:400px;overflow-x:hidden;background-color:var(--card);color:var(--card-foreground)}.app-footer{margin-top:30px;text-align:center;color:var(--muted-foreground);font-size:.9rem}table,th,td{border-color:var(--border);color:var(--foreground)}.league-table{width:100%;min-width:800px;border-collapse:separate;border-spacing:0;font-family:Arial,sans-serif;box-shadow:0 4px 8px #0000001a;table-layout:auto;font-size:.7rem}.table-header{background-color:#37003c!important;color:#fff!important;font-weight:700;padding:12px 15px;text-align:center;white-space:nowrap}.league-table th,.league-table td{padding:12px 15px;text-align:center;border-bottom:1px solid #ddd}.league-table tbody tr:hover{background-color:#f5f5f5}.total-points{font-weight:700}.positive{color:green}.negative{color:red}.loading,.error{text-align:center;margin:2rem;font-size:1.2rem}.league-table-container{position:relative;overflow-x:auto;width:100%}.sticky-column{position:sticky!important;left:0!important;z-index:20!important;background-color:var(--background, white)!important;box-shadow:2px 0 5px #0000001a!important;border-right:1px solid #ddd!important}thead .sticky-column{background-color:#37003c!important;color:#fff!important;z-index:21!important}.league-table tbody tr:hover .sticky-column{background-color:#f5f5f5!important}.number-first-column th:first-child,.number-first-column td:first-child{min-width:50px;max-width:80px;width:auto}.team-first-column th:first-child,.team-first-column td:first-child{min-width:120px;max-width:200px;width:auto}@media (max-width: 768px){.hide-mobile{display:none}.league-table th,.league-table td{padding:8px 5px}}.flex.items-center{justify-content:center}.results-grid-container{margin:20px 0;width:100%}.results-grid-container h2{margin-bottom:16px;text-align:center}.team-name{font-weight:700;white-space:nowrap}.result-cell{display:flex;justify-content:center;align-items:center;height:100%;width:100%;min-width:30px;min-height:30px;font-weight:700}.win{background-color:#d4edda;color:#155724}.loss{background-color:#f8d7da;color:#721c24}.loading,.error{text-align:center;padding:20px;font-size:16px}.error{color:#721c24}.results-grid-container .league-table th:not(:first-child),.results-grid-container .league-table td:not(:first-child){width:auto;max-width:40px;padding:1px}.bummer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.bummer-container h2{margin-top:auto;font-size:2.5rem;color:#333}.bummer-container p{font-size:1.2rem;margin-bottom:2rem;color:#666}.button-container{display:flex;gap:2rem;margin-bottom:2rem}.answer-btn{padding:1rem 2rem;font-size:1.5rem;border:none;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s;min-width:120px}.answer-btn.btn{background-color:#560e69!important;color:#fff}.answer-btn.btn:hover{background-color:#6d1a7a!important}.answer-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.yes-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.no-btn{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.result{max-width:600px;padding:2rem;border-radius:15px;margin-bottom:2rem}.yes-result{background:linear-gradient(135deg,#ffe3e3,#fcc);border:2px solid #ff6b6b}.no-result{background:linear-gradient(135deg,#e3ffe3,#cfc);border:2px solid #51cf66}.reset-btn{padding:.8rem 1.5rem;font-size:1rem;background:#4dabf7;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.reset-btn:hover{background:#339af0}#root{max-width:100%;margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{max-width:100%;margin:0 auto;padding:15px;font-family:Arial,sans-serif;overflow-x:hidden;font-size:.7rem;background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease}.app-header{margin-bottom:20px}.app-header h1{color:#37003c;margin:0;font-size:1.8rem}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:100}.mobile-menu-toggle span{display:block;width:25px;height:3px;margin:5px 0;background-color:#37003c;border-radius:3px;transition:all .3s ease}.nav-bar{background-color:#37003c;border-radius:5px;overflow:hidden}.nav-bar ul{display:flex;list-style-type:none;padding:0;margin:0;flex-wrap:wrap}.nav-bar li{color:#fff;cursor:pointer;transition:background-color .3s;text-align:center;flex:1;padding:10px 15px;min-width:100px;white-space:nowrap}.nav-bar li:hover{background-color:#560e69}.nav-bar li.active{background-color:#00ff85;color:#37003c;font-weight:700}.content-container{width:100%;padding:15px;border-radius:5px;box-shadow:none;min-height:400px;overflow-x:hidden;background-color:var(--card);color:var(--card-foreground);transition:background-color .3s ease,color .3s ease}.league-table-container{overflow-x:auto;max-width:100%}.league-table-container table{width:fit-content;min-width:100%}.app-footer{margin-top:30px;text-align:center;color:#666;font-size:.9rem}@media (orientation: landscape){.nav-bar ul{flex-wrap:nowrap;overflow-x:auto}.nav-bar li{flex:0 0 auto;padding:10px 20px}}@media (max-width: 768px){.app-header h1{font-size:1.5rem}.mobile-menu-toggle{display:block}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media (orientation: portrait){.nav-bar ul{flex-direction:column}.nav-bar li{border-bottom:1px solid #560e69;padding:8px 15px}.nav-bar li:last-child{border-bottom:none}}}@media (max-width: 480px){.app-container{padding:10px}.app-header h1{font-size:1.3rem}.content-container{padding:10px 8px}}.theme-toggle-btn{background-color:transparent;border:1px solid var(--border);border-radius:var(--radius);padding:5px 10px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle-btn:hover{background-color:var(--secondary);border-color:var(--primary)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}