.server-card-fixed{opacity:0;transform:translateY(60px) scale(.92);transition:opacity .5s,transform .5s}.server-card-fixed.revealed{opacity:1;transform:translateY(0) scale(1);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.server-card-fixed{position:relative;background:linear-gradient(145deg,rgba(15,15,15,.95),rgba(5,5,5,.95));border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease;overflow:hidden;min-height:320px;display:flex;flex-direction:column;box-shadow:0 8px 32px rgba(0,0,0,.4);overflow:visible}.server-card-glow-fixed{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:18px;opacity:.4;filter:blur(8px);z-index:-1;transition:all .3s ease}.server-card-fixed.featured{border:2px solid rgba(0,255,135,.6);background:linear-gradient(145deg,rgba(30,1,75,.95),rgba(4,0,8,.95));box-shadow:0 12px 40px rgba(0,255,135,.15)}.server-card-fixed.status-online{border-color:rgba(0,255,135,.3)}.server-card-fixed.status-offline{border-color:rgba(255,71,87,.3);background:linear-gradient(145deg,rgba(20,10,10,.95),rgba(15,5,5,.95))}.server-card-fixed.status-maintenance{border-color:rgba(255,165,2,.3);background:linear-gradient(145deg,rgba(20,15,5,.95),rgba(15,12,2,.95))}.server-card-fixed.featured .server-card-glow-fixed{opacity:.6}.server-card-header-fixed{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:nowrap}.server-image-fixed{width:64px;height:64px;border-radius:12px;overflow:hidden;background:rgba(20,20,20,.8);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.server-card-fixed:hover .server-image-fixed{border-color:rgba(0,255,135,.5);box-shadow:0 0 12px rgba(0,255,135,.3)}.server-image-fixed img{width:100%;height:100%;object-fit:cover}.server-info-fixed{flex:1 1;min-width:0;overflow:hidden}.server-badges-container-fixed{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}.server-name-fixed{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.8);line-height:1.2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.server-card-fixed:hover .server-name-fixed{background:linear-gradient(135deg,#00ff87,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 8px rgba(0,255,135,.8),0 0 16px rgba(0,255,135,.4)}.server-card-fixed.featured:hover .server-name-fixed{background:linear-gradient(135deg,#00ff87,#00d4ff);-webkit-background-clip:unset;background-clip:text;text-shadow:0 0 8px rgba(0,255,135,.8),0 0 16px rgba(0,255,135,.4)}.server-version-fixed{color:#cccccc;font-size:.9rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}.server-status-fixed{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(0,0,0,.6);border-radius:20px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;flex-shrink:0}.status-indicator-fixed{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.status-text-fixed{font-size:.85rem;font-weight:600;color:#ffffff;text-shadow:0 1px 4px rgba(0,0,0,.8)}.server-card-body-fixed{flex:1 1;display:flex;flex-direction:column;gap:16px}.server-description-fixed{color:#dddddd;line-height:1.6;font-size:.95rem;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;word-break:break-all}.server-details-fixed{display:flex;flex-direction:column;gap:8px}.detail-item-fixed{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.15)}.detail-label-fixed{color:#bbbbbb;font-weight:500;font-size:.9rem;text-shadow:0 1px 3px rgba(0,0,0,.6)}.detail-value-fixed{color:#ffffff;font-weight:600;font-size:.9rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.server-ip-fixed{font-family:Monaco,Menlo,monospace;background:rgba(0,255,135,.15);color:#ffffff!important;padding:4px 8px;border-radius:6px;border:1px solid rgba(0,255,135,.3);text-shadow:0 1px 4px rgba(0,0,0,.8);font-weight:700}.server-tags-fixed{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.server-tag-fixed{padding:4px 12px;background:rgba(0,255,135,.15);border:1px solid rgba(0,255,135,.3);border-radius:12px;font-size:.8rem;color:#ffffff;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8);transition:all .3s ease}.server-tag-fixed:hover{background:rgba(0,255,135,.25);border-color:rgba(0,255,135,.5);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,255,135,.2)}.server-card-footer-fixed{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.15)}.player-bar-fixed{width:100%;height:6px;background:rgba(255,255,255,.15);border-radius:3px;overflow:hidden;margin-bottom:16px;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.player-fill-fixed{height:100%;transition:width .8s ease;border-radius:3px;box-shadow:0 0 8px currentColor;position:relative}.player-fill-fixed:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s ease-in-out infinite}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.server-actions-fixed{display:flex;gap:12px}.btn-primary-fixed,.btn-secondary-fixed{flex:1 1;padding:12px 20px;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;border:none;position:relative;overflow:hidden;text-shadow:0 1px 3px rgba(0,0,0,.6)}.btn-primary-fixed{color:#000000;font-weight:700;text-shadow:none;box-shadow:0 4px 15px rgba(0,255,135,.3)}.btn-primary-fixed,.btn-primary-fixed:hover{background:linear-gradient(135deg,#00ff87,#00d4ff)}.btn-primary-fixed:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,255,135,.4)}.btn-secondary-fixed{background:rgba(255,255,255,.1);color:#ffffff;border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary-fixed:hover{background:rgba(255,255,255,.15);border-color:rgba(0,255,135,.4);color:#ffffff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,255,135,.2)}.btn-primary-fixed:before,.btn-secondary-fixed:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary-fixed:hover:before,.btn-secondary-fixed:hover:before{left:100%}.featured-badge-fixed{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#ffffff;max-width:100px;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(255,107,107,.4);text-shadow:0 1px 3px rgba(0,0,0,.6);animation:featuredPulse 3s ease-in-out infinite;white-space:nowrap;flex-shrink:0;margin-top:-40px}@keyframes featuredPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.server-card-fixed:hover{border-color:rgba(0,255,135,.6);box-shadow:0 12px 40px rgba(0,255,135,.2);transition:all .3s ease}.server-card-fixed.featured:hover{border-color:rgba(0,255,135,.8);box-shadow:0 16px 50px rgba(0,255,135,.25);background:linear-gradient(145deg,rgba(30,1,75,.95),rgba(4,0,8,.95))}.server-card-fixed.featured:hover .detail-label-fixed,.server-card-fixed.featured:hover .detail-value-fixed,.server-card-fixed.featured:hover .server-description-fixed,.server-card-fixed.featured:hover .status-text-fixed{text-shadow:0 2px 8px rgba(0,0,0,.9)}.server-card-fixed.status-offline:hover{border-color:rgba(255,71,87,.6);box-shadow:0 12px 40px rgba(255,71,87,.2)}.server-card-fixed.status-maintenance:hover{border-color:rgba(255,165,2,.6);box-shadow:0 12px 40px rgba(255,165,2,.2)}@media (max-width:768px){.server-card-fixed{width:96vw}.server-actions-fixed{flex-direction:column}.btn-primary-fixed,.btn-secondary-fixed{padding:10px 16px;font-size:.85rem}}@media (max-width:480px){.server-card-fixed{padding:20px;min-height:180px;width:93vw}.server-name-fixed{font-size:1.3rem}.server-description-fixed{font-size:.9rem}.detail-item-fixed{padding:6px 0}.featured-badge-fixed{top:12px;right:12px;font-size:.7rem;padding:4px 8px}}