:root{--bg-primary:#0a0f1a;--bg-secondary:#111827;--bg-card:#1a2235;--bg-card-hover:#232d42;--accent-asa:#10b981;--accent-asa-glow:#10b9814d;--accent-ase:#6366f1;--accent-ase-glow:#6366f14d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#2d3748}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Rajdhani,sans-serif;overflow-x:hidden}.bg-pattern{pointer-events:none;z-index:0;background:radial-gradient(at 20% 20%,#10b98114 0%,#0000 50%),radial-gradient(at 80% 80%,#6366f114 0%,#0000 50%),radial-gradient(#10b98108 0%,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:1;max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;position:relative}@media (min-width:769px){.container{padding:1.5rem 2rem 2rem}}header{text-align:center;margin-bottom:1.75rem}.logo{background:linear-gradient(135deg,var(--accent-asa)0%,#34d399 50%,var(--accent-ase)100%);-webkit-text-fill-color:transparent;letter-spacing:.1em;text-shadow:0 0 40px var(--accent-asa-glow);-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-family:Orbitron,monospace;font-size:3.5rem;font-weight:900;line-height:1}.tagline{color:#6b7280;letter-spacing:.2em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;margin-top:.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500}@media (min-width:769px){.tagline{margin-top:.375rem;font-size:.875rem}}.hero{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:1.75rem;display:flex}.total-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);text-align:center;border-radius:1.5rem;padding:2rem 3rem;transition:all .3s;position:relative;overflow:hidden}.total-card:before{content:"";background:linear-gradient(90deg,var(--accent-asa),var(--accent-ase));height:3px;position:absolute;top:0;left:0;right:0}.total-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.total-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem;font-size:.9rem}.total-number{background:linear-gradient(135deg,var(--accent-asa),var(--accent-ase));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:4rem;font-weight:900;line-height:1}.total-subtitle{color:var(--text-secondary);margin-top:.5rem;font-size:1rem}.game-section{margin-bottom:3rem}.section-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.game-icon{border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:-.4rem;font-size:1.2rem;display:flex}.asa .game-icon{background:linear-gradient(135deg,var(--accent-asa),#059669);box-shadow:0 4px 20px var(--accent-asa-glow)}.ase .game-icon{background:linear-gradient(135deg,var(--accent-ase),#4f46e5);box-shadow:0 4px 20px var(--accent-ase-glow)}.section-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700}.asa .section-title{color:var(--accent-asa)}.ase .section-title{color:var(--accent-ase)}.version-badge{color:var(--text-muted);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;align-self:center;margin-top:.25rem;margin-left:-.4rem;padding:.15rem .35rem;font-family:Rajdhani,sans-serif;font-size:.8rem;font-weight:500}.section-count{margin-left:auto;font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700}.asa .section-count{color:var(--accent-asa)}.ase .section-count{color:var(--accent-ase)}.section-count span{color:var(--text-muted);font-size:1rem;font-weight:400}.section-count.number-changed{animation:.6s ease-out numberPulse}.server-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.server-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:1.25rem;transition:all .3s;position:relative;overflow:hidden}.server-card:hover{background:var(--bg-card-hover);transform:translateY(-3px)}.asa .server-card:hover{border-color:var(--accent-asa);box-shadow:0 8px 30px var(--accent-asa-glow)}.ase .server-card:hover{border-color:var(--accent-ase);box-shadow:0 8px 30px var(--accent-ase-glow)}.server-card.offline:hover{border-color:#ef4444!important;box-shadow:0 8px 30px #ef44444d!important}.server-card.has-players{border-left:3px solid}.asa .server-card.has-players{border-left-color:var(--accent-asa)}.ase .server-card.has-players{border-left-color:var(--accent-ase)}.map-name{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.player-count{align-items:baseline;gap:.3rem;display:flex}.player-current{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700}.asa .player-current{color:var(--accent-asa)}.ase .player-current{color:var(--accent-ase)}.player-max{color:var(--text-muted);font-size:1rem}.player-bar{background:var(--bg-secondary);border-radius:2px;height:4px;margin-top:.75rem;overflow:hidden}.player-bar-fill{border-radius:2px;height:100%;transition:width .5s}.asa .player-bar-fill{background:linear-gradient(90deg,var(--accent-asa),#34d399)}.ase .player-bar-fill{background:linear-gradient(90deg,var(--accent-ase),#818cf8)}.private-badge{color:var(--accent-asa);background:#10b9811a;border:1px solid #10b9814d;border-radius:2rem;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem;display:inline-flex}.private-badge svg{width:16px;height:16px}footer{text-align:center;color:var(--text-muted);padding:1.5rem 2rem .5rem;font-size:.9rem}.refresh-info{justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pulse{background:var(--accent-asa);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;display:flex}.spinner{border:3px solid var(--border-color);border-top-color:var(--accent-asa);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error{text-align:center;color:#ef4444;padding:3rem}@media (max-width:768px){.container{padding:1rem}.logo{font-size:2.5rem}.total-number{font-size:3rem}.hero{gap:1rem}.total-card{padding:1.5rem 2rem}.section-header{flex-wrap:wrap}.game-icon{border-radius:6px;width:32px;height:32px;font-size:1.1rem}.section-title{font-size:1.25rem}.version-badge{padding:.1rem .28rem;font-size:.75rem}.section-count{width:100%;margin-top:.5rem;margin-left:0}}.status-ok{color:#10b981}.status-degraded{color:#f59e0b}.status-offline{color:#ef4444}.tagline .status-icon{margin-left:.5em}.server-card.offline{opacity:.5;background:#ef44440d;border-color:#ef44444d}.server-card.offline .map-name{color:#9ca3af}.offline-badge{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;background:#ef444433;border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}.server-card.offline .player-count{color:#ef4444}.server-card.offline .player-current{color:#ef4444!important}.server-card.offline .player-bar{background:#6b728033}.stale-indicator{color:#fbbf24;z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fbbf2426;border:1px solid #fbbf2480;border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;position:fixed;top:1rem;right:1rem}.copyright{color:#4b5563;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:.75rem;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.75rem}.eos-banner{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);border-radius:1rem;margin-bottom:2rem;padding:1rem 1.25rem;transition:all .3s}.eos-banner-alert{background:linear-gradient(135deg,#f59e0b0d 0%,var(--bg-secondary)100%);border-color:#f59e0b66}.eos-banner-header{align-items:center;display:flex}.eos-banner-left{align-items:center;gap:.6rem;display:flex}.eos-banner-icon{font-size:1.1rem}.eos-banner-title{color:var(--text-secondary);letter-spacing:.02em;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600}.eos-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.15rem .5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.7rem;font-weight:600}.eos-status-badge.eos-operational{color:#10b981;background:#10b98126}.eos-status-badge.eos-degraded{color:#f59e0b;background:#f59e0b26}.eos-status-badge.eos-outage{color:#ef4444;background:#ef444426}.eos-status-badge.eos-major-outage{color:#ef4444;background:#ef444440}.eos-status-badge.eos-maintenance{color:#818cf8;background:#6366f126}.eos-status-badge.eos-unknown{color:#6b7280;background:#6b728026}.eos-banner-warning{color:#f59e0b;margin-top:.5rem;padding-left:1.7rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.78rem}@media (max-width:768px){.eos-banner-title{font-size:.78rem}}.number-changed{animation:.6s ease-out numberPulse}@keyframes numberPulse{0%{color:#22d3ee;text-shadow:0 0 8px #22d3ee99}to{color:inherit;text-shadow:none}}