:root{--bg:#f5f6f4;--bg-elevated:#fff;--text:#1b1d1f;--muted:#6b7178;--border:#1418141a;--accent:#1f7a4d;--accent-strong:#145c39;--accent-contrast:#fff;--accent-bg:#1f7a4d1a;--danger:#c4432b;--up:#1f7a4d;--down:#c4432b;--shadow:0 10px 30px -12px #14181440;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--bg:#12140f;--bg-elevated:#1a1d16;--text:#eef1ea;--muted:#9aa39a;--border:#ffffff17;--accent:#6fd39a;--accent-strong:#8fe4b3;--accent-contrast:#08130d;--accent-bg:#6fd39a1f;--danger:#ef8069;--up:#6fd39a;--down:#ef8069;--shadow:0 10px 30px -12px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}a{color:inherit}button,input{font:inherit;color:inherit}h1,h2{font-weight:650}.app-shell{flex-direction:column;min-height:100vh;display:flex}.nav-bar{border-bottom:1px solid var(--border);background:var(--bg-elevated);z-index:10;align-items:center;gap:24px;padding:14px 28px;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:.2px;white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.nav-logo{font-size:1.3rem}.nav-bar nav{flex:1;gap:4px;display:flex}.nav-link{color:var(--muted);border-radius:999px;padding:8px 14px;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{color:var(--text);background:var(--accent-bg)}.nav-link.active{color:var(--accent-contrast);background:var(--accent)}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.connection-badge{color:var(--muted);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.connection-badge .dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.connection-badge.live .dot{background:var(--up);animation:1.8s infinite pulse}.connection-badge.live{color:var(--up)}.connection-badge.connecting .dot,.connection-badge.reconnecting .dot{background:#d8a531}.connection-badge.reconnecting,.connection-badge.connecting{color:#b5871f}@keyframes pulse{0%{box-shadow:0 0 #6fd39a80}70%{box-shadow:0 0 0 7px #6fd39a00}to{box-shadow:0 0 #6fd39a00}}main{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:32px 24px 64px}.app-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding:20px;font-size:.85rem}.page{flex-direction:column;gap:24px;display:flex}.page-header h1{margin:0 0 6px;font-size:1.7rem}.page-header p{color:var(--muted);margin:0}.panel{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:22px}.panel h2{margin:0 0 14px;font-size:1.05rem}.muted{color:var(--muted)}.hero{background:linear-gradient(135deg, var(--accent-bg), transparent 60%)}.hero h1{max-width:26ch;margin:0 0 12px;font-size:2rem}.hero p{color:var(--muted);max-width:60ch;margin:0 0 20px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.ticker-panel{grid-column:1/-1}.pill-button{border:1px solid var(--border);background:var(--bg);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:transform .1s,background .15s;display:inline-flex}.pill-button:hover:not(:disabled){background:var(--accent-bg)}.pill-button:active:not(:disabled){transform:scale(.97)}.pill-button:disabled{opacity:.5;cursor:not-allowed}.pill-button.primary{background:var(--accent);color:var(--accent-contrast);border-color:#0000}.pill-button.active{background:var(--danger);color:#fff;border-color:#0000}.rank-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.rank-list li,.roster-list li{border-radius:10px;align-items:center;gap:12px;padding:10px 8px;display:flex}.rank-list li:hover,.roster-list li:hover{background:var(--accent-bg)}.rank-num{text-align:center;width:22px;color:var(--muted);font-weight:700}.rank-info{flex-direction:column;flex:1;min-width:0;display:flex}.rank-info strong{font-size:.92rem}.rank-info .muted{font-size:.78rem}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.rank-delta{text-align:right;font-variant-numeric:tabular-nums;min-width:32px;font-size:.8rem;font-weight:700}.rank-delta.up{color:var(--up)}.rank-delta.down{color:var(--down)}.rank-delta.flat{color:var(--muted)}.ticker-list{flex-direction:column;gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.ticker-list li{border-bottom:1px dashed var(--border);gap:12px;padding:8px;font-size:.88rem;animation:.4s fade-in;display:flex}.ticker-list li:last-child{border-bottom:none}.ticker-time{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.rankings-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.tabs{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.85rem;font-weight:600}.tab.active{background:var(--accent);color:var(--accent-contrast)}.search-input{border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;flex:1;min-width:200px;padding:9px 14px}.search-input:focus-visible{outline:2px solid var(--accent)}.roster-count{color:var(--muted);white-space:nowrap;font-size:.85rem;font-weight:600}.table-panel{padding:0;overflow-x:auto}.rankings-table{border-collapse:collapse;width:100%;min-width:560px;font-size:.9rem}.rankings-table th,.rankings-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px}.rankings-table td.roster-cell{white-space:normal;color:var(--muted);font-size:.85rem}.rankings-table tbody tr:hover{background:var(--accent-bg)}.sort-button{cursor:pointer;font:inherit;color:var(--muted);background:0 0;border:none;padding:0;font-weight:700}.sort-arrow{color:var(--accent)}.empty-cell{text-align:center;color:var(--muted);padding:32px!important}.empty-state{flex-direction:column;align-items:flex-start;gap:14px;padding:12px;display:flex}.roster-summary{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;padding:8px;font-weight:600;display:flex}.roster-summary .pill-button{margin-left:auto}.roster-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.skeleton{flex-direction:column;gap:12px;display:flex}.skeleton-line{background:linear-gradient(90deg, var(--border), var(--accent-bg), var(--border));background-size:200% 100%;border-radius:999px;height:14px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-panel{border-color:var(--danger)}@media (width<=640px){.nav-bar{flex-wrap:wrap;padding:12px 16px}.nav-bar nav{order:3;justify-content:space-between;width:100%}main{padding:20px 16px 48px}}