.clan-page{min-height:430px}.clan-page h1{color:#d58a00;font-size:22px}.clan-tabs{display:flex;flex-wrap:wrap;gap:3px;border-bottom:2px solid #acccbe;margin:24px 0 18px}.clan-tabs button{background:linear-gradient(#e4f2e9,#bdd7cc);border:1px solid #abc6b8;padding:8px 12px;color:#25473b}.clan-tabs button[aria-selected=true]{font-weight:bold;background:#eeb654;color:#442e00}.clan-banner{display:block;max-height:250px;width:100%;object-fit:contain;margin:15px auto}.clan-logo{width:64px;height:64px;object-fit:contain;vertical-align:middle}.clan-recap{display:flex;gap:20px;align-items:center;background:#f6f6f6;padding:16px}.clan-recap p{margin:5px 0}.clan-presentation{padding:20px;overflow-wrap:anywhere;overflow:auto}.clan-page form{background:#f6f6f6;padding:15px;margin:18px 0}.clan-page label{display:block;margin:9px 0}.clan-page input:not([type=file]),.clan-page textarea{font:inherit;max-width:100%;padding:5px;border:1px solid #bbb}.clan-page textarea{display:block;width:100%;min-height:180px}.clan-page button{font:inherit}.clan-page form button,.clan-action{color:#075ca2;cursor:pointer}.clan-members{overflow:auto}.clan-members table{min-width:650px}.clan-members th{font-weight:bold}.clan-members td{text-align:center}.clan-members a,.clan-page a{color:#176bad}.clan-members input{width:95px}.clan-danger{color:#d21c16!important}.clan-attack.incoming{color:#c62020}.clan-attack.outgoing{color:#258127}.clan-attack{padding:10px;border-bottom:1px solid #ddd}.clan-attack a{color:inherit}.clan-row{grid-template-columns:minmax(0,3fr) minmax(180px,1fr)}.clan-chat-form{display:flex;border:3px solid #666;margin:6px}.clan-chat-form input{min-width:0;flex:1;font:inherit;padding:5px}.clan-chat-form button{border:0;background:#f39111;color:#fff;font-weight:bold;padding:6px 12px}.clan-chat-messages{max-height:245px;overflow:auto;margin:6px}.clan-chat-message{display:flex;align-items:center;gap:6px;border-bottom:1px solid #ddd;padding:5px;background:#f5f5f5;overflow-wrap:anywhere;font-size:14px}.clan-avatar{width:30px;height:30px;object-fit:contain}.clan-chat-message a{font-weight:700;color:#222}.clan-chat-message p{margin:0;min-width:0}.clan-online{padding:8px}.clan-online h3{font-size:15px;margin:6px 0}.clan-online a{color:#555}.clan-online .online-member{display:flex;align-items:center;gap:5px;margin:4px}.clan-card{padding:12px;text-align:center}.clan-card a{font-weight:bold}.clan-card progress{display:block;width:90%;height:13px;margin:8px auto}.clan-note{font-size:13px;color:#777}.clan-table-list td{padding:8px}.clan-page .row-actions{display:flex;gap:5px;flex-wrap:wrap}@media(max-width:620px){.clan-row{grid-template-columns:1fr}.clan-recap{gap:10px;padding:10px}.clan-tabs button{padding:7px}.clan-page{margin-left:2%;margin-right:2%}}

.clan-chat-messages{height:330px;max-height:330px;text-align:left}.clan-card.no-clan{padding:0}.clan-online h3{line-height:1.5}

#home-clan:not(.no-clan){padding:14px 16px 16px;text-align:left}.home-clan-identity{display:flex;align-items:center;gap:18px;margin-bottom:9px}.home-clan-identity .clan-logo{display:block;width:40px;height:40px;object-fit:contain;border:1px solid #aaa}.home-clan-details{min-width:0}.home-clan-details>a{font:400 16px Arial,sans-serif;color:#555;overflow-wrap:anywhere;text-decoration:none}.home-clan-details>a:hover{text-decoration:underline}.home-clan-details p{font:italic 13px Arial,sans-serif;color:#777;margin:5px 0 0}.home-clan-meter{position:relative;height:15px}.clan-card .home-clan-meter progress{appearance:none;display:block;width:100%;height:15px;margin:0;border:1px solid #bbb;border-radius:0;background:#f6f6f6;color:#ffd482}.home-clan-meter progress::-webkit-progress-bar{background:#f6f6f6}.home-clan-meter progress::-webkit-progress-value{background:#ffd482}.home-clan-meter progress::-moz-progress-bar{background:#ffd482}.home-clan-meter span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:bold 10px Arial,sans-serif;color:#111;pointer-events:none}

.clan-recap{flex-wrap:wrap}.clan-recap>.clan-logo{display:block;width:490px;max-width:100%;height:auto;aspect-ratio:4.9;object-fit:contain;flex:0 1 490px}.clan-recap>div{flex:1 1 170px}

.clan-recap>.clan-logo{width:245px;flex-basis:245px}
.clan-page>#building-upgrade{margin-top:32px}

.clan-overview{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr);border:1px solid #aaa;background:#fff}
.clan-overview>.clan-banner{grid-column:1/-1;margin:0;max-height:250px;border-bottom:1px solid #aaa}
.clan-overview>.clan-presentation{min-height:300px;text-align:center}
.clan-presentation *{text-align:center!important}
.clan-presentation-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.clan-presentation table{margin-left:auto;margin-right:auto}
.clan-summary{border-left:1px solid #aaa;padding:20px 12px;text-align:center}
.clan-summary .clan-recap{display:flex;flex-direction:column;gap:10px;background:#f6f6f6;text-align:center}
.clan-summary .clan-recap>.clan-logo{width:200px;max-width:100%;height:auto;flex:0 0 auto}
.clan-summary .clan-recap>div{flex:0 0 auto;width:100%}
.clan-summary h2{font-size:18px;margin:5px 0}
.clan-points{color:#176bad;font-weight:bold}
.clan-inhabitants{color:#258127;font-weight:bold}
.clan-kage,.clan-member-count,.clan-level{font-weight:bold}
.clan-summary progress{width:100%;height:15px;accent-color:#eeb654;margin-top:8px}
.clan-progress-label{font-size:12px}
.clan-edit-presentation{display:block;margin:18px auto 0;padding:4px 8px;border:0;background:transparent;color:#176bad;text-decoration:underline;cursor:pointer}
@media(max-width:620px){.clan-overview{grid-template-columns:1fr}.clan-summary{border-left:0;border-top:1px solid #aaa}}

.clan-tabs{justify-content:center;gap:3px}
.clan-page .clan-tabs button{font-size:12px;padding:5px 8px}
.clan-summary .clan-summary-identity{display:flex;align-items:center;justify-content:center;gap:10px}
.clan-summary-identity .clan-logo{width:65px;height:44px;object-fit:contain;flex-shrink:0}
.clan-summary-identity h2{min-width:0;overflow-wrap:anywhere}
.clan-page .clan-edit-presentation{font-size:11px}
.clan-diplomacy-actions{margin-top:20px;display:flex;flex-direction:column;gap:8px}
.clan-diplomacy-actions button{font-size:12px;border:1px solid #b9c9bd;background:#edf4ee;padding:6px}
.clan-overview>.clan-banner{height:auto;max-height:none;width:100%;object-fit:contain}
.clan-attack.incoming,.clan-attack.incoming a{color:#c62020}
.clan-attack.outgoing,.clan-attack.outgoing a{color:#258127}

.clan-overview>.clan-banner{width:100%;height:auto;aspect-ratio:1000/200;object-fit:cover;max-height:none}
.clan-attack{font-size:15px;font-weight:500;line-height:1.6}
.clan-attack a{font-weight:700}
.clan-community{padding:16px;border:1px solid #d5dbd6;border-radius:6px;background:#fafbf9}
.clan-community>h2{font-size:17px;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid #bfd4c7;color:#354b3e}
.clan-request-card{display:flex;gap:16px;align-items:center;padding:16px;margin:10px 0;background:#fff;border:1px solid #d8dfd9;border-left:4px solid #9cbdab;border-radius:4px}
.clan-relation-logo{width:64px;height:44px;object-fit:contain}
.clan-request-info{flex:1;min-width:0}
.clan-request-info>a{font-weight:700;font-size:15px}
.clan-request-info p{margin:6px 0;font-size:13px}
.clan-status-badge{display:block;width:fit-content;padding:3px 8px;margin-top:6px;border-radius:12px;font-size:11px;background:#e6efe8;color:#315c40;font-weight:bold}
.clan-status-badge.pending{background:#fff0ce;color:#795517}
.clan-card-actions{display:flex;gap:8px;flex-wrap:wrap}
.clan-community button{padding:6px 12px;border-radius:3px;font-size:13px;border:1px solid #aebeb3;background:#edf4ef;color:#315540}
.clan-community .clan-refuse{background:#fff;border-color:#d6b7b3;color:#924b42}
.clan-page .clan-invite-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px;margin:0 0 18px;background:#eef2ed;border:1px solid #d8dfd5;border-radius:4px}
.clan-invite-form label{margin:0}
.clan-invite-form input{background:white}
.clan-empty-state{text-align:center;padding:26px 12px;background:#fff;border:1px dashed #c9d4cd;border-radius:4px;font-size:14px}
@media(max-width:620px){.clan-request-card{flex-wrap:wrap}.clan-card-actions{width:100%;justify-content:flex-end}}

.clan-summary .clan-recap{padding:22px 18px;gap:18px}
.clan-summary .clan-recap p{font-size:16px;line-height:1.6;margin:10px 0}
.clan-summary .clan-recap .clan-progress-label{font-size:14px;line-height:1.5;margin-top:10px}
.clan-summary progress{display:block;margin:16px auto 0;height:16px}

.clan-page .clan-tabs button{font-size:13px;padding:7px 10px}
.clan-member-role,.clan-member-nickname{font-style:italic}
.clan-page .clan-member-icon{border:0;background:transparent;padding:3px 6px;font-size:19px;line-height:1;cursor:pointer;color:#176bad;vertical-align:middle}
.clan-page .clan-role-edit{border:0;background:none;padding:0;font:inherit;font-style:italic;cursor:pointer;color:inherit}
.clan-page .clan-nickname-editor{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;margin:0;background:transparent;font-style:normal}
.clan-nickname-editor button{padding:2px 4px;font-size:12px}

.clan-page .clan-member-icon.clan-danger{color:#d21c16!important;font-size:20px;font-weight:700;min-width:28px}
.clan-join-section{border:1px solid #ddd;background:#fafafa;margin:20px 0;padding:20px 24px}
.clan-join-section h2{font-size:18px;color:#ba811f;border-bottom:1px solid #ddd;padding-bottom:10px;margin:0 0 14px}
.clan-application-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:white;border-bottom:1px solid #e5e5e5;padding:12px;margin-top:8px}
.clan-application-row>a{font-weight:bold;margin-right:auto}
.clan-browse{display:inline-block;margin:0 0 10px}
.clan-page .clan-cancel-application{border:0;background:none;color:#b65338;text-decoration:underline;cursor:pointer}
.clan-join-section form{background:transparent;padding:0;margin:12px 0 0}

.clan-editor-logo{display:block;width:245px;max-width:100%;height:auto}.clan-editor-banner{display:block;width:100%;aspect-ratio:5;object-fit:cover}.clan-presentation-editor>a{margin-left:18px}.clan-presentation-editor textarea{min-height:260px;text-align:center}.clan-join-section>select{margin-right:12px;padding:5px}