:root{--bg: #1a1a2e;--surface: #16213e;--card: #1e293b;--border: #334155;--text: #e2e8f0;--muted: #94a3b8;--green: #22c55e;--red: #ef4444;--yellow: #eab308;--accent: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:1.5rem}header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}header h1{font-size:1.5rem;font-weight:600}.connection-badge{margin-left:auto;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.connection-badge.online{background:#16a34a22;color:var(--green);border:1px solid var(--green)}.connection-badge.offline{background:#dc262622;color:var(--red);border:1px solid var(--red)}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.card h3{font-size:.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.stat{font-size:2rem;font-weight:700}.stat-label{font-size:.8rem;color:var(--muted);margin-top:.25rem}.tps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;text-align:center}.tps-value{font-size:1.25rem;font-weight:700}.tps-label{font-size:.7rem;color:var(--muted)}.tps-good{color:var(--green)}.tps-warn{color:var(--yellow)}.tps-bad{color:var(--red)}.player-list{list-style:none;max-height:200px;overflow-y:auto}.player-list li{padding:.5rem 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.5rem}.player-list li:last-child{border-bottom:none}.player-avatar{width:24px;height:24px;border-radius:4px;image-rendering:pixelated}.empty-state{color:var(--muted);font-style:italic;font-size:.875rem}.console-section{background:var(--card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}.console-header{padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);font-weight:600;font-size:.875rem}.console-output{height:350px;overflow-y:auto;padding:.75rem 1rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8rem;line-height:1.6}.console-line{white-space:pre-wrap;word-break:break-all}.console-line.cmd{color:var(--accent);font-weight:600}.console-line.res{color:var(--muted);padding-left:1rem}.console-line.log,.console-line.log-info{color:var(--text)}.console-line.log-warn{color:var(--yellow)}.console-line.log-error{color:var(--red)}.console-input{display:flex;border-top:1px solid var(--border)}.console-input .console-prompt{display:flex;align-items:center;padding:.75rem 0 .75rem 1rem;background:var(--surface);color:var(--accent);font-family:Cascadia Code,Fira Code,Consolas,monospace;font-weight:700}.console-input input{flex:1;background:var(--surface);border:none;color:var(--text);padding:.75rem 1rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.85rem;outline:none}.console-input input::placeholder{color:var(--muted)}.console-input button{background:var(--accent);color:#fff;border:none;padding:.75rem 1.25rem;font-weight:600;cursor:pointer}.console-input button:hover{opacity:.9}.console-input button:disabled{opacity:.5;cursor:not-allowed}