*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #1a1a1a;--surface: #222;--surface-2: #2a2a2a;--text: #eee;--text-muted: #888;--accent: #4fc3f7;--green: #4caf50;--red: #f44336;--header-height: 52px;--color-p1: #5eb5f7;--color-p2: #f7a05e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow:hidden}header{background:var(--surface);padding:8px 12px;display:flex;align-items:center;gap:12px;min-height:var(--header-height)}#home-link{text-decoration:none}#home-link h1{font-size:16px;color:var(--accent);white-space:nowrap}#tournament-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.tournament-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tournament-meta{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#round-select{padding:4px 8px;border-radius:4px;border:1px solid #444;background:var(--surface-2);color:var(--text);font-size:13px}#home-view{display:flex;align-items:center;justify-content:center;height:calc(100vh - var(--header-height));overflow:auto}.home-content{text-align:center;max-width:500px;padding:24px}.home-content p{color:var(--text-muted);margin-bottom:24px}#url-form{display:flex;gap:8px}#url-input{flex:1;padding:10px 14px;border-radius:6px;border:1px solid #444;background:var(--surface-2);color:var(--text);font-size:15px}#url-form button{padding:10px 20px;border-radius:6px;border:none;background:var(--accent);color:#111;font-size:15px;font-weight:600;cursor:pointer}#tournament-view{display:flex;flex-direction:column;height:calc(100vh - var(--header-height))}#matches-panel{flex:0 0 auto;max-height:45vh;overflow-y:auto;padding:8px;border-bottom:1px solid #333}#standings-panel{flex:1;overflow-y:auto;padding:8px}@media(min-width:768px){#tournament-view{flex-direction:row}#matches-panel{flex:1;max-height:none;border-bottom:none;border-right:1px solid #333;padding:12px}#standings-panel{flex:1.2;padding:12px}}.match-card{background:var(--surface-2);padding:8px 10px;border-radius:6px;margin-bottom:4px;display:flex;align-items:center;gap:6px;font-size:13px}.match-card .table-num{color:var(--text-muted);font-size:11px;width:20px;flex-shrink:0}.match-card .player-name{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card .player-name.p1{text-align:right;color:var(--color-p1)}.match-card .player-name.p2{color:var(--color-p2)}.match-card .winrate-control{width:90px;text-align:center;flex-shrink:0}.match-card .winrate-control input[type=range]{width:100%;accent-color:var(--text-muted)}.match-card .winrate-label{font-size:10px;font-weight:700;white-space:nowrap}.match-card .wr-p1{color:var(--color-p1)}.match-card .wr-sep{color:var(--text-muted);margin:0 1px}.match-card .wr-p2{color:var(--color-p2)}.match-card .elo-badge{font-size:9px;color:var(--text-muted)}.match-card .id-toggle{font-size:9px;padding:2px 6px;border-radius:4px;border:1px solid #444;background:var(--surface);color:var(--text-muted);cursor:pointer;flex-shrink:0}.match-card .id-toggle.active{background:#4fc3f726;border-color:var(--accent);color:var(--accent)}#standings-panel table{width:100%;border-collapse:collapse;font-size:12px}#standings-panel th{color:var(--text-muted);font-size:10px;text-transform:uppercase;text-align:left;padding:4px 6px;position:sticky;top:0;background:var(--bg);z-index:1}#standings-panel td{padding:4px 6px}#standings-panel th.projection-col,#standings-panel td.projection-col{text-align:right}.section-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.loading{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media(max-width:480px){.col-omw,.col-pts{display:none}#standings-panel table{font-size:11px}#standings-panel th,#standings-panel td{padding:3px 4px}.match-card .elo-badge{display:none}header{gap:6px;padding:6px 8px}#realtime-toggle{padding:4px 8px;font-size:11px}#round-select{font-size:11px;padding:3px 6px}}#realtime-toggle,#reset-winrates{padding:6px 14px;border-radius:4px;border:1px solid #444;background:var(--surface-2);color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}#realtime-toggle:disabled{opacity:.4;cursor:not-allowed}#reset-winrates{padding:6px 8px;font-size:15px;line-height:1}#realtime-toggle.active,#reset-winrates.active{border-color:var(--green);color:var(--green)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:live-pulse 1.5s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.3}}.match-card.match-completed{opacity:.7;border-left:3px solid var(--green)}.match-result-label{width:80px;text-align:center;font-size:14px;font-weight:700;color:var(--text)}.realtime-progress{font-size:12px;color:var(--text-muted)}