:root{color-scheme:dark;--bg: #060910;--panel: rgba(13, 20, 33, .88);--panel-strong: rgba(18, 27, 45, .96);--border: rgba(129, 170, 255, .18);--text: #ebf2ff;--muted: #90a0bd;--accent: #6ed4ff;--accent-2: #9bf0c7;--danger: #ff7b8d;--shadow: 0 28px 70px rgba(0, 0, 0, .38);font-family:Segoe UI,Inter,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(48,93,173,.28),transparent 28%),radial-gradient(circle at 80% 10%,rgba(110,212,255,.15),transparent 18%),linear-gradient(180deg,#09101a,#05070c 55%,#04060a);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:min(1200px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{display:flex;gap:14px;align-items:center}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(160deg,#72d7ff,#5882ff);color:#08111f;font-weight:800;box-shadow:var(--shadow)}.brand small{display:block;color:var(--muted)}.nav{display:flex;gap:18px}.nav a{color:var(--muted)}.nav a.active,.nav a:hover{color:var(--text)}.page{padding-bottom:48px}.hero,.player-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:32px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#0e1522f5,#090d16e6);box-shadow:var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent)}.hero h1,.section-heading h1{font-size:clamp(2.3rem,5vw,4.4rem);line-height:1;margin:8px 0 16px}.hero-copy{max-width:620px;color:var(--muted);font-size:1.05rem}.hero-panel,.stack,.about-grid,.server-grid,.rating-grid{display:grid;gap:16px}.metric-card,.server-card,.test-card,.rating-tile,.table-card{border:1px solid var(--border);border-radius:20px;background:var(--panel);padding:18px}.metric-card strong,.rating-tile strong{display:block;font-size:1.6rem;margin:8px 0}.metric-card span,.server-card small,.rating-tile small,.test-card small{color:var(--muted)}.search-bar{display:flex;gap:12px;margin-top:28px}.search-bar input,.filters select{flex:1;border:1px solid var(--border);border-radius:14px;background:#050910e6;color:var(--text);padding:14px 16px}.search-bar button,.category-shortcuts button{border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,var(--accent),#4d7dff);color:#07111f;font-weight:700;cursor:pointer}.section{margin-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{margin:0;font-size:1.4rem}.category-shortcuts{display:flex;flex-wrap:wrap;gap:12px}.table-card{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(129,170,255,.12)}th{color:var(--muted);font-weight:500}.player-link{display:flex;align-items:center;gap:12px}.player-link img{width:32px;height:32px;border-radius:8px}.category-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.category-tabs a{padding:10px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.category-tabs a.active{color:var(--text);border-color:#6ed4ff66;background:#6ed4ff14}.filters{margin-bottom:16px}.filters label{display:inline-flex;gap:10px;align-items:center;color:var(--muted)}.player-skin{width:140px;height:140px;image-rendering:pixelated;border-radius:18px}.player-meta{color:var(--muted)}.player-pill-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.player-pill-row span{border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:#6ed4ff14}.rating-grid,.server-grid,.about-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:24px}.state{padding:18px;border:1px solid var(--border);border-radius:16px;color:var(--muted)}.state.error{color:var(--danger)}.footer{padding:28px 0 50px;color:var(--muted)}@media (max-width: 860px){.topbar,.hero,.player-hero,.two-column{grid-template-columns:1fr;display:grid}.topbar{gap:18px}.nav,.search-bar{flex-direction:column}}