.servers-page[data-v-b839b7b3]{display:flex;gap:32px;margin:0 auto;width:100%}.desktop-only[data-v-b839b7b3]{display:block}.mobile-only[data-v-b839b7b3],.calendar-header.mobile-only[data-v-b839b7b3]{display:none}.content-block[data-v-b839b7b3]{position:relative;align-self:stretch;display:flex;width:100%;padding-top:22px;align-items:start;gap:32px;justify-content:center;flex-wrap:wrap}.sidebar-servers[data-v-b839b7b3]{display:flex;min-width:240px;flex-direction:column;align-items:stretch;font-family:Roboto Condensed,-apple-system,Roboto,Helvetica,sans-serif;font-size:14px;letter-spacing:.28px;line-height:1;justify-content:flex-start;width:290px;position:sticky;top:22px;height:-moz-fit-content;height:fit-content;transition:all .3s ease}.sidebar-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sidebar-title[data-v-b839b7b3]{color:#fff;font-size:18px;font-weight:700;margin:0}.servers-count-container[data-v-b839b7b3]{display:flex;align-items:center;gap:8px}.servers-count[data-v-b839b7b3]{background:#ff6b6b;color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.update-indicator[data-v-b839b7b3]{display:flex;align-items:center;justify-content:center}.update-spinner[data-v-b839b7b3]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #10b981;border-radius:50%;animation:spin-b839b7b3 1s linear infinite}.servers-list[data-v-b839b7b3]{display:flex;flex-direction:column;gap:10px}.server-item[data-v-b839b7b3]{cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;padding:20px 10px}.server-item[data-v-b839b7b3]:hover{background:#ffffff1a;transform:translateY(-2px)}.server-item.active[data-v-b839b7b3]{background:#2b2929b3}.server-info[data-v-b839b7b3]{display:flex;flex-direction:row;gap:5px;justify-content:space-between;align-content:center;align-items:flex-end}.server-number[data-v-b839b7b3]{font-weight:700;color:#333131;font-size:32px;flex:none;order:0;flex-grow:0}.server-name[data-v-b839b7b3]{color:#fff;font-size:14px;font-weight:700}.server-players[data-v-b839b7b3]{display:flex;align-items:center;gap:5px;padding:4px;background:#2b2929b3;border-radius:1px;font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:12px;line-height:13px;text-align:center;letter-spacing:.02em;color:#bab3ade6}.online-indicator[data-v-b839b7b3]{width:8px;height:8px;background:#22c55e;border-radius:50%}.online-updating-dot[data-v-b839b7b3]{display:inline-block;width:4px;height:4px;margin-left:2px;background:#bab3adb3;border-radius:50%;animation:online-pulse-b839b7b3 .8s ease-in-out infinite;vertical-align:middle}@keyframes online-pulse-b839b7b3{0%,to{opacity:.4}50%{opacity:1}}.server-progress[data-v-b839b7b3]{height:4px;background:#333131;overflow:hidden;width:100%}.progress-fill[data-v-b839b7b3]{height:100%;background:#e15138;transition:width .3s ease}.main-content[data-v-b839b7b3]{flex:1;display:flex;flex-direction:column;gap:20px}.loading-container[data-v-b839b7b3]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.loading-spinner[data-v-b839b7b3]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ff6b6b;border-radius:50%;animation:spin-b839b7b3 1s linear infinite;margin-bottom:20px}@keyframes spin-b839b7b3{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text[data-v-b839b7b3]{margin:0;font-size:16px}.server-details[data-v-b839b7b3]{display:flex;flex-direction:column}.server-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:flex-start}.server-header-left[data-v-b839b7b3]{display:flex;flex-direction:column;gap:20px;flex:1}.server-title[data-v-b839b7b3]{display:flex;align-items:center;gap:12px}.server-title h1[data-v-b839b7b3]{color:#fff;font-size:28px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}.status-indicator[data-v-b839b7b3]{width:12px;height:12px;background:#22c55e;border-radius:50%;flex-shrink:0}.server-actions[data-v-b839b7b3]{display:flex;gap:12px}.btn-connect[data-v-b839b7b3]{background:#a8ce674d;border-radius:1px;color:#a8ce67;border:none;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn-connect[data-v-b839b7b3]:hover{background:#5a6d33;transform:translateY(-1px)}.btn-connect i[data-v-b839b7b3]{font-size:16px}.btn-map[data-v-b839b7b3]{background:#2b2929b3;border-radius:1px;color:#bab3ad;border:none;padding:12px 16px;font-weight:700;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-map[data-v-b839b7b3]:hover{background:#2b2929;transform:translateY(-1px)}.map-modal-overlay[data-v-b839b7b3]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.map-modal-container[data-v-b839b7b3]{width:95vw;height:95vh;max-width:1400px;max-height:900px;background:#141414;border:1px solid rgba(255,255,255,.1);border-radius:1px;display:flex;flex-direction:column;overflow:hidden}.map-modal-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#2b292980}.map-modal-header h2[data-v-b839b7b3]{color:#fff;font-size:20px;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:.5px}.map-modal-close[data-v-b839b7b3]{background:transparent;border:none;color:#bab3ad;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:2px}.map-modal-close[data-v-b839b7b3]:hover{background:#ffffff1a;color:#fff}.map-modal-content[data-v-b839b7b3]{flex:1;position:relative;overflow:hidden;background:#0b3a4a;min-height:0}.map-image-wrapper[data-v-b839b7b3]{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;touch-action:none;margin:0;padding:0}.map-image[data-v-b839b7b3]{max-width:none;max-height:100%;width:auto;height:100%;display:block;transition:transform .2s ease-out;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none;-o-object-fit:contain;object-fit:contain;position:relative}.map-image-wrapper.panning .map-image[data-v-b839b7b3]{transition:none}.map-loading[data-v-b839b7b3]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#bab3ad;gap:20px}.map-loading .loading-spinner[data-v-b839b7b3]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #A8CE67;border-radius:50%;animation:spin-b839b7b3 1s linear infinite}.map-controls[data-v-b839b7b3]{position:absolute;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;background:#141414e6;padding:8px 12px;border-radius:4px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-control-btn[data-v-b839b7b3]{background:#2b2929b3;border:1px solid rgba(255,255,255,.1);color:#bab3ad;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:2px;transition:all .3s ease;font-size:20px}.map-control-btn[data-v-b839b7b3]:hover{background:#2b2929;color:#fff;border-color:#fff3}.map-zoom-level[data-v-b839b7b3]{color:#bab3ad;font-size:14px;font-weight:600;padding:0 8px;min-width:50px;text-align:center}.servers-stats-container[data-v-b839b7b3]{background:transparent;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;flex:1;max-width:50%}.stats-grid[data-v-b839b7b3]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1970px){.stats-grid[data-v-b839b7b3]{grid-template-columns:repeat(2,1fr)}}.stat-card[data-v-b839b7b3]{background:#2b2929b3;border:1px solid rgba(255,255,255,.02);border-radius:1px;padding:12px 16px;display:flex;align-items:center;gap:10px;transition:all .3s ease;animation:fadeInUp-b839b7b3 .3s ease-out;min-width:0;min-width:140px}@keyframes fadeInUp-b839b7b3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card[data-v-b839b7b3]:hover{background:#2b2929cc;transform:translateY(-2px)}.stat-icon[data-v-b839b7b3]{font-size:18px;flex-shrink:0}.stat-content[data-v-b839b7b3]{display:flex;flex-direction:column;align-items:flex-start;min-width:145px;gap:10px}.stat-value-servers[data-v-b839b7b3]{font-family:Roboto Condensed;font-style:normal;font-weight:700;font-size:23px;line-height:21px;letter-spacing:.02em;text-transform:uppercase;color:#fff}.stat-label[data-v-b839b7b3]{font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;text-align:center;letter-spacing:.02em;color:#bab3ade6}.period-btn[data-v-b839b7b3]{padding:14px 8px;gap:8px;border:none;border-radius:1px;background:none;color:#bab3ad;font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;text-align:center;letter-spacing:.02em;width:40px;transition:all .3s ease}.period-btn[data-v-b839b7b3]:hover{background:#2b2929c0;color:#fff;cursor:pointer}.period-btn.active[data-v-b839b7b3]{background:#2b2929c4;color:#fff}.chart-and-calendar-section[data-v-b839b7b3]{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}.chart-section[data-v-b839b7b3]{background:#141414ed;padding:16px;min-width:0;overflow:hidden}.time-periods[data-v-b839b7b3]{display:flex;gap:5px}.chart-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:center}.chart-title[data-v-b839b7b3]{color:#fff;font-size:18px;margin:0}.chart-controls[data-v-b839b7b3]{display:flex;align-items:center;gap:20px}.chart-legend[data-v-b839b7b3]{display:flex;gap:20px}.refresh-chart-btn[data-v-b839b7b3]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;display:none}.refresh-chart-btn[data-v-b839b7b3]:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.refresh-chart-btn[data-v-b839b7b3]:disabled{opacity:.5;cursor:not-allowed}.refresh-chart-btn i[data-v-b839b7b3]{font-size:16px}.refresh-chart-btn i.spinning[data-v-b839b7b3]{animation:spin-b839b7b3 1s linear infinite}.legend-item[data-v-b839b7b3]{display:flex;align-items:center;gap:8px}.legend-color[data-v-b839b7b3]{width:12px;height:12px;border-radius:2px}.legend-color.online[data-v-b839b7b3]{background:#22c55e}.legend-color.queue[data-v-b839b7b3]{background:#ff6b6b}.chart-container[data-v-b839b7b3]{position:relative;min-height:400px;overflow:hidden;width:100%}.chart-loading-overlay[data-v-b839b7b3]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.chart-loading-spinner[data-v-b839b7b3]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #10b981;border-radius:50%;animation:spin-b839b7b3 1s linear infinite;margin-bottom:16px}.chart-loading-text[data-v-b839b7b3]{color:#fff;font-size:14px;margin:0;opacity:.8}.chart[data-v-b839b7b3]{width:100%;height:400px;max-width:100%}.calendar-section[data-v-b839b7b3]{padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:266px}.calendar-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.calendar-navigation[data-v-b839b7b3]{display:flex;gap:8px}.nav-btn[data-v-b839b7b3]{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:14px 16px;gap:8px;width:26px;height:26px;background:#2b2929b3;border-radius:1px;border:none;color:#bab3ad}.nav-btn svg[data-v-b839b7b3]{width:20px;height:20px;flex-shrink:0}.nav-btn[data-v-b839b7b3]:hover{background:#fff3;transform:translateY(-1px)}.nav-btn[data-v-b839b7b3]:active{transform:translateY(0)}.calendar-title[data-v-b839b7b3]{margin:0;font-family:Roboto Condensed;font-style:normal;font-weight:700;font-size:16px;line-height:18px;letter-spacing:.02em;color:#bab3ade6;text-transform:uppercase}.calendar-weekdays[data-v-b839b7b3]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.weekday[data-v-b839b7b3]{width:32px;height:20px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;background:#2b2929b3}.calendar-grid[data-v-b839b7b3]{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day[data-v-b839b7b3]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;border:1px solid rgba(43,41,41,.7);border-radius:1px}.calendar-day.wipe-day[data-v-b839b7b3]{color:#fff;font-weight:700}.calendar-day.wipe-game-update[data-v-b839b7b3]{background:#cc4229cc}.calendar-day.wipe-map-reset[data-v-b839b7b3]{background:linear-gradient(135deg,#ef4444,#dc2626)}.calendar-day.wipe-map-and-blueprints[data-v-b839b7b3]{background:linear-gradient(135deg,#3b82f6,#2563eb)}.calendar-day.wipe-past[data-v-b839b7b3]{background:#333131!important;opacity:.7!important}.calendar-day.past[data-v-b839b7b3]{opacity:.5}.calendar-day.wipe-past.past[data-v-b839b7b3]{background:linear-gradient(135deg,#6b7280,#4b5563)!important;opacity:.7!important}.calendar-day.today[data-v-b839b7b3]{color:#fafafa;border:1px solid #A8CE67}.wipe-indicator[data-v-b839b7b3]{position:absolute;top:2px;right:2px;display:none}.wipe-dot[data-v-b839b7b3]{width:8px;height:8px;border-radius:50%;margin:0 auto}.wipe-dot.game_update[data-v-b839b7b3]{background:#22c55e}.wipe-dot.map_reset[data-v-b839b7b3]{background:#ef4444}.wipe-dot.map_and_blueprints[data-v-b839b7b3]{background:#3b82f6}.server-info-section[data-v-b839b7b3]{margin-bottom:16px;margin-top:16px}.server-description[data-v-b839b7b3],.server-features[data-v-b839b7b3],.server-connection[data-v-b839b7b3]{margin-bottom:16px}.server-description[data-v-b839b7b3]:last-child,.server-features[data-v-b839b7b3]:last-child,.server-connection[data-v-b839b7b3]:last-child{margin-bottom:0}.server-info-section h3[data-v-b839b7b3]{color:#fff;font-size:16px;margin:0 0 10px;font-weight:700}.server-description p[data-v-b839b7b3]{margin:0;line-height:1.5}.server-description-text[data-v-b839b7b3]{white-space:pre-line;word-wrap:break-word;font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;letter-spacing:.02em;color:#bab3ade6}.features-list[data-v-b839b7b3]{list-style:none;padding:0;margin:0}.feature-item[data-v-b839b7b3]{color:#9ca3af;position:relative;padding:5px 0 5px 20px}.feature-item[data-v-b839b7b3]:before{content:"-";position:absolute;left:0;color:#ff6b6b;font-weight:700}.connection-info[data-v-b839b7b3]{display:flex;flex-direction:column;gap:8px}.connection-item[data-v-b839b7b3]{display:flex;align-items:center;gap:10px}.connection-label[data-v-b839b7b3]{color:#9ca3af;font-weight:700;display:flex;align-content:center;align-items:center}.connection-value[data-v-b839b7b3]{font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;letter-spacing:.02em;color:#797470e6}@media (max-width: 768px){.content-block[data-v-b839b7b3]{padding-top:0}.servers-page[data-v-b839b7b3]{flex-direction:column}.desktop-only[data-v-b839b7b3]{display:none}.mobile-only[data-v-b839b7b3]{display:block}.server-header[data-v-b839b7b3]{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:12px}.server-header-left[data-v-b839b7b3],.sidebar-servers[data-v-b839b7b3]{width:100%}.servers-stats-container[data-v-b839b7b3]{width:100%;max-width:100%}.stats-grid[data-v-b839b7b3]{width:100%;grid-template-columns:repeat(2,minmax(140px,1fr))}.chart-and-calendar-section[data-v-b839b7b3]{grid-template-columns:1fr;gap:15px}.calendar-section[data-v-b839b7b3]{width:100%;overflow-x:hidden;padding:0;box-sizing:border-box}.calendar-weekdays[data-v-b839b7b3]{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:8px;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}.calendar-weekdays .weekday[data-v-b839b7b3]{flex:0 0 40px;width:40px;height:20px}.calendar-grid[data-v-b839b7b3]{display:flex;flex-wrap:nowrap;gap:8px;padding-bottom:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;min-width:100%;max-width:100%;box-sizing:border-box}.calendar-grid[data-v-b839b7b3]::-webkit-scrollbar{display:none}.calendar-header[data-v-b839b7b3],.calendar-header.mobile-only[data-v-b839b7b3]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:12px}.calendar-header.mobile-only h3[data-v-b839b7b3]{grid-column:2;justify-self:center;text-align:center;white-space:nowrap;line-height:1;margin:0}.calendar-header.mobile-only button[data-v-b839b7b3]:first-of-type{grid-column:1;justify-self:start}.calendar-header.mobile-only button[data-v-b839b7b3]:last-of-type{grid-column:3;justify-self:end}.calendar-header.desktop-only[data-v-b839b7b3]{display:none}.calendar-day[data-v-b839b7b3]{flex:0 0 40px}}.progress-and-number[data-v-b839b7b3]{display:flex;flex-direction:row;gap:10px;align-content:center;align-items:center}.progress-and-number-content[data-v-b839b7b3]{width:100%;gap:10px;display:flex;flex-direction:column}.legend-item-online[data-v-b839b7b3]{font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;letter-spacing:.02em;color:#a8ce67;display:flex;align-content:center;align-items:center;gap:5px;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:1px}.legend-item-online[data-v-b839b7b3]:hover{background:#a8ce671a}.legend-item-online.disabled[data-v-b839b7b3]{opacity:.3;color:#666}.legend-item-queue[data-v-b839b7b3]{font-family:Roboto Condensed;font-style:normal;font-weight:600;font-size:14px;line-height:16px;letter-spacing:.02em;color:#ffd139cc;display:flex;align-content:center;align-items:center;gap:5px;cursor:pointer;transition:all .3s ease;padding:4px 8px;border-radius:1px}.legend-item-queue[data-v-b839b7b3]:hover{background:#ffd1391a}.legend-item-queue.disabled[data-v-b839b7b3]{opacity:.3;color:#666}