:root{--bg: #0f1b2e;--bg-soft: #1b2d46;--panel: rgba(255, 255, 255, .08);--panel-border: rgba(255, 255, 255, .22);--text: #f5f7fa;--muted: #b5bfd0;--online: #7cff8d;--offline: #ffbf5f;--error: #ff6b6b;--accent: #5cd3ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Chivo,sans-serif;background:radial-gradient(circle at 15% 20%,#3d5b8f 0%,transparent 30%),radial-gradient(circle at 85% 10%,#1e8b8a 0%,transparent 28%),linear-gradient(140deg,var(--bg),#09111d 62%)}.background-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(transparent 96%,#ffffff0d 96%);background-size:100% 18px;opacity:.25}.layout{position:relative;z-index:1;width:min(1480px,94%);margin:0 auto;padding:3.2rem 0 4rem}.hero{display:grid;gap:.7rem;margin-bottom:1.8rem;animation:rise .54s ease-out both}.hero-kicker{margin:0;color:var(--accent);font-family:Space Mono,monospace;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem}.hero h1{margin:0;font-size:clamp(1.8rem,5vw,3rem);line-height:1.06}.hero-subtitle{margin:0;color:var(--muted);max-width:56ch}.refresh-button{width:fit-content;border:1px solid #9ce3ff;background:linear-gradient(130deg,#13385d,#0b5270);color:#f8fdff;padding:.7rem 1.05rem;border-radius:.7rem;font-family:Space Mono,monospace;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.refresh-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #00000038}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(520px,100%),1fr));gap:1.15rem}.site-footer{margin-top:2rem;padding-top:.95rem;border-top:1px solid rgba(255,255,255,.18);color:var(--muted);font-size:.9rem}.api-link{color:#bce9ff;font-family:Space Mono,monospace;text-decoration:none;overflow-wrap:anywhere}.api-link:hover{text-decoration:underline}.server-card{padding:1rem;border-radius:1rem;border:1px solid var(--panel-border);background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:rise .42s ease-out both}.server-card.online{box-shadow:inset 0 0 0 1px #7cff8d40}.server-card.offline{box-shadow:inset 0 0 0 1px #ffbf5f40}.server-card.error{box-shadow:inset 0 0 0 1px #ff6b6b4d}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.4rem}.title-wrap{display:flex;align-items:center;gap:.55rem;min-width:0}.server-icon{width:2rem;height:2rem;border-radius:.45rem;border:1px solid rgba(255,255,255,.22);object-fit:cover;flex:0 0 auto}.server-icon.placeholder{background:linear-gradient(135deg,#82b9e66b,#5cd3ff33)}.card-head h2{margin:0;font-size:1.06rem;overflow-wrap:anywhere}.status-pill{border-radius:999px;padding:.22rem .58rem;font-size:.72rem;font-family:Space Mono,monospace;border:1px solid transparent}.status-pill.online{color:#05290b;background:var(--online)}.status-pill.offline{color:#301700;background:var(--offline)}.status-pill.error{color:#370000;background:var(--error)}.status-pill.loading{color:#001621;background:#9dd9ff}.data-row{display:flex;justify-content:space-between;margin-top:.72rem;gap:.6rem}.label{color:var(--muted)}.value{font-family:Space Mono,monospace}.players-row .value{display:flex;flex-wrap:wrap;gap:.34rem;justify-content:flex-end;overflow-wrap:anywhere}.player-chip{display:inline-block;padding:.24rem .5rem;border:1px solid rgba(156,227,255,.55);border-radius:.62rem;background:#5cd3ff1f;box-shadow:inset 0 0 0 1px #ffffff14}.player-chip.muted{border-color:#ffffff47;background:#ffffff14;color:#d3deef}.motd{margin-top:.78rem;color:#ecf2ff;font-size:.93rem;line-height:1.4;min-height:2.6em;display:-webkit-box;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.copy-row{margin-top:.9rem;display:flex;justify-content:space-between;align-items:center;gap:.56rem}.button-row{display:flex;gap:.45rem;flex:0 0 auto}.address{font-family:Space Mono,monospace;font-size:.82rem;color:#cde3ff;overflow-wrap:anywhere}.copy-btn,.refresh-card-btn{flex:0 0 auto;border:1px solid rgba(255,255,255,.33);color:var(--text);background:#00000038;padding:.38rem .65rem;border-radius:.58rem;cursor:pointer}.copy-btn:hover,.refresh-card-btn:hover{border-color:#fff}.error-text{margin:.6rem 0 0;color:#ffb4b4;font-size:.8rem}.line{height:12px;border-radius:6px;margin-top:.8rem;background:#ffffff24}.line.short{width:70%}.shimmer{background:linear-gradient(90deg,#ffffff14,#ffffff38,#ffffff14);background-size:200% 100%;animation:shimmer 1.1s linear infinite}.toast{position:fixed;right:1rem;bottom:1rem;padding:.6rem .9rem;border-radius:.56rem;border:1px solid rgba(255,255,255,.34);background:#050a12d1;color:#fff;font-family:Space Mono,monospace;z-index:20}.toast-out{opacity:0;transform:translateY(8px);transition:all .25s ease}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.layout{width:min(1120px,94%);padding-top:2.2rem}.server-grid{grid-template-columns:1fr;gap:.9rem}.card-head,.copy-row{align-items:flex-start;flex-direction:column}.players-row .value{justify-content:flex-start}.button-row{width:100%;flex-direction:column}.copy-btn,.refresh-card-btn{width:100%}}