:root{--bg: #0f1420;--panel: #171e2e;--panel-2: #1e2738;--border: #2a3448;--text: #e8edf6;--muted: #94a3b8;--accent: #e23b2e;--accent-2: #1e5aa8;--green: #2ecc71;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}a:hover{color:#fff}.container{max-width:1100px;margin:0 auto;padding:0 16px}.header{background:linear-gradient(90deg,#121826,#1a2336);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;gap:18px;padding:12px 16px;max-width:1100px;margin:0 auto}.brand{font-weight:800;font-size:20px;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.brand .dot{color:var(--accent)}.nav{display:flex;gap:16px;margin-left:auto;align-items:center}.nav a{color:var(--muted);font-weight:600}.nav a.active,.nav a:hover{color:#fff}.btn{background:var(--accent-2);color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.btn:hover{filter:brightness(1.1)}.btn.secondary{background:var(--panel-2);border:1px solid var(--border)}.btn.danger{background:var(--accent)}.btn.small{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;margin-bottom:18px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.leaders-grid{grid-template-columns:repeat(3,1fr)}@media (max-width: 640px){.leaders-grid{grid-template-columns:1fr}}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:transform .1s,border-color .1s}.card:hover{transform:translateY(-2px);border-color:var(--accent-2)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px 10px;text-align:right;border-bottom:1px solid var(--border);white-space:nowrap}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.5px}tbody tr:hover{background:var(--panel-2)}.table-wrap{overflow-x:auto}label{display:block;font-size:13px;color:var(--muted);margin-bottom:4px}input,select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--panel-2);color:var(--text);font-size:14px}input[type=number]{text-align:right}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row>div{flex:1;min-width:140px;margin-bottom:12px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.muted{color:var(--muted)}.badge{background:var(--panel-2);border:1px solid var(--border);padding:2px 8px;border-radius:20px;font-size:12px}.tag{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.title{font-size:26px;font-weight:800;margin:18px 0 6px}.subtitle{color:var(--muted);margin-bottom:18px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{padding:10px 16px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.tab.active{color:#fff;border-bottom-color:var(--accent)}.pill{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--panel-2);border:1px solid var(--border)}.pill.final{color:var(--green)}.pill.sched{color:var(--muted)}.error{color:#ff7a7a;font-size:14px;margin:8px 0}.ok{color:var(--green);font-size:14px;margin:8px 0}.center{text-align:center}.empty{text-align:center;color:var(--muted);padding:40px 0}.score{font-weight:800;font-size:18px}.win{color:var(--green);font-weight:700}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:8px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center}.tile-value{font-size:28px;font-weight:800}.tile-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.bracket{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px;align-items:flex-start}.bracket-round{min-width:240px;display:flex;flex-direction:column;gap:16px}.bracket-round-title{margin:0 0 4px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.bracket-series{padding:12px}.bracket-team{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.bracket-team:last-of-type{border-bottom:none}.bracket-team.win{color:var(--green);font-weight:700}.bracket-game{display:flex;justify-content:space-between;font-size:13px;padding:4px 8px;border-radius:6px;background:var(--panel-2);margin-top:4px}.bracket-game:hover{background:var(--border)}.login-wrap{max-width:360px;margin:80px auto}.leader-box{margin-bottom:20px;overflow:hidden}.leader-box h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted)}.leader-list{list-style:none;margin:0;padding:0}.leader-list li{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.leader-list li:last-child{border-bottom:none}.leader-list .rank{width:18px;flex-shrink:0;text-align:right;color:var(--muted);font-size:12px}.leader-list .who{flex:1;min-width:0;display:flex;flex-direction:column}.leader-list .pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.leader-list .pteam{color:var(--muted);font-size:11px;display:flex;align-items:baseline;gap:6px}.leader-list .pteam .tname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.leader-list .pdetail{margin-left:auto;flex-shrink:0;font-variant-numeric:tabular-nums}.leader-list .val{flex-shrink:0;margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}