.map-hero[data-v-7da4d942]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:60px 20px;margin:40px 0;border-radius:12px;position:relative;overflow:hidden}.map-hero[data-v-7da4d942]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1}.map-hero-content[data-v-7da4d942]{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.map-hero-title[data-v-7da4d942]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.map-hero-subtitle[data-v-7da4d942]{font-size:1.2rem;color:#ccc;margin-bottom:40px;line-height:1.6}.map-hero-search[data-v-7da4d942]{display:flex;gap:16px;margin-bottom:30px;align-items:center;justify-content:center}.search-input[data-v-7da4d942]{flex:1;max-width:400px}.search-input[data-v-7da4d942] .el-input__wrapper{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input[data-v-7da4d942] .el-input__inner{color:#fff}.search-input[data-v-7da4d942] .el-input__inner::placeholder{color:#999}.search-button[data-v-7da4d942]{background-color:#f89e19;border-color:#f89e19;font-weight:700;min-width:120px}.search-button[data-v-7da4d942]:hover{background-color:#e08a15;border-color:#e08a15}.map-hero-actions[data-v-7da4d942]{display:flex;justify-content:center;gap:16px}.browse-button[data-v-7da4d942]{background-color:transparent;border:2px solid #f89e19;color:#f89e19;font-weight:700;min-width:160px}.browse-button[data-v-7da4d942]:hover{background-color:#f89e19;color:#fff}@media (max-width: 768px){.map-hero[data-v-7da4d942]{padding:40px 16px;margin:20px 0}.map-hero-title[data-v-7da4d942]{font-size:2rem}.map-hero-subtitle[data-v-7da4d942]{font-size:1rem}.map-hero-search[data-v-7da4d942]{flex-direction:column;gap:12px}.search-input[data-v-7da4d942]{max-width:100%}.search-button[data-v-7da4d942],.browse-button[data-v-7da4d942]{width:100%}}.tools-hero[data-v-0cc9b553]{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:60px 20px;margin:40px 0;border-radius:12px;position:relative;overflow:hidden}.tools-hero[data-v-0cc9b553]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23333" stroke-width="0.5" opacity="0.3"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.1}.tools-hero-content[data-v-0cc9b553]{position:relative;z-index:1;text-align:center;max-width:1200px;margin:0 auto}.tools-hero-title[data-v-0cc9b553]{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:16px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.tools-hero-subtitle[data-v-0cc9b553]{font-size:1.2rem;color:#ccc;margin-bottom:40px;line-height:1.6}.tools-grid[data-v-0cc9b553]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:40px}.tool-card[data-v-0cc9b553]{background:linear-gradient(145deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.tool-card[data-v-0cc9b553]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #f89e194d;border-color:#f89e1980}.tool-icon[data-v-0cc9b553]{width:80px;height:80px;background:linear-gradient(45deg,#f89e19,#ffb151);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.tool-info[data-v-0cc9b553]{flex:1}.tool-title[data-v-0cc9b553]{font-size:1.3rem;font-weight:700;margin:0 0 8px;color:#fff}.tool-description[data-v-0cc9b553]{color:#ccc;margin:0 0 12px;line-height:1.4;font-size:.95rem}.tool-tags[data-v-0cc9b553]{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.tool-tag[data-v-0cc9b553]{background:#f89e1933;color:#f89e19;padding:4px 8px;border-radius:12px;font-size:.75rem;border:1px solid rgba(248,158,25,.3)}.tool-arrow[data-v-0cc9b553]{position:absolute;top:16px;right:16px;color:#f89e19;transition:transform .3s ease}.tool-card:hover .tool-arrow[data-v-0cc9b553]{transform:translate(5px)}.tools-hero-actions[data-v-0cc9b553]{display:flex;justify-content:center;gap:16px}.browse-button[data-v-0cc9b553]{background-color:#f89e19;border-color:#f89e19;font-weight:700;min-width:160px;font-size:16px}.browse-button[data-v-0cc9b553]:hover{background-color:#e08a15;border-color:#e08a15}@media (max-width: 768px){.tools-hero[data-v-0cc9b553]{padding:40px 16px;margin:20px 0}.tools-hero-title[data-v-0cc9b553]{font-size:2rem}.tools-hero-subtitle[data-v-0cc9b553]{font-size:1rem}.tools-grid[data-v-0cc9b553]{grid-template-columns:1fr;gap:16px}.tool-card[data-v-0cc9b553]{padding:20px}.browse-button[data-v-0cc9b553]{width:100%}}.video-background[data-v-3fe57162]{position:relative;width:100%;height:400px;overflow:hidden;margin-bottom:40px;border-radius:12px}.background-video[data-v-3fe57162]{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border:none;border-radius:12px}.video-overlay[data-v-3fe57162]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0000004d,#f89e191a);border-radius:12px;pointer-events:none}@media (max-width: 768px){.video-background[data-v-3fe57162]{height:250px;margin-bottom:20px}}@media (max-width: 480px){.video-background[data-v-3fe57162]{height:200px}}.mode-video-container[data-v-3fe57162]{margin:30px auto;max-width:800px;width:100%;padding:0 20px}.video-wrapper[data-v-3fe57162]{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d;background:linear-gradient(45deg,#1a1a1a,#2d2d2d)}.mode-video[data-v-3fe57162]{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:12px}@media (max-width: 768px){.mode-video-container[data-v-3fe57162]{max-width:600px;margin:20px auto;padding:0 15px}}@media (max-width: 480px){.mode-video-container[data-v-3fe57162]{max-width:100%;margin:15px auto;padding:0 10px}.video-wrapper[data-v-3fe57162]{border-radius:8px;box-shadow:0 4px 16px #0000004d}}.pagination-block[data-v-3fe57162]{display:flex;justify-content:center;margin:20px 0}.pagination-block .el-pagination[data-v-3fe57162]{--el-pagination-hover-color: #f89e19;--el-pagination-button-disabled-bg-color: transparent}.pagination-block .el-pagination button[data-v-3fe57162]:hover,.pagination-block .el-pagination .number[data-v-3fe57162]:hover,.pagination-block .el-pagination .number.active[data-v-3fe57162]{color:#f89e19}.cs2browser-main[data-v-3fe57162]{padding:24px 0}.cs2browser-title[data-v-3fe57162]{text-align:center}.cs2browser-title h1[data-v-3fe57162]{font-size:68px}.cs2browser-desc[data-v-3fe57162]{margin:8px 0 98px;color:#fff;font-size:24px}.cs2browser-desc[data-v-3fe57162]:has(+.mode-video-container){margin-bottom:20px}.cs2browser-game-modes[data-v-3fe57162]{margin-bottom:30px}.game-mode-buttons[data-v-3fe57162]{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;background-color:#1e2124;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000040;width:100%}.game-mode-buttons .el-button[data-v-3fe57162]{margin:0;transition:all .3s;min-width:120px;height:50px!important;padding:10px 20px;font-size:16px;font-weight:500;border-radius:8px;flex:1 0 auto;max-width:180px}.game-mode-buttons .el-button[data-v-3fe57162]:hover,.el-button--primary[data-v-3fe57162]:hover,.el-table .el-button[data-v-3fe57162]:hover{background-color:#f89e19!important;border-color:#f89e19!important;color:#fff!important}.game-mode-dropdown[data-v-3fe57162]{width:100%;display:flex;justify-content:center;background-color:#1e2124;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000040}.dropdown-button[data-v-3fe57162]{width:100%;min-width:200px;height:50px!important;font-size:16px;display:flex;align-items:center;justify-content:space-between;margin:0 auto}.el-button.active[data-v-3fe57162]{background-color:#f89e19;color:#fff;border-color:#f89e19;transform:scale(1.05);box-shadow:0 2px 8px #f89e1966}.el-button[data-v-3fe57162]:focus-visible{outline:none;background-color:transparent}.cs2browser-search-row[data-v-3fe57162]{background-color:#1e2124;border-radius:12px;padding:16px;margin:20px 0;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;justify-content:center}.cs2browser-table-row[data-v-3fe57162]{margin-top:20px}.filter-col[data-v-3fe57162],.search-input-col[data-v-3fe57162]{display:flex;justify-content:center;align-items:center;height:48px;margin:0}.button-col[data-v-3fe57162]{display:flex;justify-content:center}.el-table[data-v-3fe57162]{font-size:18px;line-height:1.8;border-radius:8px;overflow:hidden!important;height:auto!important;box-shadow:0 2px 12px #0000001a;color:#fff!important}.el-table__body-wrapper[data-v-3fe57162]{overflow:hidden!important;height:auto!important}.el-table .el-tag[data-v-3fe57162]{font-size:18px;font-weight:700}.el-table th[data-v-3fe57162]{font-weight:700;line-height:1;background-color:#1e2124;color:#fff!important}.el-table td[data-v-3fe57162]{color:#fff!important}.el-input[data-v-3fe57162],.el-select[data-v-3fe57162],.el-checkbox[data-v-3fe57162],.el-button[data-v-3fe57162]{height:40px;margin:0;width:100%;font-size:16px!important}.el-input .el-input__wrapper[data-v-3fe57162],.el-select .el-input .el-input__wrapper[data-v-3fe57162]{border-color:#fff!important}.el-input .el-input__wrapper[data-v-3fe57162]:focus-within{box-shadow:0 0 0 1px #f89e19 inset!important;border-color:#f89e19!important}.search-input-col .el-input .el-input__wrapper[data-v-3fe57162]:focus-within{box-shadow:0 0 0 1px #f89e19 inset!important;border-color:#f89e19!important}.el-select .el-input.is-focus .el-input__wrapper[data-v-3fe57162],.cs2browser-search-row .el-select .el-input.is-focus .el-input__wrapper[data-v-3fe57162],.cs2browser-search-row .el-select:focus-within .el-input__wrapper[data-v-3fe57162]{box-shadow:0 0 0 1px #f89e19 inset!important;border-color:#f89e19!important}.el-input .el-input__inner[data-v-3fe57162],.el-select .el-input .el-input__inner[data-v-3fe57162]{color:#fff!important}.el-select-dropdown__item.selected[data-v-3fe57162]{color:#f89e19!important}.el-select-dropdown__item.hover[data-v-3fe57162],.el-select-dropdown__item[data-v-3fe57162]:hover{background-color:#f89e191a!important}.clickable-filter[data-v-3fe57162]{color:#fff;font-size:16px;cursor:pointer;padding:8px 12px;border-radius:4px;transition:all .3s;-webkit-user-select:none;user-select:none;text-align:center}.clickable-filter[data-v-3fe57162]:hover{color:#f89e19}.active-filter[data-v-3fe57162],.active-filter-text[data-v-3fe57162]{color:#f89e19;font-weight:700}@media (max-width: 768px){.cs2browser-search-row[data-v-3fe57162]{flex-direction:column}.search-input-col[data-v-3fe57162],.filter-col[data-v-3fe57162]{width:100%;margin-bottom:10px}.el-dropdown-menu[data-v-3fe57162]{width:100%}.el-dropdown-menu__item[data-v-3fe57162]{padding:10px 20px}}.el-button--primary[data-v-3fe57162]{background-color:#f89e19;border-color:#f89e19;font-weight:700}.view-switch-row[data-v-3fe57162]{margin-top:20px}.el-radio-group .el-radio-button__inner[data-v-3fe57162]{background-color:#2c2f33;border-color:#40444b;color:#fff}.el-radio-group .el-radio-button__original-radio:checked+.el-radio-button__inner[data-v-3fe57162]{background-color:#f89e19;border-color:#f89e19;color:#fff}.server-cards-container[data-v-3fe57162]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:20px 0}@media (min-width: 1400px){.server-cards-container[data-v-3fe57162]{grid-template-columns:repeat(4,1fr);gap:28px}}@media (max-width: 1399px) and (min-width: 1000px){.server-cards-container[data-v-3fe57162]{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width: 999px) and (min-width: 700px){.server-cards-container[data-v-3fe57162]{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 699px){.server-cards-container[data-v-3fe57162]{grid-template-columns:1fr;gap:16px;padding:16px 8px}}.server-card[data-v-3fe57162]{position:relative;height:350px;border-radius:12px;overflow:hidden;background-color:#2c2f33;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;cursor:pointer}@media (max-width: 699px){.server-card[data-v-3fe57162]{height:330px}}.server-card[data-v-3fe57162]:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0006}.card-background[data-v-3fe57162]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1e2124}.card-overlay[data-v-3fe57162]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00000080,#0003,#0009)}.no-preview-text[data-v-3fe57162]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#8a8a8a;font-size:16px;font-weight:500;text-align:center;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.card-content[data-v-3fe57162]{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:16px;color:#fff}.card-favorite[data-v-3fe57162]{position:absolute;top:12px;right:12px;z-index:3;background:#00000080;border-radius:50%;padding:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-info[data-v-3fe57162]{flex:1;display:flex;flex-direction:column;justify-content:flex-start;margin-top:16px}.server-header[data-v-3fe57162]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.server-name[data-v-3fe57162]{font-size:18px;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;flex:1}.version-text[data-v-3fe57162]{font-size:12px;color:#fff;font-weight:700;background:#00000080;padding:2px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}@media (max-width: 699px){.server-name[data-v-3fe57162]{font-size:16px}.server-header[data-v-3fe57162]{flex-direction:column;align-items:flex-start;gap:4px}.version-text[data-v-3fe57162]{align-self:flex-end}}.server-details[data-v-3fe57162]{display:flex;flex-direction:column;gap:8px;margin-bottom:auto}.detail-item[data-v-3fe57162]{background:#0000004d;padding:6px 10px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.map-players-item[data-v-3fe57162]{display:flex;justify-content:space-between;align-items:center}.map-section[data-v-3fe57162],.players-section[data-v-3fe57162]{display:flex;align-items:center;gap:6px}@media (max-width: 699px){.map-players-item[data-v-3fe57162]{flex-direction:column;gap:4px}.map-section[data-v-3fe57162],.players-section[data-v-3fe57162]{width:100%;justify-content:space-between}}.detail-label[data-v-3fe57162]{font-size:14px;color:#ccc;font-weight:500}.detail-value[data-v-3fe57162]{font-size:14px;color:#fff;font-weight:700;text-align:right}.map-name[data-v-3fe57162]{color:#fff!important}.card-actions[data-v-3fe57162]{display:flex;flex-direction:column;gap:12px;margin-top:auto}.map-players-info[data-v-3fe57162]{background:#0000004d;padding:8px 12px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between;align-items:center}.map-players-info .map-section[data-v-3fe57162],.map-players-info .players-section[data-v-3fe57162]{display:flex;align-items:center;gap:6px}@media (max-width: 699px){.map-players-info[data-v-3fe57162]{flex-direction:column;gap:4px}.map-players-info .map-section[data-v-3fe57162],.map-players-info .players-section[data-v-3fe57162]{width:100%;justify-content:space-between}}.join-button[data-v-3fe57162]{width:100%;background-color:#f89e19;border-color:#f89e19;font-weight:700;text-shadow:none;min-height:42px;font-size:14px;padding:10px 16px;margin-bottom:24px}.join-button[data-v-3fe57162]:hover{background-color:#e08a15;border-color:#e08a15}.view-switch-buttons .el-radio-button.is-active:hover .el-radio-button__inner[data-v-3fe57162]{background-color:#e08a15!important;border-color:#e08a15!important;transform:translateY(-1px)}@media (max-width: 699px){.join-button[data-v-3fe57162]{font-size:13px;min-height:38px;padding:8px 12px}}