.server-card{background:var(--bg-elevated);border:var(--border-subtle);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.server-card:hover{box-shadow:var(--shadow-sm);border-color:#0000001f}.server-card-link{color:inherit;gap:0;padding:16px;text-decoration:none;display:flex}.server-icon{flex-shrink:0;justify-content:center;align-items:flex-start;padding-right:16px;display:flex}.server-icon img{-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);width:56px;height:56px;box-shadow:0 2px 8px #0003}.server-content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.content-header{justify-content:space-between;align-items:flex-start;gap:16px;min-height:36px;display:flex}.server-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;flex:1;min-width:0;margin:0;padding-top:2px;font-size:17px;font-weight:700;overflow:hidden}.info-bar{flex-shrink:0;justify-content:flex-end;align-items:flex-start;gap:16px;width:210px;display:flex}.info-item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.info-item.online{flex-shrink:0;min-width:80px}.info-item.version{flex:1;min-width:0;max-width:200px}.info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:11px;font-weight:500}.info-value{white-space:nowrap;font-size:13px;font-weight:600}.online-value{color:var(--color-primary)}.version-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.version-badge{background:var(--color-primary-dim);color:var(--color-primary);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #4ade8033;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.server-description{font-family:var(--font-mc);color:#e8e8e8;-webkit-line-clamp:2;border-radius:var(--radius-sm);text-shadow:1px 1px #00000040;letter-spacing:.5px;background:#62696f;-webkit-box-orient:vertical;max-height:3em;margin:0;padding:8px 10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.server-description :deep(*){color:inherit;white-space:nowrap;display:inline}.server-description :deep(br){display:inline}.server-meta{border-top:var(--border-subtle);background:#00000008;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.server-address{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-family:JetBrains Mono,monospace;font-size:14px;overflow:hidden}.copy-button{background:var(--color-primary-dim);color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #4ade8040;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600}.copy-button:hover{background:#4ade8040;border-color:#4ade8066}.copy-button:active{transform:scale(.98)}@media (width<=640px){.server-card-link{gap:0;padding:12px}.server-icon{padding-right:12px}.server-icon img{border-radius:var(--radius-sm);width:44px;height:44px}.server-content{gap:6px}.content-header{gap:10px;min-height:auto}.server-title{padding-top:0;font-size:15px}.info-bar{align-items:center;gap:10px;width:auto}.info-item{flex-direction:row;align-items:center;gap:4px}.info-item.online{min-width:0}.info-label{font-size:10px}.info-value{font-size:12px}.version-badge{padding:1px 5px;font-size:10px}.server-description{-webkit-line-clamp:2;max-height:3em;padding:6px 8px;font-size:12px}.server-meta{gap:8px;padding:8px 12px}.server-address{font-size:12px}.copy-button{padding:4px 10px;font-size:11px}}