.clans-hero{text-align:center;z-index:3;max-width:1400px;margin:0 auto;padding:150px 60px 40px;position:relative}.clans-title{letter-spacing:-.04em;margin:20px 0;font-size:clamp(40px,6vw,80px);font-weight:900;line-height:1.02}.clans-sub{color:var(--text-mute);max-width:600px;margin:0 auto 40px;font-size:17px;line-height:1.6}.clan-card-icon img,.clan-header-icon img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;image-rendering:pixelated;border-radius:inherit;display:block}.clans-toolbar{flex-wrap:wrap;justify-content:center;gap:14px;max-width:900px;margin:0 auto 40px;display:flex}.clans-search{background:var(--surface);border:1px solid var(--border-hi);color:#fff;min-width:260px;transition:all .3s var(--ease);border-radius:14px;flex:1;align-items:center;gap:12px;padding:14px 20px;display:flex}.clans-search:focus-within{border-color:var(--border-hi2);background:var(--surface-hi);box-shadow:0 0 0 4px #ffffff08}.clans-search svg{color:var(--text-mute);flex-shrink:0}.clans-search input{color:#fff;font-family:var(--font);background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.clans-search input::placeholder{color:var(--text-dim)}.clans-grid{z-index:3;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1400px;margin:0 auto;padding:0 60px 100px;display:grid;position:relative}.clan-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);color:#fff;transition:all .4s var(--ease);flex-direction:column;gap:18px;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.clan-card:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%),#ffffff14,transparent 60%);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.clan-card:hover{border-color:var(--border-hi);transform:translateY(-4px);box-shadow:0 20px 50px #00000080,0 0 40px #ffffff08}.clan-card:hover:before{opacity:1}.clan-card>*{z-index:1;position:relative}.clan-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.clan-card-icon{border:1px solid var(--border-hi);color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ffffff29,#ffffff08);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:22px;font-weight:900;display:flex;overflow:hidden;box-shadow:inset 0 1px #ffffff1f}.clan-card-badge{letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-mute);background:#ffffff0d;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800}.clan-card-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;font-weight:900;overflow:hidden}.clan-card-meta{color:var(--text-mute);flex-direction:column;gap:8px;font-size:13px;display:flex}.clan-card-meta-row{align-items:center;gap:10px;display:flex}.clan-card-meta-row svg{color:var(--text-dim);flex-shrink:0}.clan-card-meta-row strong{color:#fff;font-weight:700}.clan-card-footer{border-top:1px solid var(--border);color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;padding-top:16px;font-size:11.5px;font-weight:700;display:flex}.clan-card-footer .arrow{transition:transform .3s var(--ease)}.clan-card:hover .arrow{color:#fff;transform:translate(5px)}.clans-empty{text-align:center;color:var(--text-mute);grid-column:1/-1;padding:80px 30px}.clans-empty-icon{filter:grayscale()brightness(.85);margin-bottom:20px;font-size:48px}.clans-empty h3{color:#fff;margin:0 0 10px;font-size:22px;font-weight:800}.clans-empty p{margin:0 0 24px;font-size:14px;line-height:1.6}.clans-loading{color:var(--text-mute);flex-direction:column;grid-column:1/-1;align-items:center;gap:16px;padding:80px 30px;font-size:14px;display:flex}.spinner{border:2px solid var(--border);border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}.clan-page{z-index:3;max-width:1400px;margin:0 auto;padding:140px 60px 100px;position:relative}.clan-back{color:var(--text-mute);align-items:center;gap:8px;margin-bottom:24px;font-size:13px;font-weight:700;text-decoration:none;transition:color .3s;display:inline-flex}.clan-back:hover{color:#fff}.clan-back svg{transition:transform .3s}.clan-back:hover svg{transform:translate(-4px)}.clan-header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);grid-template-columns:auto 1fr auto;align-items:center;gap:32px;margin-bottom:24px;padding:40px;display:grid;position:relative;overflow:hidden}.clan-header:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);height:1px;position:absolute;top:0;left:0;right:0}.clan-header-icon{border:1px solid var(--border-hi);color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#ffffff29,#ffffff08);border-radius:24px;justify-content:center;align-items:center;width:100px;height:100px;font-size:42px;font-weight:900;display:flex;overflow:hidden;box-shadow:inset 0 2px #ffffff1f,0 0 40px #ffffff0f}.clan-header-info h1{letter-spacing:-.03em;margin:0 0 14px;font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.05}.clan-header-meta{color:var(--text-mute);flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.clan-header-meta-item{align-items:center;gap:8px;display:flex}.clan-header-meta-item svg{color:var(--text-dim)}.clan-header-meta-item strong{color:#fff;font-weight:700}.clan-header-actions{flex-wrap:wrap;gap:10px;display:flex}.clan-layout{grid-template-columns:1fr 400px;gap:24px;display:grid}.clan-main{gap:24px}.clan-main,.clan-sidebar{flex-direction:column;display:flex}.clan-sidebar{gap:16px}.clan-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.clan-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.clan-section-title{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:800;display:flex}.clan-section-title .count{border:1px solid var(--border);color:var(--text-mute);background:#ffffff0f;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.members-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.member-card{border:1px solid var(--border);border-radius:var(--radius);text-align:center;transition:all .3s var(--ease);background:#ffffff05;flex-direction:column;align-items:center;gap:10px;padding:18px 14px;display:flex;position:relative}.member-card:hover{border-color:var(--border-hi);background:#ffffff0a;transform:translateY(-2px)}.member-skin{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;width:64px;height:64px;overflow:hidden}.member-skin img{width:100%;height:100%;image-rendering:pixelated;display:block}.member-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13.5px;font-weight:800;overflow:hidden}.member-role{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);background:#ffffff0a;border-radius:99px;padding:3px 10px;font-size:9.5px;font-weight:800}.member-role.leader{color:#fff;background:#ffffff1a;border-color:#fff6}.member-kick{color:#ff6b6b;cursor:pointer;background:#ff505026;border:1px solid #ff505066;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:13px;line-height:1;transition:all .2s;display:none;position:absolute;top:8px;right:8px}.member-card.leader-view:hover .member-kick{display:flex}.member-kick:hover{background:#ff50504d;border-color:#ff6b6b;transform:scale(1.1)}.clan-chat{height:520px;min-height:400px}.chat-messages,.clan-chat{flex-direction:column;display:flex}.chat-messages{scrollbar-width:thin;flex:1;gap:14px;padding:4px 4px 4px 0;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.chat-msg{align-items:flex-start;gap:10px;display:flex}.chat-msg-avatar{border:1px solid var(--border);background:#ffffff0f;border-radius:8px;flex-shrink:0;width:34px;height:34px;overflow:hidden}.chat-msg-avatar img{width:100%;height:100%;image-rendering:pixelated;display:block}.chat-msg-body{flex:1;min-width:0}.chat-msg-head{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.chat-msg-name{color:#fff;font-size:12px;font-weight:800}.chat-msg-time{color:var(--text-dim);font-size:10px;font-weight:600}.chat-msg-text{color:#ffffffd9;word-wrap:break-word;overflow-wrap:anywhere;font-size:14px;line-height:1.5}.chat-input-wrap{border-top:1px solid var(--border);gap:10px;margin-top:16px;padding-top:16px;display:flex}.chat-input{border:1px solid var(--border);color:#fff;font-family:var(--font);background:#ffffff0a;border-radius:12px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.chat-input:focus{border-color:var(--border-hi);background:#ffffff0f}.chat-send{background:var(--silver-grad);color:#0a0a0a;font-family:var(--font);cursor:pointer;background-size:200% 100%;border:1px solid #ffffff80;border-radius:12px;padding:12px 22px;font-size:13px;font-weight:800;transition:all .3s}.chat-send:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #ffffff26}.chat-send:disabled{opacity:.5;cursor:not-allowed}.chat-empty{color:var(--text-dim);text-align:center;flex:1;justify-content:center;align-items:center;padding:20px;font-size:13px;line-height:1.6}.chat-empty,.clan-admin-actions{flex-direction:column;display:flex}.clan-admin-actions{gap:10px}.btn-action{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:#fff;font-family:var(--font);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.btn-action:hover{background:var(--surface-hi);border-color:var(--border-hi);transform:translateY(-2px)}.btn-action.danger{color:#ff6b6b;border-color:#ff50504d}.btn-action.danger:hover{background:#ff50501a;border-color:#ff505080}.btn-action svg{flex-shrink:0}.modal-overlay{-webkit-backdrop-filter:blur(20px)saturate(140%);z-index:10000;background:#030303d1;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{animation:.2s fadeIn;display:flex}.modal{border:1px solid var(--border-hi);width:100%;max-width:460px;animation:modalIn .3s var(--ease-spring);background:#121214f2;border-radius:24px;padding:32px;position:relative;box-shadow:0 40px 100px #000000d9,inset 0 1px #ffffff1a}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-title{letter-spacing:-.02em;margin:0 0 8px;font-size:22px;font-weight:900}.modal-sub{color:var(--text-mute);margin:0 0 20px;font-size:13px;line-height:1.55}.modal-input{border:1px solid var(--border);color:#fff;width:100%;font-family:var(--font);background:#ffffff0a;border-radius:12px;outline:none;margin-bottom:14px;padding:14px 16px;font-size:14px;transition:all .2s}.modal-input:focus{border-color:var(--border-hi);background:#ffffff0f}.modal-actions{gap:10px;margin-top:8px;display:flex}.modal-actions .btn-action,.modal-actions .btn-primary{flex:1;justify-content:center}.modal-message{min-height:16px;margin-top:12px;font-size:13px;font-weight:600}.modal-message.error{color:#ff6b6b}.modal-message.success{color:#4ade80}.clan-glyph{text-shadow:0 0 12px;border-radius:inherit;justify-content:center;align-items:center;width:100%;height:100%;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:26px;line-height:1;display:flex}.clan-header-icon .clan-glyph{font-size:48px}.icon-preview-wrap{border:1px solid var(--border);background:#ffffff08;gap:16px;margin-bottom:20px;padding:20px}.icon-preview-glyph,.icon-preview-wrap{border-radius:16px;align-items:center;display:flex}.icon-preview-glyph{text-shadow:0 0 14px;flex-shrink:0;justify-content:center;width:64px;height:64px;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:32px;line-height:1;transition:all .2s}.icon-preview-name{letter-spacing:-.02em;text-shadow:0 0 20px;word-break:break-all;font-size:22px;font-weight:900;transition:color .2s}.icon-grid{grid-template-columns:repeat(8,1fr);gap:8px;max-height:260px;margin-bottom:20px;padding:4px;display:grid;overflow-y:auto}@media (width<=600px){.icon-grid{grid-template-columns:repeat(6,1fr)}}.icon-cell{aspect-ratio:1;border:1px solid var(--border);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;font-family:Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;font-size:20px;line-height:1;transition:all .15s;display:flex}.icon-cell:hover{border-color:var(--border-hi);background:#ffffff14;transform:scale(1.08)}.icon-cell.selected{background:#ffffff26;border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.icon-color-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.icon-color-label{color:var(--text-mute);font-size:13px;font-weight:700}.icon-color-picker{border:1px solid var(--border-hi);cursor:pointer;background:0 0;border-radius:10px;width:48px;height:40px;padding:0}.icon-color-picker::-webkit-color-swatch-wrapper{padding:0}.icon-color-picker::-webkit-color-swatch{border:none;border-radius:10px}.icon-color-picker::-moz-color-swatch{border:none;border-radius:10px}.icon-color-hex{border:1px solid var(--border);color:#fff;text-transform:uppercase;background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:13px}.icon-color-hex:focus{border-color:var(--border-hi)}@media (width<=1100px){.clans-hero{padding:120px 30px 30px}.clans-grid{padding:0 30px 80px}.clan-page{padding:120px 30px 80px}.clan-layout{grid-template-columns:1fr}}@media (width<=768px){.clans-hero{padding:110px 20px 20px}.clans-grid{grid-template-columns:1fr;padding:0 20px 60px}.clan-page{padding:110px 20px 60px}.clan-header{text-align:center;grid-template-columns:1fr;padding:28px 20px}.clan-header-icon{width:80px;height:80px;margin:0 auto;font-size:32px}.clan-header-actions,.clan-header-meta{justify-content:center}.clan-section{padding:20px}.members-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}