/* Ban list (bany.html) and server status (stav-serveru.html); data from mc.acitron.cz/stav/ */
.vs-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin:28px 0}
.vs-card{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px 18px}
.vs-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2)}
.vs-value{font-size:1.7rem;font-weight:800;margin-top:4px}
.vs-value small{font-size:.9rem;font-weight:500;color:var(--muted2)}
.vs-ok{color:#5fd38a}.vs-bad{color:#ff6b5e}.vs-meh{color:#ffb300}
[data-theme="light"] .vs-ok{color:#1d7a43}[data-theme="light"] .vs-bad{color:#b3261e}[data-theme="light"] .vs-meh{color:#8a5a00}
.vs-box{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px 20px;margin-bottom:18px}
.vs-box h2{font-size:1.15rem;margin:0 0 10px}
.vs-chart{width:100%;height:140px;display:block}
.vs-chart path.line{fill:none;stroke:var(--accent);stroke-width:1.6}
.vs-chart path.area{fill:var(--accent);opacity:.12}
.vs-chart rect.down{fill:#ff6b5e;opacity:.35}
.vs-axis{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted2);margin-top:4px}
.vs-table{width:100%;border-collapse:collapse;font-size:.95rem}
.vs-table th,.vs-table td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.vs-table th{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted2)}
.vs-table img{width:24px;height:24px;border-radius:5px;image-rendering:pixelated;vertical-align:middle;margin-right:8px}
.vs-wrap{overflow-x:auto}
.vs-search{display:flex;gap:10px;margin:0 0 14px}
.vs-search input{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--field);background:var(--surface2);color:var(--ink);font:inherit}
.vs-empty{color:var(--muted2)}
.vs-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:middle;background:currentColor;box-shadow:0 0 10px currentColor}
/* Team (tym.html) and voting (hlasovani.html) */
.tym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:24px}
.tym-link{color:inherit;text-decoration:none}
.tym-link .staff-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:22px 16px;border:1px solid var(--line);border-top:2px solid var(--rank,var(--line));background:var(--surface);border-radius:14px;text-align:center;height:100%}
.tym-link .staff-card img{width:72px;height:72px;border-radius:12px;image-rendering:pixelated}
.tym-link .staff-rank{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--rank,var(--accent));text-transform:uppercase}
.tym-link:hover .staff-card{border-color:var(--rank,var(--accent))}
.tym-roles{margin:0 0 12px;padding-left:20px;line-height:1.7}
.vote-site{color:inherit;text-decoration:none}
.vote-site:hover{border-color:var(--accent)}