@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,sans-serif;line-height:1.5;font-weight:400;color:#11231b;background:radial-gradient(circle at top left,rgba(244,141,78,.18),transparent 28rem),radial-gradient(circle at top right,rgba(21,125,106,.15),transparent 30rem),linear-gradient(180deg,#f6f1e8,#f0ece2);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(255, 252, 247, .82);--outline: rgba(17, 35, 27, .1);--shadow: 0 16px 48px rgba(39, 57, 49, .12);--text-muted: #58675f;--warm: #bc5d2e;--cool: #0d7a69;--ink: #11231b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{position:relative;padding:2rem 1.2rem 4rem;overflow:hidden}.background-glow{position:fixed;inset:auto;width:26rem;height:26rem;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.55}.background-glow-a{top:-8rem;left:-8rem;background:#f48d4e38}.background-glow-b{bottom:-10rem;right:-4rem;background:#157d6a2e}.hero,.top-nav,.content-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:1.5rem;padding:1.6rem;border:1px solid var(--outline);border-radius:28px;background:linear-gradient(135deg,#fff9f1f5,#f5fffbdb);box-shadow:var(--shadow)}.eyebrow,.chip-label,.meta-line,.stat-label,.detail-grid dt,.toolbar-field span{font-family:IBM Plex Mono,monospace}.eyebrow{margin:0 0 .45rem;color:var(--warm);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}.hero h1,.panel h2,.panel h3,.server-summary-card h2{margin:0;line-height:1.05}.hero h1{font-size:clamp(2rem,4vw,3.8rem);max-width:12ch}.hero-text{max-width:60ch;color:var(--text-muted);margin:1rem 0 0}.hero-meta{display:grid;gap:.85rem;align-content:start}.hero-chip{padding:1rem 1.1rem;border-radius:18px;background:#ffffff94;border:1px solid rgba(17,35,27,.08)}.chip-label{display:block;font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.chip-value{display:block;margin-top:.45rem;font-size:1rem;word-break:break-word}.top-nav{display:flex;gap:.75rem;padding:1rem 0 0;flex-wrap:wrap}.nav-link{padding:.72rem 1rem;border-radius:999px;border:1px solid rgba(17,35,27,.08);background:#ffffff6b;color:var(--text-muted)}.nav-link.active{background:var(--ink);color:#f5f1e8}.content-shell{padding-top:1rem}.page-stack{display:grid;gap:1rem}.panel{padding:1.3rem;border-radius:24px;border:1px solid var(--outline);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.error-panel{border-color:#bc5d2e47}.empty-state{text-align:center;padding:2.5rem 1.4rem}.section-header,.server-summary-header,.match-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.overview-grid,.spotlight-grid{display:grid;gap:1rem}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.spotlight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:1rem}.status-pill{padding:.4rem .7rem;border-radius:999px;font-family:IBM Plex Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.status-pill.online{background:#0d7a6924;color:#08685a}.status-pill.offline{background:#bc5d2e24;color:#9c4d26}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem;margin-top:1rem}.stat-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{padding:1rem;border-radius:18px;background:#ffffffa6;border:1px solid rgba(17,35,27,.08)}.accent-warm{background:#f9ede5eb}.accent-cool{background:#e7f6f2eb}.stat-label{margin:0 0 .35rem;font-size:.76rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.stat-value{margin:0;font-size:clamp(1.35rem,2vw,2rem)}.stat-detail,.meta-line{margin:.45rem 0 0;color:var(--text-muted);font-size:.82rem}.spotlight-panel{background:linear-gradient(145deg,#fff7ecf5,#effbf7eb)}.spotlight-block{padding:1rem;border-radius:18px;background:#ffffff9e;border:1px solid rgba(17,35,27,.08)}.tag-list,.kill-strip{display:flex;flex-wrap:wrap;gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none}.tag-list li,.kill-chip{padding:.45rem .7rem;border-radius:999px;background:#11231b14;font-family:IBM Plex Mono,monospace;font-size:.78rem}.match-list{display:grid;gap:1rem}.match-card{padding:1rem;border-radius:20px;background:#ffffffa3;border:1px solid rgba(17,35,27,.08)}.match-card-body{margin-top:.8rem}.match-reason{margin:0 0 .8rem;color:var(--text-muted)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin:0}.detail-grid div{margin:0}.detail-grid dt{color:var(--text-muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.detail-grid dd{margin:.2rem 0 0}.pagination-row{display:flex;justify-content:flex-end;gap:.75rem}.action-button,.toolbar-field input,.toolbar-field select{border-radius:14px;border:1px solid rgba(17,35,27,.12);background:#ffffffbf}.action-button{padding:.75rem 1rem;cursor:pointer}.action-button:disabled{cursor:not-allowed;opacity:.45}.toolbar{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-top:1rem}.toolbar-field{display:grid;gap:.4rem;min-width:180px}.toolbar-field.grow{flex:1 1 280px}.toolbar-field input,.toolbar-field select{padding:.8rem .9rem}.table-wrap{overflow-x:auto;margin-top:1rem}.leaderboard-table{width:100%;border-collapse:collapse;min-width:760px}.leaderboard-table th,.leaderboard-table td{padding:.9rem .75rem;border-bottom:1px solid rgba(17,35,27,.08);text-align:left}.leaderboard-table th{font-family:IBM Plex Mono,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.table-link,.back-link{color:var(--cool);font-weight:500}@media (max-width: 860px){.hero,.stat-grid.compact{grid-template-columns:1fr}.section-header,.server-summary-header,.match-card-header{flex-direction:column}}@media (max-width: 640px){.app-shell{padding:1rem .85rem 3rem}.hero,.panel{padding:1rem;border-radius:20px}.hero h1{max-width:none;font-size:2.15rem}}