body{color:#334155;background-color:#f8fafc;margin:20px;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}label[for=league-selector]{text-align:center;margin:20px auto 10px;font-size:1.1rem;font-weight:500;display:block}#league-selector{cursor:pointer;background-color:#fff;border:2px solid #ddd;border-radius:8px;outline:none;min-width:250px;margin:0 auto 30px;padding:10px 15px;font-size:1rem;transition:all .3s;display:block;box-shadow:0 4px 6px #0000000d}#league-selector:hover{border-color:#3b82f6;box-shadow:0 6px 12px #3b82f61a}#league-selector:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.container{flex-wrap:wrap;gap:30px;max-width:1200px;margin:0 auto;display:flex}.standings-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:none;min-width:300px;height:fit-content;max-height:calc(100vh - 50px);padding:15px;position:sticky;top:20px;overflow-y:auto;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.fixtures-section{flex:1;min-width:350px}table{border-collapse:collapse;table-layout:fixed;width:100%;max-width:550px;margin-bottom:20px;font-size:13px}#standings{border-collapse:collapse;table-layout:fixed;width:100%;font-size:13px}#standings thead th{z-index:2;background:#f1f5f9;border-bottom:2px solid #e2e8f0;position:sticky;top:0}#standings th,#standings td{overflow-wrap:anywhere;text-align:center;border:none;border-bottom:1px solid #f1f5f9;padding:8px 6px;font-size:13px}#standings th:first-child,#standings td:first-child{width:30px}#standings th:nth-child(2),#standings td:nth-child(2){width:120px}#standings th:nth-child(n+3),#standings td:nth-child(n+3){width:50px}table:not(#standings) th,table:not(#standings) td{text-align:center;border:none;border-bottom:1px solid #f1f5f9;padding:8px 6px;font-size:16px}th{color:#475569;background:#f1f5f9;font-weight:600}#standings tbody tr:hover,table:not(#standings) tbody tr:hover{background-color:#f8fafc;transition:background-color .2s}.matchday{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:30px;padding:20px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.matchday h3{text-align:center;margin:0 0 15px}.apply-all-btn{margin:15px auto 0;display:block}.match{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:6px 0;padding:8px 0;display:flex}@media (width<=1024px){body{margin:10px}.container{flex-direction:column;gap:20px}.standings-section{max-height:400px;position:static;overflow-y:auto}.fixtures-section{min-width:0}}@media (width<=768px){body{margin:10px}table{font-size:12px}#standings th,#standings td{padding:3px 4px;font-size:11px}#standings th:nth-child(2),#standings td:nth-child(2){width:80px}#standings th:nth-child(n+3),#standings td:nth-child(n+3){width:40px}.matchday{margin-top:20px;padding:10px}.match{gap:5px;padding:4px 0}.match input,.match button{padding:4px 6px;font-size:12px}}.scroll-to-top{color:#fff;cursor:pointer;z-index:999;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:all .3s;display:none;position:fixed;bottom:30px;right:30px}.scroll-to-top:hover{background-color:#000000b3}.scroll-to-top.show{display:flex}@media (width<=768px){.scroll-to-top{width:44px;height:44px;font-size:20px;bottom:20px;right:20px}}button{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}input[type=number],input[type=text]{color:#334155;text-align:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;outline:none;padding:6px;font-size:14px;transition:all .2s}input[type=number]{width:44px}input[type=number]:focus,input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px -1px #3b82f633}button:focus-visible{outline-offset:2px;outline:2px solid #2563eb}#reset-btn{color:#b91c1c;background-color:#fff;border:1px solid #ef4444}#reset-btn:hover{background-color:#fef2f2}#regenerate-btn{color:#92400e;background-color:#fff;border:1px solid #f59e0b}#regenerate-btn:hover{background-color:#fffbeb}.phase-indicator{color:#fff;text-align:center;background:linear-gradient(135deg,#334155 0%,#475569 100%);border-radius:8px;margin-bottom:20px;padding:12px 16px;font-weight:600;box-shadow:0 2px 8px #0000001a}.phase-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.phase-buttons button{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);padding:10px 20px;font-size:14px}.phase-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.phase-buttons button:active{transform:translateY(0)}