/* Clan scene, navigation cards and building identities, beta 2026.10.23.6 */
.clan-frame{background-image:linear-gradient(180deg,#101a17b8 0%,#101610cc 48%,#080b08eb 100%),url("/assets/village_bg-C2rFSO8j.png");background-position:center;background-repeat:no-repeat;background-size:cover}
.clan-content{scroll-behavior:auto}
.clan-header-card{position:relative;overflow:hidden;background:linear-gradient(120deg,#1d3c36ed,#111d1aef);border-color:#8cbd9b70;box-shadow:inset 0 1px #ffffff18,0 8px 20px #0008}
.clan-header-card:after{content:"";position:absolute;right:86px;top:-24px;width:108px;height:108px;background:url("/assets/ico_clan-mambVKHl.png") center/contain no-repeat;opacity:.1;pointer-events:none}
.clan-name{font-size:18px}
.clan-tabs{position:sticky;top:0;z-index:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 12px;padding:5px 0 9px;background:linear-gradient(180deg,#121a17ef 0%,#121a17c7 82%,#121a1700 100%)}
.clan-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;box-sizing:border-box;min-height:70px;padding:11px 9px 10px 56px;text-align:left;line-height:1.15;background:linear-gradient(145deg,#283a33ed,#121b18f7);border:1px solid #98bd9a54;border-radius:14px;box-shadow:inset 0 1px #ffffff18,0 4px 10px #0006;transition:transform .14s,border-color .14s,background .14s}
.clan-tabs button:before{content:"";position:absolute;left:12px;top:50%;width:34px;height:34px;transform:translateY(-50%);background-position:center;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 2px 3px #0008)}
.clan-tabs button:after{display:block;margin-top:4px;color:#cad9c8b8;font-size:10px;font-weight:750;line-height:1.1;white-space:normal}
.clan-tabs button:nth-child(1):before{background-image:url("/assets/ico_clan-mambVKHl.png")}
.clan-tabs button:nth-child(2):before{background-image:url("/assets/ico_friends-DZhgK2k0.png")}
.clan-tabs button:nth-child(3):before{background-image:url("/assets/Mail-rq36lEKM.png")}
.clan-tabs button:nth-child(4):before{background-image:url("/assets/b_clan-CWoa-8i8.png")}
.clan-tabs button:nth-child(5):before{background-image:url("/assets/ico_gold_coin-Bxccpt9e.png")}
.clan-tabs button:nth-child(6):before{background-image:url("/assets/ico_friends-DZhgK2k0.png")}
.clan-tabs button:nth-child(7):before{background-image:url("/assets/b_settings-Bl_cwJed.png")}
.clan-tabs button:nth-child(1):after{content:"Статистика й оголошення"}
.clan-tabs button:nth-child(2):after{content:"Склад і ролі"}
.clan-tabs button:nth-child(3):after{content:"Останні повідомлення"}
.clan-tabs button:nth-child(4):after{content:"Розвиток клану"}
.clan-tabs button:nth-child(5):after{content:"Ресурси та внески"}
.clan-tabs button:nth-child(6):after{content:"Заявки гравців"}
.clan-tabs button:nth-child(7):after{content:"Параметри клану"}
.clan-tabs button.active{background:linear-gradient(145deg,#45684de8,#203a2beb);border-color:#e4ca7fce;box-shadow:inset 0 1px #ffffff32,0 0 12px #a1d8772b,0 4px 10px #0008}
.clan-tabs button:active{transform:translateY(1px) scale(.99)}
.clan-panel,.clan-header-card,.clan-card,.clan-member-card,.clan-request-card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.clan-stat-grid{gap:9px}
.clan-stat-grid div{background:linear-gradient(145deg,#25352de0,#0d1713eb);border-color:#9dc89c4d;box-shadow:inset 0 1px #ffffff12}
.clan-stat-grid b{color:#c6ee9c;font-size:16px}
.clan-info-block{background:#07100b56;border:1px solid #a9c99c2e;border-radius:14px;margin-top:10px;padding:10px 12px}
.clan-info-block .clan-section-title{margin-top:0}
.clan-building-card{position:relative;overflow:hidden;grid-template-columns:70px minmax(0,1fr);gap:12px;margin-top:9px;padding:12px;background:linear-gradient(135deg,#263932ed 0%,#16211df0 58%,#101613f5 100%);border:1px solid #9bc39b66;border-radius:18px;box-shadow:inset 0 1px #ffffff17,0 7px 16px #0007}
.clan-building-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 4px 4px 0;background:#d8c27d}
.clan-building-icon{position:relative;z-index:1;box-sizing:border-box;width:68px;height:68px;border:1px solid #d8c27d70;border-radius:17px;background:radial-gradient(circle at 30% 24%,#d5c07a5c,#354f42f2 72%);box-shadow:inset 0 1px #ffffff28,0 4px 8px #0006}
.clan-building-icon img{object-fit:contain;width:78%;height:78%;filter:drop-shadow(0 2px 3px #0008)}
.clan-building-hall .clan-building-icon{background:radial-gradient(circle at 30% 24%,#d7b76780,#61411bea 74%)}
.clan-building-type-2:before{background:#f0ca69}
.clan-building-type-2 .clan-building-icon{background:radial-gradient(circle at 30% 24%,#edaa697d,#57352bef 74%)}
.clan-building-type-3:before{background:#74b9e9}
.clan-building-type-3 .clan-building-icon{background:radial-gradient(circle at 30% 24%,#8bc9f282,#234565f2 74%)}
.clan-building-type-4:before{background:#9de07e}
.clan-building-type-4 .clan-building-icon{background:radial-gradient(circle at 30% 24%,#b5e89b80,#2f5738f2 74%)}
.clan-building-main{min-width:0}
.clan-building-title{font-size:16px}
.clan-building-desc{margin-top:5px}
.clan-chat-box{scroll-behavior:auto!important}
@media (max-width:380px){.clan-tabs{grid-template-columns:1fr}.clan-tabs button{min-height:62px}}