.custom-header.svelte-f9ruvx{display:flex;align-items:center;gap:12px;color:#ffc532}.custom-header.svelte-f9ruvx svg{font-size:1.5rem}.custom-header.svelte-f9ruvx h3:where(.svelte-f9ruvx){margin:0;font-size:1.3rem;color:#ffc532;font-family:Calibri,serif}.create-clan-form.svelte-f9ruvx{padding-top:10px;font-family:Calibri,serif}.form-group.svelte-f9ruvx{margin-bottom:15px}.form-group.svelte-f9ruvx label:where(.svelte-f9ruvx){display:block;margin-bottom:8px;font-weight:600;font-size:14px;color:#ccc}.form-group.svelte-f9ruvx input[type=text]:where(.svelte-f9ruvx),.form-group.svelte-f9ruvx textarea:where(.svelte-f9ruvx){width:100%;padding:10px 12px;background-color:#121212;border:1px solid #333;color:#fff;border-radius:6px;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease;font-family:Calibri,serif}.form-group.svelte-f9ruvx input[type=text]:where(.svelte-f9ruvx):focus,.form-group.svelte-f9ruvx textarea:where(.svelte-f9ruvx):focus{outline:none;border-color:#ffc532;box-shadow:0 0 5px #ffc5324d}.form-group.svelte-f9ruvx textarea:where(.svelte-f9ruvx){resize:vertical;min-height:80px}.required.svelte-f9ruvx{color:#ff4d4d;margin-left:2px}.error-message.svelte-f9ruvx,.info-message.svelte-f9ruvx{display:flex;align-items:center;gap:10px;padding:10px;margin-bottom:15px;border-radius:4px;font-size:14px}.error-message.svelte-f9ruvx{background-color:#ff00001a;border:1px solid #ff0000;color:#fcc}.info-message.svelte-f9ruvx{background-color:#3296ff1a;border:1px solid #3296ff;color:#cce4ff}.info-message.svelte-f9ruvx svg{flex-shrink:0}.file-upload-group.svelte-f9ruvx{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width: 600px){.file-upload-group.svelte-f9ruvx{grid-template-columns:1fr 1fr}}.file-input-wrapper.svelte-f9ruvx{display:flex;flex-direction:column}.file-input-wrapper.svelte-f9ruvx input[type=file]:where(.svelte-f9ruvx){width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.file-input-label.svelte-f9ruvx{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#2a2a2a;border:1px dashed #555;color:#aaa;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px}.file-input-label.svelte-f9ruvx:hover{border-color:#ffc532;color:#ffc532}.file-input-label.svelte-f9ruvx span:where(.svelte-f9ruvx){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommendation.svelte-f9ruvx{font-size:12px;color:#888;margin-top:5px}.preview-wrapper.svelte-f9ruvx{position:relative;width:fit-content;margin-top:10px}.preview-image.svelte-f9ruvx{border-radius:6px;border:1px solid #444;object-fit:cover}.preview-image.avatar.svelte-f9ruvx{width:100px;height:100px;border-radius:50%}.preview-image.banner.svelte-f9ruvx{width:100%;max-width:250px;height:auto}.remove-image-btn.svelte-f9ruvx{position:absolute;top:-5px;right:-5px;background:#222;border:1px solid #555;color:#ff4d4d;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:14px;line-height:1;transition:all .2s ease}.remove-image-btn.svelte-f9ruvx:hover{background:#000;color:#fff;border-color:#ff4d4d;transform:scale(1.1)}.preview-image.banner.svelte-f9ruvx+.remove-image-btn:where(.svelte-f9ruvx){right:5px;top:5px}.button-secondary{background-color:#444!important;border-color:#333!important;color:#fff!important}.button-secondary:hover{background-color:#555!important}:root{--primary-color: #ffc532;--primary-color-dark: #d4a32a;--bg-color: #000;--bg-surface: #0a0a0a;--card-bg: #1a1a1a;--border-color: #2a2a2a;--text-primary: #e0e0e0;--text-secondary: #aaaaaa;--font-stack: "Roboto", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif}.clans-page-wrapper.svelte-gf634v{width:100%;font-family:var(--font-stack);color:var(--text-primary);background:var(--bg-surface)}.clans-hero.svelte-gf634v{padding:60px 20px;text-align:center;background:radial-gradient(ellipse at top,#1c1c1c,var(--bg-surface) 70%);border-bottom:1px solid var(--border-color)}.hero-content.svelte-gf634v{max-width:800px;margin:0 auto}.clans-hero.svelte-gf634v h2:where(.svelte-gf634v){margin:0 0 15px;font-size:3rem;font-weight:700;letter-spacing:.5px}.clans-hero.svelte-gf634v .highlight:where(.svelte-gf634v){color:var(--primary-color);text-shadow:0 0 5px rgba(255,197,50,.3),0 0 10px rgba(255,197,50,.2)}.clans-hero.svelte-gf634v p:where(.svelte-gf634v){font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:650px;margin:0 auto}.clans-page-container.svelte-gf634v{max-width:1300px;margin:0 auto;padding:30px 20px}.header-controls.svelte-gf634v{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;background:var(--card-bg);padding:15px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:25px}.header-left.svelte-gf634v{display:flex;align-items:center;gap:15px;flex-wrap:wrap;flex:1}.search-bar.svelte-gf634v{display:flex;align-items:center;background:#121212;border:1px solid #333;border-radius:6px;padding:8px 12px;width:100%;max-width:300px;transition:border-color .3s}.search-bar.svelte-gf634v:focus-within{border-color:var(--primary-color)}.search-bar.svelte-gf634v svg{color:var(--text-secondary);margin-right:8px;font-size:.9rem}.search-bar.svelte-gf634v input:where(.svelte-gf634v){background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem;width:100%}.filter-select.svelte-gf634v{min-width:200px}.clear-filters.svelte-gf634v{background:none;border:none;color:#666;cursor:pointer;padding:5px;display:flex;align-items:center;font-size:1.1rem;transition:color .2s}.clear-filters.svelte-gf634v:hover{color:#ff4d4d}.create-clan-button{display:inline-flex;align-items:center;gap:8px;font-weight:600}.my-clan-button{background-color:#4caf50!important;border-color:#2e7d32!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;font-weight:600}.my-clan-button:hover{background-color:#388e3c!important}.loading-container.svelte-gf634v{display:flex;justify-content:center;padding:100px}.loader.svelte-gf634v{width:50px;height:50px;border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;animation:svelte-gf634v-spin 1s linear infinite}@keyframes svelte-gf634v-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-items-message.svelte-gf634v{background:var(--card-bg);border:1px dashed var(--border-color);padding:50px;border-radius:10px;text-align:center;color:var(--text-secondary)}.no-items-icon.svelte-gf634v{font-size:3.5rem;opacity:.3;margin-bottom:15px;color:var(--text-secondary)}.no-items-message.svelte-gf634v h3:where(.svelte-gf634v){color:var(--text-primary);font-size:1.7rem;margin:0 0 10px}.clans-grid-container.svelte-gf634v{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;margin-bottom:30px}.clan-card.svelte-gf634v{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s;position:relative;cursor:pointer;display:flex;flex-direction:column}.clan-card.svelte-gf634v:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000004d;border-color:var(--primary-color)}.my-clan-card.svelte-gf634v{border:2px solid var(--primary-color);box-shadow:0 0 15px #ffc53226}.my-clan-ribbon.svelte-gf634v{position:absolute;top:12px;right:-32px;background:var(--primary-color);color:#000;font-weight:800;font-size:.7rem;padding:4px 30px;transform:rotate(45deg);z-index:10;box-shadow:0 2px 5px #00000080}.clan-card-content.svelte-gf634v{display:flex;flex-direction:column;height:100%}.clan-card-header.svelte-gf634v{height:110px;background-size:cover;background-position:center;position:relative;background-color:#0d0d0d}.header-overlay.svelte-gf634v{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(26,26,26,1) 100%)}.clan-avatar-float.svelte-gf634v{position:absolute;bottom:-25px;left:20px;width:64px;height:64px;border-radius:50%;border:3px solid var(--card-bg);background:var(--card-bg);overflow:hidden;box-shadow:0 4px 8px #0006;z-index:2}.clan-avatar-float.svelte-gf634v img:where(.svelte-gf634v){width:100%;height:100%;object-fit:cover}.clan-card-body.svelte-gf634v{padding:35px 20px 20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.clan-header-text.svelte-gf634v{margin-bottom:15px}.title-row.svelte-gf634v{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:10px}.title-row.svelte-gf634v h3:where(.svelte-gf634v){margin:0;font-size:1.3rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clan-tag.svelte-gf634v{background:var(--primary-color);color:#000;padding:2px 6px;border-radius:4px;font-size:.8rem;font-weight:800;flex-shrink:0}.clan-leader.svelte-gf634v{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.clan-leader.svelte-gf634v img:where(.svelte-gf634v){width:22px;height:22px;border-radius:50%;object-fit:cover;border:1px solid #444}.clan-leader.svelte-gf634v strong:where(.svelte-gf634v){color:var(--primary-color);font-weight:600}.clan-info-grid.svelte-gf634v{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #2a2a2a;padding-top:15px;margin-top:auto}.info-item.svelte-gf634v{display:flex;flex-direction:column;text-align:left}.info-item.svelte-gf634v span:where(.svelte-gf634v){color:var(--text-secondary);margin-bottom:4px;text-transform:uppercase;font-size:.7rem;font-weight:600;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.info-item.svelte-gf634v span:where(.svelte-gf634v) svg{color:var(--primary-color);opacity:.8}.info-item.svelte-gf634v strong:where(.svelte-gf634v){color:var(--text-primary);font-weight:600;font-size:1rem}.medals-display.svelte-gf634v{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.medal-icon.svelte-gf634v{width:28px;height:28px;object-fit:contain}.medal-text.svelte-gf634v{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.medal-text-fallback.svelte-gf634v{font-size:.8rem;color:#aaa;background:#222;padding:2px 4px;border-radius:4px}.pagination-container.svelte-gf634v{margin-top:40px}@media (max-width: 768px){.header-controls.svelte-gf634v,.header-left.svelte-gf634v{flex-direction:column;align-items:stretch}.search-bar.svelte-gf634v{max-width:100%}.header-right.svelte-gf634v{display:flex;justify-content:center}}