*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#f8fafc;color:#1f2937}.header-container{background:linear-gradient(135deg,#1e40af 0%,#3730a3 100%);color:white;padding:2rem 0}.stats-card{background:white;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;transition:all .3s ease;position:relative;overflow:hidden}.stats-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.05),transparent);transition:left .5s}.stats-card:hover::before{left:100%}.stats-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:#3b82f6}.stat-number{font-size:2rem;font-weight:700;color:#1f2937;line-height:1}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-top:.25rem}.stat-change{font-size:.75rem;font-weight:600;margin-top:.5rem}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.table-container{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;border:1px solid #e5e7eb}.server-card{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #e5e7eb;margin-bottom:16px;padding:16px;transition:all .3s ease}@media (min-width:768px){.server-card{padding:20px;margin-bottom:20px}}.server-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.12);border-color:#3b82f6}.server-details{max-height:0;overflow:hidden;transition:max-height .5s ease,padding .3s ease;margin-top:0}.server-details.expanded{max-height:400px;padding-top:20px;border-top:1px solid #e5e7eb}.tag{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;margin:4px 6px 4px 0;border:1px solid transparent}.tag-survival{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border-color:#a7f3d0}.tag-economy{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border-color:#f9d71c}.tag-pvp{background:linear-gradient(135deg,#fee2e2,#fca5a5);color:#991b1b;border-color:#f87171}.tag-minigames{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e3a8a;border-color:#60a5fa}.tag-popular{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#9a3412;border-color:#fb923c}.server-icon{width:56px;height:56px;border-radius:10px;object-fit:cover;border:2px solid #f3f4f6;transition:all .3s ease}.server-icon:hover{border-color:#3b82f6;transform:scale(1.05)}.server-icon-large{width:80px;height:80px;border-radius:16px;object-fit:cover;border:3px solid #f3f4f6;transition:all .3s ease}.server-icon-large:hover{border-color:#3b82f6;transform:scale(1.05)}.server-name{font-weight:600;color:#111827;font-size:16px}.server-desc{color:#6b7280;font-size:13px;margin-top:2px}.online-count{color:#059669;font-weight:600;font-size:15px}.ip-copy{background:#f8fafc;border:2px solid #e5e7eb;border-radius:12px;padding:12px 16px;font-family:'JetBrains Mono',monospace;font-size:16px;color:#4b5563;cursor:pointer;transition:all .2s ease;user-select:all;text-align:center;font-weight:500}.ip-copy:hover{background:#e5e7eb;border-color:#3b82f6;transform:translateY(-1px)}.version-badge{background:#dbeafe;color:#1d4ed8;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500}.version-info{background:#dbeafe;color:#1d4ed8;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center}.play-btn{background:#10b981;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.play-btn:hover{background:#059669}.rank-badge{background:#3b82f6;color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.rank-badge.rank-1{background:#f59e0b}.rank-badge.rank-2{background:#6b7280}.rank-badge.rank-3{background:#cd7c2f}.status-online{display:inline-flex;align-items:center;gap:8px}.status-dot{width:12px;height:12px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.search-container{background:white;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.05);border:1px solid #e5e7eb;margin-bottom:2rem}.search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s ease}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.copy-notification{position:fixed;top:20px;right:20px;background:#10b981;color:white;padding:12px 20px;border-radius:8px;font-weight:600;transform:translateX(400px);transition:all .3s ease;z-index:1000;box-shadow:0 4px 20px rgba(0,0,0,.15)}.copy-notification.show{transform:translateX(0)}.details-btn{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.details-btn:hover{background:#3b82f6;color:white;border-color:#3b82f6}.details-btn svg{transition:transform .2s ease}.details-btn:hover svg{transform:translateX(2px)}.chart-container{position:relative;height:300px;width:100%}.uptime-bar{background:#e5e7eb;height:8px;border-radius:4px;overflow:hidden;position:relative}.uptime-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;border-radius:4px;transition:width 1s ease}.player-list-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.player-list-item:hover{background:#e5e7eb}.player-avatar{width:32px;height:32px;background:#3b82f6;border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:12px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px}.breadcrumb a{color:#6b7280;text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:#3b82f6}.breadcrumb-separator{color:#9ca3af}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px}.info-item{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e5e7eb}.info-label{font-size:12px;color:#6b7280;font-weight:600;text-transform:uppercase;margin-bottom:4px}.info-value{font-size:16px;color:#1f2937;font-weight:600}