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