*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e0e0e0;min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:24px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #2a2a3e}.header h1{font-size:24px;font-weight:700}.status-badge{display:flex;align-items:center;gap:8px;font-size:13px;color:#888}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.connected{background:#4caf50}.status-dot.disconnected{background:#f44336}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;padding:20px}.stat-card .label{font-size:12px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .value{font-size:32px;font-weight:700}.chart-container{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;padding:20px;margin-bottom:24px}.chart-container h3{font-size:14px;color:#888;margin-bottom:16px}.participants-table{background:#1a1a2e;border:1px solid #2a2a3e;border-radius:12px;overflow:hidden}.participants-table h3{font-size:14px;color:#888;padding:16px 20px 12px}.participants-table table{width:100%;border-collapse:collapse}.participants-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#666;padding:8px 20px;border-bottom:1px solid #2a2a3e}.participants-table td{padding:12px 20px;font-size:14px;border-bottom:1px solid #1f1f33}.score-bar{display:flex;align-items:center;gap:8px}.score-bar-track{flex:1;height:6px;background:#2a2a3e;border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .3s}.empty-state{text-align:center;padding:80px 20px;color:#555}.empty-state h2{font-size:20px;margin-bottom:12px;color:#777}.empty-state p{font-size:14px;max-width:400px;margin:0 auto;line-height:1.6}