.clan-start { max-width:760px; padding:52px; margin:0 auto; text-align:center; }
.clan-heading-actions { display:flex; gap:10px; flex-wrap:wrap; }
.clan-start-icon { display:grid; place-items:center; width:76px; height:76px; color:#2563eb; background:#edf4ff; border-radius:22px; margin:0 auto 24px; }
.clan-start-icon svg { width:36px; height:36px; }
.clan-start h2 { font-size:30px; letter-spacing:-1px; margin:0 0 12px; }
.clan-start>p { color:#7a879e; font-size:13px; line-height:1.8; margin:0 auto 26px; max-width:410px; }
.clan-start>.text-link { margin-top:22px; }
.clan-tag-form { width:100%; max-width:440px; text-align:left; }
.clan-start .clan-tag-form { margin:auto; }
.clan-tag-form>label { display:block; color:#69778e; font-size:10px; font-weight:650; margin-bottom:8px; }
.clan-tag-form>div { display:flex; align-items:center; gap:9px; padding:5px 5px 5px 13px; border:1px solid #dfe5ee; border-radius:8px; background:#fff; }
.clan-tag-form>div>svg { width:16px; height:16px; color:#95a2b8; flex-shrink:0; }
.clan-tag-form input { width:100%; min-width:0; color:#1b2435; border:0; background:transparent; outline:none; padding:8px 0; font:inherit; font-size:12px; text-transform:uppercase; }
.clan-tag-form input::placeholder { text-transform:none; }
.clan-tag-form button { min-height:36px; white-space:nowrap; font-size:11px; padding:0 17px; }
.clan-hero { display:flex; align-items:center; gap:26px; padding:30px; border-top:3px solid #3979e8; margin-bottom:22px; }
.clan-badge { width:66px; height:66px; object-fit:contain; flex-shrink:0; }
.clan-badge.large { width:96px; height:96px; }
.clan-badge.fallback { display:grid; place-items:center; color:#2563eb; border-radius:16px; background:#edf4ff; }
.clan-badge svg { width:40px; height:40px; }
.clan-identity { flex:1; min-width:0; }
.clan-identity h2 { font-size:26px; letter-spacing:-.8px; margin:8px 0 9px; overflow-wrap:anywhere; }
.clan-identity>p { font-size:11px; color:#77849b; margin:0 0 9px; }
.clan-identity>small { font-size:11px; line-height:1.7; display:block; color:#8a95a8; max-width:650px; white-space:pre-wrap; }
.clan-hero-stats { display:grid; gap:16px; padding-left:28px; border-left:1px solid #edf0f5; min-width:135px; }
.clan-hero-stats small { display:block; color:#8a95a8; font-size:9px; margin-bottom:5px; }
.clan-hero-stats strong { display:block; font-size:14px; color:#27334a; }
.clan-control-row { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:25px; }
.clan-control-row>.reduced-meta { max-width:240px; text-align:right; line-height:1.8; }
.clan-tabs { display:flex; gap:28px; border-bottom:1px solid #dfe5ee; margin-bottom:26px; }
.clan-tabs button { display:flex; align-items:center; gap:8px; padding:14px 0 16px; border:0; background:none; color:#8490a5; font:inherit; font-size:12px; cursor:pointer; position:relative; }
.clan-tabs button>svg { width:16px; height:16px; }
.clan-tabs button>span { background:#eaf0fb; padding:2px 6px; font-size:9px; border-radius:4px; }
.clan-tabs button.active { color:#2563eb; font-weight:650; }
.clan-tabs button.active:after { position:absolute; bottom:-1px; left:0; right:0; content:''; height:3px; background:#2563eb; border-radius:3px 3px 0 0; }
.clan-roster-top { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.clan-roster-top h2 { font-size:17px; letter-spacing:-.3px; margin:0 0 7px; }
.clan-roster-top p { font-size:11px; color:#8792a7; margin:0; }
.clan-roster-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.member-card { padding:22px; width:100%; text-align:left; font:inherit; cursor:pointer; transition:transform .15s,border-color .15s,box-shadow .15s; }
.member-card:hover { transform:translateY(-2px); border-color:#adc6ff; box-shadow:0 8px 22px #1d4d9a0a; }
.member-identity { display:flex; align-items:center; gap:13px; }
.member-identity>.townhall-art { width:48px; height:48px; }
.member-identity>div { flex:1; min-width:0; }
.member-identity h3 { font-size:14px; margin:0 0 6px; color:#263249; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-identity p { color:#919caf; font-size:9px; margin:0; }
.member-identity>svg { width:15px; height:15px; color:#a6b3c8; flex-shrink:0; }
.member-card-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; padding:20px 0 17px; }
.member-card-stats small { display:block; font-size:9px; color:#95a0b2; margin-bottom:7px; }
.member-card-stats strong { font-size:13px; font-weight:650; color:#2d3c55; }
.member-card-stats>span:last-child strong { color:#2563eb; }
.member-card-activity { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; background:#f3f7ff; border:1px solid #e6edfa; border-radius:9px; padding:13px 11px; margin:0 0 15px; }
.member-card-activity small { display:block; font-size:9px; color:#71839f; margin-bottom:7px; line-height:1.5; }
.member-card-activity strong { font-size:17px; font-weight:650; color:#244e94; }
.member-card-activity>span:last-child strong { color:#2563eb; }
.clan-roster-periods { margin-top:-3px; }
.clan-roster-periods>.reduced-meta { margin-left:auto; font-size:10px; }
.member-card-foot { display:flex; align-items:center; justify-content:space-between; border-top:1px solid #eff2f7; padding-top:13px; color:#9aa5b6; font-size:9px; gap:10px; }
.member-card-foot span { display:flex; align-items:center; gap:5px; }
.member-card-foot svg { width:12px; height:12px; color:#91a9d5; }
.clan-coverage { font-size:10px; line-height:1.9; color:#8c99ae; margin:20px 0 24px; display:flex; align-items:flex-start; gap:8px; }
.clan-coverage>svg { width:14px; height:14px; flex-shrink:0; margin-top:3px; }
.member-periods+.clan-stat-grid .clan-stat:last-child { grid-column:auto; }
.clan-sync-progress { display:flex; align-items:center; position:relative; gap:12px; border:1px solid #d8e6ff; border-radius:8px; background:#f0f6ff; padding:15px 17px 20px; font-size:11px; color:#7190bd; margin-bottom:24px; overflow:hidden; }
.clan-sync-progress>.lookup-spinner { width:18px; height:18px; border-width:2px; }
.clan-sync-progress strong { margin-left:8px; color:#2563eb; font-weight:650; }
.clan-sync-progress .text-link { margin-left:auto; font-size:10px; }
.clan-sync-progress>div { position:absolute; left:0; right:0; bottom:0; height:3px; background:#e0ebfc; }
.clan-sync-progress i { display:block; height:3px; background:#3979e8; transition:width .3s; }
.clan-leader-controls { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:0 0 23px; }
.clan-leader-controls>label { display:flex; align-items:center; gap:10px; margin-left:auto; color:#8190a7; font-size:11px; }
.clan-leader-controls select { border:1px solid #dfe5ee; background:#fff; border-radius:7px; padding:10px 12px; color:#425370; font:inherit; font-size:11px; }
.clan-leader-controls .segmented button { white-space:nowrap; }
.clan-stat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:24px; }
.clan-stat { display:flex; align-items:center; gap:17px; padding:24px; }
.clan-stat small { display:block; font-size:10px; color:#94a0b2; margin-bottom:10px; }
.clan-stat strong { display:block; font-size:25px; letter-spacing:-.8px; color:#25334b; line-height:1.2; }
.clan-stat p { margin:8px 0 0; font-size:9px; color:#9aa6b8; }
.clan-podium { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-bottom:25px; }
.clan-podium-card { position:relative; display:flex; align-items:center; flex-direction:column; padding:26px 20px; font:inherit; cursor:pointer; }
.clan-podium-card .townhall-art { width:62px; height:62px; }
.clan-podium-card .rank-medal { position:absolute; left:18px; top:18px; color:#a3b3ce; font-size:12px; font-weight:700; }
.clan-podium-card:first-child { background:linear-gradient(145deg,#fff,#f0f6ff); border-color:#bfd4ff; }
.clan-podium-card:first-child .rank-medal { color:#2563eb; }
.clan-podium-card h3 { font-size:13px; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:13px 0; }
.clan-podium-card>strong { font-size:27px; letter-spacing:-1px; color:#2563eb; }
.clan-podium-card>small { font-size:9px; color:#94a1b6; margin-top:7px; }
.member-table-button { display:flex; align-items:center; gap:12px; padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; text-align:left; }
.member-table-button .townhall-art { width:36px; height:36px; }
.member-table-button strong { display:block; font-size:11px; }
.member-table-button small { display:block; font-size:9px; margin-top:5px; color:#a0acbe; }
.ranking-loot { font-weight:650; color:#2563eb; }
.clan-rank { color:#87a1cb; font-weight:650; }
.coverage-tag { color:#97a6bb; font-size:9px; white-space:nowrap; }
.clan-ranking-table th,.clan-ranking-table td { white-space:nowrap; }
.clan-empty { text-align:center; padding:65px 25px; }
.clan-empty>.lookup-spinner { display:inline-block; margin-bottom:20px; }
.clan-empty h2 { font-size:23px; letter-spacing:-.6px; margin:0 0 12px; }
.clan-empty p { font-size:12px; line-height:1.9; color:#8997ac; max-width:470px; margin:0 auto 20px; }
.war-board { padding:26px; margin-bottom:24px; }
.war-board-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.war-board-top>span:last-child { font-size:10px; color:#90a0b7; }
.war-versus { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:35px; padding:35px 30px 24px; }
.war-side { text-align:center; }
.war-side .clan-badge { width:85px; height:85px; margin:0 auto; }
.war-side h2 { font-size:18px; letter-spacing:-.4px; margin:15px 0; }
.war-side>strong { display:flex; justify-content:center; gap:10px; align-items:center; font-size:42px; letter-spacing:-1.5px; color:#273b5f; }
.war-side>strong svg { width:26px; height:26px; fill:#f3c56b; stroke:#e6b65a; }
.war-side>p { color:#8093b2; font-size:11px; margin:13px 0; }
.war-side>small { display:block; font-size:10px; color:#9aa9bf; margin-top:12px; }
.war-destruction { max-width:240px; margin:auto; background:#edf2fa; height:5px; border-radius:9px; overflow:hidden; }
.war-destruction i { display:block; height:100%; background:#4c88f0; border-radius:9px; }
.war-vs { font:700 24px var(--display); color:#afbdd2; }
.war-source { text-align:center; color:#a1aec1; font-size:9px; margin:20px 0 0; }
.member-back { margin:0 0 22px; font-size:11px; }
.member-profile-hero { display:flex; align-items:center; gap:30px; padding:30px; margin-bottom:28px; }
.member-th { text-align:center; flex-shrink:0; }
.member-th>.townhall-art { width:95px; height:95px; }
.member-th>span { display:block; font-size:10px; font-weight:700; color:#9eacc0; margin-top:10px; }
.member-profile-hero h1 { font-size:30px; margin:9px 0; letter-spacing:-.8px; }
.member-profile-hero p { color:#8391a9; font-size:11px; margin:0 0 15px; }
.member-league-badge { display:inline-flex; align-items:center; gap:10px; padding:7px 14px 7px 8px; background:linear-gradient(135deg,#f3f7ff,#fff); border:1px solid #e0e9f7; border-radius:10px; }
.member-league-badge .league-art { width:48px; height:48px; }
.member-league-badge small { display:block; font-size:7px; color:#8295b4; letter-spacing:1.1px; margin-bottom:5px; }
.member-league-badge strong { display:block; font-size:13px; color:#264775; font-weight:700; }
.ranked-tournament-note { display:flex; align-items:center; gap:9px; background:#f2f7ff; border-bottom:1px solid #e2ebfa; padding:14px 21px; color:#4775bb; }
.ranked-tournament-note>svg { width:15px; height:15px; flex-shrink:0; }
.ranked-tournament-note strong { display:block; font-size:10px; font-weight:650; }
.ranked-tournament-note small { display:block; font-size:9px; margin-top:5px; color:#7189ab; line-height:1.6; }
.member-profile-trophies { margin-left:auto; padding-left:35px; border-left:1px solid #edf1f6; }
.member-profile-trophies small { display:block; color:#97a5ba; font-size:10px; }
.member-profile-trophies strong { display:block; font-size:30px; letter-spacing:-1px; color:#2f6bd1; margin:10px 0; }
.member-periods h2 { font-size:16px; margin:0 auto 0 0; }
.member-periods .reduced-meta { font-size:10px; }
.highest-member-attack { padding:24px; margin-bottom:28px; border-color:#c8d9f7; background:linear-gradient(135deg,#fff,#f4f8ff); }
.highest-attack-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:23px; }
.highest-attack-heading>span { display:flex; align-items:center; gap:9px; }
.highest-attack-heading svg { color:#397be8; width:18px; height:18px; }
.highest-attack-heading h2 { font-size:16px; }
.highest-attack-heading>small { color:#8296b4; font-size:10px; }
.highest-attack-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,1.2fr) auto; gap:24px; align-items:center; }
.highest-attack-opponent { display:flex; align-items:center; gap:16px; min-width:0; }
.highest-attack-opponent>.townhall-art { width:62px; height:62px; flex-shrink:0; }
.highest-attack-opponent>div { min-width:0; }
.highest-attack-opponent .eyebrow { font-size:8px; color:#879bb8; letter-spacing:1px; }
.highest-attack-opponent h3 { font-size:21px; color:#23466f; margin:5px 0 7px; overflow-wrap:anywhere; }
.highest-attack-opponent p { font-size:10px; color:#778da9; margin:0 0 5px; overflow-wrap:anywhere; }
.highest-attack-opponent small { color:#8da0ba; font-size:9px; }
.highest-attack-total { text-align:right; }
.highest-attack-total>small { color:#8096b6; font-size:9px; }
.highest-attack-total>strong { display:block; color:#2563eb; font-size:27px; letter-spacing:-1px; margin:5px 0 8px; white-space:nowrap; }
.highest-attack-total .attack-record-result { align-items:flex-end; }
.attack-resources { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.attack-resources>span { min-width:0; }
.attack-resources small { display:flex; align-items:center; gap:5px; font-size:8px; color:#8c9bb1; white-space:nowrap; margin-bottom:5px; }
.attack-resources .resource-art { width:12px; height:14px; object-fit:contain; margin:0; }
.attack-resources strong { color:#3d5578; font-size:11px; font-variant-numeric:tabular-nums; }
.highest-member-attack .attack-resources { padding:16px; border:1px solid #e3ecfa; background:#ffffffb3; border-radius:9px; }
.highest-member-attack .attack-resources strong { font-size:12px; }
.member-attack-history { margin-bottom:28px; }
.member-attack-history>.section-topline { margin-bottom:16px; gap:12px; flex-wrap:wrap; }
.member-attack-history>.section-topline h2 { font-size:16px; }
.member-attack-history>.section-topline .reduced-meta { font-size:10px; }
.member-attack-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:start; }
.member-attack-panel { min-width:0; overflow:hidden; }
.member-attack-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:21px; border-bottom:1px solid #edf1f7; }
.member-attack-heading h3 { display:flex; align-items:center; gap:8px; font-size:13px; color:#324d74; margin:0 0 7px; }
.member-attack-heading h3>svg { width:15px; height:15px; color:#5888d8; }
.member-attack-heading p { font-size:9px; color:#93a2b8; margin:0; }
.attack-list-count { white-space:nowrap; border-radius:5px; padding:5px 8px; background:#edf4ff; color:#4e7fc4; font-size:10px; }
.member-attack-list { list-style:none; margin:0; padding:0; }
.member-attack-list>li { padding:18px 21px; border-bottom:1px solid #edf1f7; }
.member-attack-list>li:last-child { border-bottom:0; }
.attack-record-top { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.attack-record-opponent { display:flex; align-items:center; gap:10px; min-width:0; }
.attack-record-opponent>.townhall-art { width:34px; height:34px; flex-shrink:0; }
.attack-record-opponent>div { min-width:0; }
.attack-record-opponent strong { display:block; color:#3a506f; font-size:11px; overflow-wrap:anywhere; }
.attack-record-opponent small { display:block; color:#97a5b9; font-size:8px; margin-top:5px; }
.attack-record-result { display:flex; align-items:flex-end; flex-direction:column; gap:5px; flex-shrink:0; }
.attack-record-result .stars { gap:2px; }
.attack-record-result .stars svg { width:11px; height:11px; }
.attack-record-result>small { color:#93a2b7; font-size:8px; }
.member-attacks-empty { padding:27px 21px; color:#91a0b6; font-size:11px; line-height:1.8; }
@media(max-width:1100px){.highest-attack-main{grid-template-columns:minmax(0,1fr) auto}.highest-attack-total{grid-row:1;grid-column:2}.highest-member-attack .attack-resources{grid-row:2;grid-column:1/-1}}
@media(max-width:760px){.highest-member-attack{padding:20px}.highest-attack-main{grid-template-columns:1fr;gap:20px}.highest-attack-total{grid-row:auto;grid-column:auto;text-align:left;border-top:1px solid #dfe8f6;padding-top:18px}.highest-attack-total .attack-record-result{align-items:flex-start}.highest-member-attack .attack-resources{grid-row:auto;grid-column:auto;padding:13px}.highest-attack-opponent h3{font-size:22px}.highest-attack-total>strong{font-size:29px}.member-attack-columns{grid-template-columns:1fr;gap:18px}.member-attack-heading{padding:18px}.member-attack-list>li{padding:17px 18px}.attack-record-top{gap:8px}.attack-record-result>small{font-size:7px}.attack-resources{gap:7px}}
.member-detail-columns { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); gap:23px; align-items:start; }
.member-detail-columns>div { min-width:0; }
.member-detail-columns .panel { margin-bottom:23px; }
.clan-unit-grid { grid-template-columns:repeat(auto-fill,minmax(112px,1fr)); gap:11px; }
.clan-unit-grid .troop-card h3 { font-size:10px; min-height:27px; }
.clan-unit-grid .troop-card--maxed { border-color:#c9dcfa; background:linear-gradient(155deg,#f0f6ff,#fff); }
.troop-card .unit-level-row { display:flex; justify-content:center; align-items:center; gap:6px; margin-top:16px; min-height:27px; }
.unit-level { position:relative; isolation:isolate; display:inline-flex; align-items:baseline; padding:4px 7px; border:1px solid #dbe7fa; border-radius:6px; background:#eaf2ff; white-space:nowrap; font-variant-numeric:tabular-nums; }
.unit-level strong,.unit-level-cap { position:relative; z-index:2; }
.unit-level-cap { color:#567397; }
.unit-level--maxed { background:#23202a; border-color:#efa847; box-shadow:0 0 9px #f69b3a40,inset 0 -7px 9px #e56c1226; }
.unit-level--maxed:before { content:''; position:absolute; inset:0; z-index:1; border-radius:inherit; background:linear-gradient(#29232d,#382719); }
.troop-card .unit-level--maxed strong { color:#fff7df; text-shadow:0 1px 2px #000; font-weight:750; }
.unit-level--maxed .unit-level-cap { color:#ffe0a5; text-shadow:0 1px 2px #000; }
.level-fire { position:absolute; inset:0; z-index:0; pointer-events:none; border-radius:inherit; }
.level-fire i { position:absolute; left:var(--x); bottom:7px; width:var(--size); height:calc(var(--size) * 1.8); background:linear-gradient(135deg,#fff3a3 8%,#ffc444 42%,#ff771f 72%,#ed421811); border-radius:3px 65% 55% 65%; transform-origin:80% 90%; opacity:.8; animation:raidroom-level-flame var(--speed) ease-in-out var(--delay) infinite alternate; }
.level-fire i:nth-child(1) { --x:2%; --size:10px; --speed:1.1s; --delay:-.4s; --lean:-12deg; }
.level-fire i:nth-child(2) { --x:23%; --size:12px; --speed:1.4s; --delay:-.8s; --lean:10deg; }
.level-fire i:nth-child(3) { --x:43%; --size:10px; --speed:1.2s; --delay:-.1s; --lean:-5deg; }
.level-fire i:nth-child(4) { --x:62%; --size:13px; --speed:1.5s; --delay:-.6s; --lean:14deg; }
.level-fire i:nth-child(5) { --x:81%; --size:9px; --speed:1s; --delay:-.3s; --lean:-8deg; }
@keyframes raidroom-level-flame {
  from { transform:translateY(2px) rotate(calc(-45deg + var(--lean))) scale(.8,.75); opacity:.65; }
  to { transform:translateY(-5px) rotate(calc(-38deg + var(--lean))) scale(1,1.12); opacity:.95; }
}
@media(prefers-reduced-motion:reduce) {
  .level-fire i { animation:none; transform:rotate(-45deg) scale(.8); opacity:.65; }
}
.hall-cap { display:block; color:#95a6bf; font-size:8px; margin:5px 0; }
.clan-unit-grid .unit-maxed { font-size:7px; letter-spacing:.4px; }
.unit-disclosure>summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:none; font-size:14px; font-weight:650; }
.unit-disclosure>summary::-webkit-details-marker { display:none; }
.unit-disclosure>summary .count { margin-left:auto; }
.unit-disclosure>summary>svg { width:16px; height:16px; color:#9eb0cd; transition:transform .15s; }
.unit-disclosure[open]>summary>svg { transform:rotate(90deg); }
.unit-disclosure[open]>summary { margin-bottom:20px; }
.pet-art { background:linear-gradient(145deg,#f3f7ff,#e7efff); border-color:#e3ebfc; }
.usage-panel .section-topline { flex-wrap:wrap; gap:8px; }
.usage-panel h2 { font-size:13px; }
.usage-panel .reduced-meta { font-size:8px; }
.usage-list>div { display:flex; align-items:center; gap:12px; padding:13px 0; border-bottom:1px solid #eff3fa; }
.usage-list>div:last-child { border-bottom:0; }
.usage-list .unit-art { width:36px; height:36px; flex-shrink:0; }
.usage-list>div>span { flex:1; min-width:0; }
.usage-list strong { font-size:10px; color:#3b5278; }
.usage-list small { display:block; font-size:8px; color:#96a6bd; margin:5px 0 8px; }
.usage-list i { display:block; width:100%; height:3px; background:#edf2fb; border-radius:4px; overflow:hidden; }
.usage-list b { display:block; height:3px; background:#80a9f1; }
.usage-empty { display:flex; align-items:flex-start; gap:10px; padding:19px 0 6px; color:#96a6bd; }
.usage-empty>svg { width:15px; height:15px; flex-shrink:0; margin-top:2px; }
.usage-empty p { font-size:10px; line-height:1.9; margin:0; }
.cwl-panel .panel-header p { color:#94a4bc; font-size:10px; line-height:1.8; margin:12px 0 0; }
.cwl-panel>.usage-empty { padding:25px; }
.cwl-average { font-weight:700; color:#2b73e8; }
.clan-context-link { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 19px; background:#edf5ff; border:1px solid #e0ebfc; border-radius:8px; margin:0 0 22px; }
.clan-context-link>span { display:flex; align-items:center; gap:8px; color:#6991c9; font-size:11px; }
.clan-context-link svg { width:16px; height:16px; }
@media(min-width:1500px){.clan-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.clan-hero{gap:18px;padding:24px}.clan-badge.large{width:75px;height:75px}.clan-identity h2{font-size:23px}.member-detail-columns{grid-template-columns:1fr}.member-card{padding:18px}.clan-stat{padding:21px;gap:12px}.clan-stat strong{font-size:23px}.clan-hero-stats{padding-left:18px;min-width:115px}}
@media(max-width:760px){.clan-start{padding:34px 24px}.clan-start h2{font-size:26px}.clan-hero{flex-wrap:wrap}.clan-identity{flex-basis:calc(100% - 100px)}.clan-hero-stats{display:flex;justify-content:space-between;gap:20px;border-left:0;border-top:1px solid #edf0f5;padding:20px 0 0;width:100%}.clan-hero-stats strong{font-size:12px}.clan-control-row{align-items:flex-start;flex-direction:column;gap:12px}.clan-control-row>.reduced-meta{text-align:left;max-width:none;font-size:9px}.clan-tag-form{max-width:none}.clan-tabs{gap:22px}.clan-tabs button{font-size:10px}.clan-roster-top{flex-direction:column;align-items:stretch}.clan-roster-top .search-field{width:100%}.clan-roster-grid{grid-template-columns:1fr}.clan-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.clan-stat:last-child{grid-column:1/-1}.clan-stat{padding:19px}.clan-stat strong{font-size:24px}.clan-leader-controls{gap:14px}.clan-leader-controls>label{margin-left:0}.clan-leader-controls>.button{margin-left:auto;font-size:10px}.clan-podium{gap:9px}.clan-podium-card{padding:25px 9px 18px}.clan-podium-card .townhall-art{width:45px;height:45px}.clan-podium-card h3{font-size:10px}.clan-podium-card>strong{font-size:22px}.clan-podium-card>small{font-size:8px}.clan-podium-card .rank-medal{left:10px;top:10px;font-size:9px}.member-profile-hero{gap:16px;padding:23px;flex-wrap:wrap}.member-th>.townhall-art{width:67px;height:67px}.member-profile-hero>div:nth-child(2){flex:1;min-width:0}.member-profile-hero h1{font-size:24px;overflow-wrap:anywhere}.member-profile-trophies{border-left:0;border-top:1px solid #edf1f6;flex-basis:100%;padding:20px 0 0;display:flex;align-items:center;justify-content:space-between}.member-profile-trophies strong{font-size:23px;margin:0}.member-profile-trophies small{font-size:9px}.member-periods h2{flex-basis:100%}.member-detail-columns{gap:0}.war-board{padding:20px}.war-board-top{align-items:flex-start;flex-direction:column}.war-versus{gap:12px;padding:24px 0 10px}.war-side .clan-badge{width:60px;height:60px}.war-side h2{font-size:13px;overflow-wrap:anywhere}.war-side>strong{font-size:32px;gap:4px}.war-side>strong svg{width:19px;height:19px}.war-side>p{font-size:9px}.war-side>small{font-size:8px}.war-vs{font-size:16px}.clan-context-link{align-items:flex-start;gap:10px;flex-direction:column}.clan-sync-progress{font-size:9px;gap:8px}.clan-sync-progress strong{margin-left:4px}}