/* Additions for actual API states and editing. The accepted theme/layout files stay intact. */
.connected-crest{width:100%;height:100%;object-fit:contain}.battle-side>.connected-crest{width:45px;height:54px;margin:0 auto 12px}.hero-shield>.connected-crest{width:64px;height:72px}.u-crest>.connected-crest{width:100%;height:100%}.connected-muted{color:var(--muted);font-size:11px;line-height:1.8}.connected-card-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.connected-card-actions .button{width:auto}.connected-form{display:flex;flex-direction:column;gap:13px}.connected-form>label{display:flex;flex-direction:column;gap:6px;margin:0}.connected-form input,.connected-form textarea,.connected-form select,.connected-field select{font:inherit;color:var(--text);background:var(--soft);border:1px solid var(--line);border-radius:8px;padding:11px;width:100%;margin:0;min-width:0}.connected-form textarea{min-height:125px;resize:vertical}.connected-form .connected-check,.connected-check{display:flex;flex-direction:row;align-items:center;gap:9px}.connected-check input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.connected-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.connected-form-grid>label{min-width:0}.connected-form [role=alert]{color:var(--metric-rose);margin:0}.connected-form button:disabled{cursor:wait}#base-image-preview img{display:block;max-height:240px;width:100%;object-fit:contain;border-radius:9px}.connected-code{font-family:monospace!important;font-size:17px!important;overflow-wrap:anywhere}.connected-prewrap,.article p,.u-history-entry p{white-space:pre-wrap;overflow-wrap:anywhere}.connected-news{width:100%;text-align:left;background:transparent;color:inherit}.connected-base-visual{background:var(--soft);background-image:none;height:auto;aspect-ratio:4/3}.connected-base-visual img{display:block;width:100%;height:100%;object-fit:contain}.connected-base-empty{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted);font-size:11px;padding:20px}.connected-base-empty svg{width:38px;height:38px}.connected-field{display:grid;gap:8px;font-size:11px}.connected-history-snapshot{padding:17px 0;border-bottom:1px solid var(--line)}.connected-history-snapshot h3{font-size:13px}.connected-subheading{margin-top:24px}.announcement-grid{display:grid;gap:18px;margin-top:20px}.announcement-card{padding:22px}.announcement-card h2{font-size:17px;margin:12px 0 9px}.announcement-card>p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted)}.announcement-card time{font-size:10px;color:var(--muted)}.account-identity{display:flex;align-items:center;gap:14px;padding:22px;margin-bottom:18px}.account-identity>div:nth-child(2){flex:1;min-width:0}.account-identity h2{font-size:24px;overflow-wrap:anywhere}.account-identity p{color:var(--muted);font-size:11px}.account-avatar{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-size:20px;font-weight:750}.account-setting-title{display:flex;align-items:center;gap:7px}.account-setting-title strong{font-size:12px}.account-help{border:1px solid var(--line);border-radius:50%;width:22px;height:22px;background:var(--soft);color:var(--muted)}.account-notification-row p{font-size:10px;line-height:1.7;color:var(--muted);margin-top:3px}.account-security-action{border-top:1px solid var(--line);padding-top:16px;margin-top:12px}.connected-gate{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:var(--bg)}.connected-gate[hidden]{display:none}.connected-gate-card{max-width:460px;padding:30px;text-align:center}.connected-gate-card>svg{width:40px;height:40px;color:var(--accent);margin:auto auto 20px}.connected-gate h1{font-size:24px}.connected-gate p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:14px}
@media(max-width:760px){.mobile-nav{transition:transform .22s}.mobile-nav.is-hidden{transform:translateY(110%);pointer-events:none}.theme-dock{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.theme-dock.nav-away{bottom:calc(18px + env(safe-area-inset-bottom,0px))}.account-identity{flex-wrap:wrap;padding:18px}.account-identity>.status{margin-left:62px}.connected-form-grid{grid-template-columns:1fr}.connected-card-actions .button{flex:1}.announcement-card{padding:18px}}
.connected-editor-player{display:grid!important;grid-template-columns:18px 30px minmax(0,1fr) auto;align-items:center;gap:10px}.connected-editor-player input{width:16px!important;min-height:16px!important;margin:0!important;padding:0!important;accent-color:var(--accent)}.connected-editor-player strong{display:block;font-size:12px;overflow-wrap:anywhere}.connected-editor-player small{color:var(--muted);font-size:9px;overflow-wrap:anywhere}.u-field{display:grid!important;gap:7px;margin-top:12px}.u-editor-top{display:flex;gap:9px;margin-bottom:12px}.u-setting>span{min-width:0;overflow-wrap:anywhere}.u-settings-clans{margin-top:18px}.toggle>span{display:none}.u-crest:has(>.connected-crest){clip-path:none;background:transparent;padding:0}.u-crest:has(>.clan-symbol){background:transparent;padding:0;clip-path:none}.connected-gate img{display:block;margin:0 auto 20px}.u-plan-role-tabs{margin:17px 0}.member-profile-tabs{overflow-x:auto}.member-profile-tabs>button{flex-shrink:0}
@media(max-width:480px){.connected-editor-player{grid-template-columns:16px minmax(0,1fr) auto;gap:8px}.connected-editor-player>.avatar{display:none}}
/* Every period/role switch declares its own number of equal columns. */
.segmented.connected-segments{display:grid;grid-template-columns:repeat(var(--segment-count),minmax(0,1fr));gap:4px;min-width:0;max-width:100%}.segmented.connected-segments>button{min-width:0;width:100%;display:flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.4}.connected-left-clan{display:block;width:fit-content;font-size:9px;line-height:1.35;margin-top:5px;padding:2px 5px;border:1px solid color-mix(in srgb,var(--metric-rose,#d89aa3) 40%,transparent);border-radius:5px;background:color-mix(in srgb,var(--metric-rose,#d89aa3) 9%,transparent);color:var(--metric-rose,#d89aa3);font-weight:650;white-space:normal}.connected-attention-badge{display:block;width:fit-content;font-size:9px;font-weight:700;color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,transparent);border:1px solid color-mix(in srgb,var(--gold) 35%,transparent);border-radius:5px;padding:2px 6px;margin-top:6px}.roster-member-card:has(.connected-attention-badge){border-color:color-mix(in srgb,var(--gold) 50%,var(--line));box-shadow:inset 3px 0 color-mix(in srgb,var(--gold) 65%,transparent)}.connected-attention-panel{grid-column:1/-1;width:100%;padding:15px 18px;background:color-mix(in srgb,var(--gold) 8%,var(--card));border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:10px}.connected-attention-panel h3{font-size:13px;color:var(--gold)}.connected-attention-panel ul{margin:8px 0 0;padding-left:18px;font-size:12px;line-height:1.8}.connected-attention-panel p{font-size:12px;margin-top:7px;color:var(--muted)}.connected-league-icon{display:grid;place-items:center;width:31px;height:35px;flex-shrink:0}.connected-league-icon img{width:100%;height:100%;object-fit:contain}.roster-member-card .connected-league-icon{width:26px;height:29px}.connected-pending-attacks{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.connected-pending-attacks>summary,.connected-profile-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;font-size:12px;font-weight:700}.connected-pending-attacks>summary::-webkit-details-marker,.connected-profile-details>summary::-webkit-details-marker{display:none}.connected-pending-attacks summary svg,.connected-profile-details summary svg{width:15px;height:15px;flex-shrink:0;transition:transform .2s}.connected-pending-attacks[open]>summary>svg,.connected-profile-details[open]>summary>svg{transform:rotate(90deg)}.connected-pending-list{margin-top:10px}.connected-pending-list>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;border-top:1px solid var(--line);font-size:11px}.connected-pending-list>div>span{min-width:0;overflow-wrap:anywhere}.connected-pending-list strong{font-size:10px;color:var(--muted);white-space:nowrap}.connected-pending-attacks>p{font-size:11px;color:var(--muted);margin-top:12px}.connected-profile-details{padding:18px 22px;margin-top:16px}.connected-profile-details>div{padding-top:14px}.connected-snapshots{padding-top:14px;font-size:11px;color:var(--muted)}.connected-snapshots>summary{cursor:pointer}.connected-rating-help{font:inherit;color:var(--accent);padding:0;background:transparent;border-bottom:1px dotted currentColor}.public-entry-links[hidden]{display:none!important}
@media(max-width:760px){.segmented.connected-segments>button{font-size:10px;padding:9px 4px;gap:5px}.connected-profile-details{padding:16px}.connected-attention-panel{padding:13px}.connected-attention-panel ul{font-size:11px}.connected-left-clan{font-size:8px}.connected-pending-list>div{align-items:flex-start}}
.segmented.connected-segments>button>span:last-child{min-width:0;overflow-wrap:anywhere}
/* Live names, tags and translated labels may be longer than the demo fixtures. */
.card-head>div,.page-heading>div,.heading-actions,.roster-member-person,.member-profile-identity>div,.member-metric,.activity-metric,.activity-focus-info{min-width:0}
.card-head h2,.page-heading h1,.roster-member-person strong,.member-profile-identity h2,.member-league strong,.activity-focus-info h2,.activity-metric>span,.activity-metric>strong,.member-metric strong{overflow-wrap:anywhere}
.page-heading,.card-head{gap:12px}.page-heading{flex-wrap:wrap}.page-heading>div:first-child{flex:1 1 210px}.heading-actions{flex-wrap:wrap}
.avatar,.member-profile-identity>.avatar{flex-shrink:0}.table-person>div{min-width:0}.numbered-person>.table-person{min-width:0;flex:1}.table-person strong,.table-person small{overflow-wrap:anywhere}
.reliable-person>.participant-number{width:13px;min-width:13px}.reliable-person>.avatar{flex-shrink:0}.reliable-person>.reliable-identity{flex:1}
.u-war-grid>*,.u-clan-activity-grid>*,.u-clan-activity-summary{min-width:0}.u-war-grid .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:14px;margin:0}.u-clan-activity-summary .activity-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-game-identity>div,.account-notification-row>div,.account-choice>span{min-width:0}.account-game-identity h3,.account-setting-title strong,.account-choice strong,.account-choice small{overflow-wrap:anywhere}.account-push-buttons{flex-wrap:wrap}.account-push-buttons>.button{min-width:0;white-space:normal;text-align:center}
@media(max-width:760px){
 .main-shell main{min-width:0}.page-heading h1{font-size:clamp(23px,6vw,29px);line-height:1.25}.page-heading p{line-height:1.7}.card-head{flex-wrap:wrap;align-items:flex-start}.card-head>.button{flex-shrink:0}
 .reliable-table th:nth-child(n+3),.activity-results th:nth-child(n+3){white-space:normal;overflow-wrap:anywhere}.reliable-person{gap:5px}.reliable-person .avatar{width:23px;height:23px}
 .war-attacks .numbered-person{gap:5px;align-items:flex-start}.war-attacks .table-person{align-items:flex-start}.war-attacks .table-person small{line-height:1.5}.war-attacks .large-table td{line-height:1.5}
 .member-profile-hero{grid-template-columns:minmax(0,1fr) 56px;align-items:start}.member-profile-hero .roster-th{padding-top:3px}.member-profile-identity .member-league{align-items:center}.member-profile-identity .member-league strong{font-size:10px;white-space:normal}.member-tracking>div{align-items:flex-start}.member-tracking>div>span{min-width:0;line-height:1.7}
 .member-metrics,.roster-metrics-grid{min-width:0}.member-detail-row{align-items:flex-start}.member-detail-row>span{min-width:0;flex:1;overflow-wrap:anywhere}.member-detail-row>div{max-width:58%}.member-detail-row strong{font-size:14px;line-height:1.6}
 .activity-metric>strong,.u-clan-activity-summary .activity-metric>strong{font-size:clamp(17px,5vw,22px);line-height:1.4}.activity-metric>small{overflow-wrap:anywhere}.activity-focus-info h2{font-size:19px}.activity-focus-actions{flex-shrink:0}
 .union-page .activity-results .activity-player{grid-template-columns:minmax(0,1fr)}.union-page .activity-results .activity-player>.avatar{display:none}.union-page .activity-results .activity-player-info>strong{font-size:11px}.union-page .activity-results .activity-player-info>small{font-size:8px}
 .activity-results .activity-player-info small,.table-person small{white-space:normal}.u-plan-row .numbered-person{min-width:0}.u-setting{flex-wrap:wrap}.u-setting>span{flex:1}
}
@media(max-width:480px){
 .page-heading .heading-actions{width:100%;justify-content:flex-start}.page-heading .heading-actions>.button{min-height:38px;white-space:normal}.reliable-members .card-head{align-items:center}.reliable-members .card-head h2{max-width:63%;line-height:1.5}.reliable-members .card-head .button{font-size:9px}
 .reliable-player-col{width:38%}.reliable-th-col{width:14%}.reliable-war-col{width:15%}.reliable-raid-col{width:15%}.reliable-donations-col{width:18%}.reliable-table th:not(:first-child),.reliable-table td:not(:first-child){padding-inline:3px}.reliable-table th:last-child,.reliable-table td:last-child{padding-right:8px}
 .reliable-attacks,.reliable-donations{font-size:10px}.reliable-name-line>strong{font-size:10px}.reliable-identity>small{font-size:8px}.reliable-context{overflow-wrap:anywhere}
 .war-attacks .table-person>.avatar{display:none}.activity-results .activity-th{font-size:7px}.activity-results td:nth-child(n+4){padding-inline:3px}.activity-results td:last-child{padding-right:8px}.activity-results .activity-value{font-size:10px}
 .member-profile-identity h2{font-size:17px}.member-profile-identity>.avatar{width:34px;height:34px;font-size:14px}.member-profile-hero{padding:16px;gap:10px}.member-profile-identity{gap:9px}.connected-league-icon{width:24px;height:27px}.member-profile-identity .member-league>div{min-width:0}
 .roster-member-person .connected-attention-badge,.roster-member-person .connected-left-clan{font-size:8px}.account-identity h2{font-size:20px}.account-identity>.status{margin-left:0;font-size:10px}.account-game-identity{gap:9px}.account-game-identity .roster-th{margin-left:auto}
 .connected-pending-list>div{flex-direction:column;gap:3px}.connected-pending-list strong{white-space:normal}.account-notification-row{gap:9px}.account-setting-title{flex-wrap:wrap;gap:5px}
}
@media(max-width:380px){.reliable-person>.avatar{display:none}.reliable-person>.participant-number{width:11px;min-width:11px}.reliable-table th{font-size:7px}.reliable-table .metric-column-heading{gap:3px}.reliable-table .metric-badge{width:16px;height:16px}.reliable-table .metric-badge svg{width:10px;height:10px}}

/* Release 47: compact real clan identities, with no oversized union slogans. */
.connected-clan-identity{display:inline-flex;align-items:center;gap:10px;min-width:0;vertical-align:middle}.connected-clan-identity .connected-crest{width:32px;height:36px;object-fit:contain;flex:none}.connected-clan-identity>span{overflow-wrap:anywhere}
.connected-clan-crest{background:transparent!important}.connected-clan-crest .connected-crest{width:48px;height:54px;object-fit:contain}
.connected-union-hero{grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.connected-union-hero .u-hero-copy h2{font-size:clamp(24px,4vw,38px);margin:0;overflow-wrap:anywhere}.connected-union-hero .u-constellation{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:260px;padding:0}.connected-union-hero .u-constellation a{padding:0}.connected-union-hero .u-crest{width:44px;height:50px}.connected-union-hero .connected-union-description{grid-column:1/-1;margin:0;color:var(--muted);white-space:pre-line;line-height:1.65;overflow-wrap:anywhere}.connected-union-hero .u-hero-counts{grid-column:1/-1;margin:0;flex-wrap:wrap}
.u-filters>label{display:flex;flex-direction:column;gap:8px;min-width:160px}.u-filters{flex-wrap:wrap}.account-notification-row>div{min-width:0}.account-notification-row p{overflow-wrap:anywhere}.activity-clan{letter-spacing:.04em!important}
@media(max-width:760px){.connected-union-hero{grid-template-columns:minmax(0,1fr) minmax(96px,38%);padding:22px;gap:16px}.connected-union-hero .u-constellation{gap:5px}.connected-union-hero .u-crest{width:32px;height:38px}.connected-union-hero .u-hero-copy h2{font-size:25px}.activity-focus-info h2{font-size:clamp(21px,5.5vw,28px)}.u-filters>label{flex:1;min-width:120px}.activity-metric>span{overflow-wrap:anywhere}}

.connected-union-hero .u-constellation a:nth-child(2){transform:none}.connected-union-hero .connected-union-description{max-width:none}.connected-union-hero .u-constellation a>.u-crest{max-width:none}.roster-member-person>.connected-attention-badge{margin-left:24px}

.activity-player-info small .connected-clan-identity{gap:4px}.activity-player-info small .connected-crest,.roster-member-person>.connected-clan-identity .connected-crest{width:18px;height:21px}.roster-member-person>.connected-clan-identity{font-size:10px;color:var(--muted);margin-top:7px}.page-heading p .connected-crest{width:24px;height:28px}

/* Release 48: town hall artwork replaces letter avatars on every device. */
.avatar.player-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;flex:none;background:transparent;color:var(--muted);border:0;border-radius:0;box-shadow:none;padding:0;line-height:1;vertical-align:middle;overflow:visible}
.avatar.player-avatar>img{display:block;width:100%;height:100%;object-fit:contain}.avatar.player-avatar>svg{width:70%;height:70%;stroke-width:1.5}
.reliable-person>.avatar.player-avatar,.table-person>.avatar.player-avatar,.activity-player>.avatar.player-avatar{width:32px;height:36px;min-width:32px}
.activity-player{grid-template-columns:32px minmax(0,1fr);gap:9px}.table-person>.avatar.player-avatar{margin-right:0}
.member-profile-identity>.avatar.player-avatar{width:64px;height:72px;min-width:64px}.account-game-identity>.avatar.player-avatar{width:52px;height:58px;min-width:52px}.account-identity>.avatar.player-avatar{width:60px;height:68px;min-width:60px}
.account>.avatar.player-avatar{width:36px;height:40px;min-width:36px}.mini-avatar{display:grid;place-items:center;background:transparent;padding:0;overflow:visible}.mini-avatar>.avatar.player-avatar{width:30px;height:34px;min-width:30px}
.account-choice>.avatar.player-avatar{width:36px;height:40px;min-width:36px}.connected-editor-player>.avatar.player-avatar{width:30px;height:34px;min-width:30px}.connected-pending-player,.connected-plan-player{display:flex;align-items:center;gap:9px}.connected-pending-player>span:last-child,.connected-plan-player>div{min-width:0;overflow-wrap:anywhere}.connected-pending-player>.avatar.player-avatar{width:26px;height:30px;min-width:26px}
@media(max-width:760px){
 .reliable-person>.avatar.player-avatar,.war-attacks .table-person>.avatar.player-avatar,.activity-results .activity-player>.avatar.player-avatar,.union-page .activity-results .activity-player>.avatar.player-avatar{display:inline-flex;width:24px;height:28px;min-width:24px}
 .activity-results .activity-player,.union-page .activity-results .activity-player{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px}.war-attacks .table-person{display:flex;gap:6px}.reliable-person{gap:5px}
 .member-profile-identity>.avatar.player-avatar{width:44px;height:50px;min-width:44px}.account-identity>.avatar.player-avatar{width:48px;height:54px;min-width:48px}.account-game-identity>.avatar.player-avatar{width:42px;height:48px;min-width:42px}
}
@media(max-width:480px){.connected-editor-player{grid-template-columns:16px 28px minmax(0,1fr) auto}.connected-editor-player>.avatar.player-avatar{display:inline-flex;width:28px;height:32px;min-width:28px}.roster-member-person .avatar.player-avatar{width:30px;height:34px;min-width:30px}.reliable-person>.avatar.player-avatar{display:inline-flex}}

/* Activity identity: activity icon by the title, tiny clan crest only by the clan name. */
.activity-focus-info .activity-clan{display:flex;align-items:center;gap:5px;min-width:0;margin-bottom:3px}.activity-clan .connected-clan-identity{gap:5px;font-size:inherit;line-height:1.5}.activity-clan .connected-clan-identity>.connected-crest{width:15px;height:17px;min-width:15px;max-width:15px;flex:none}.activity-clan .connected-clan-identity>.clan-symbol{width:15px;height:17px;font-size:8px;flex:none}.activity-clan .connected-clan-identity>span{min-width:0;overflow-wrap:anywhere}


/* Release 51: readable union identities and responsive union overview. */
.u-clan-activity-summary .activity-focus-info .activity-clan{font-size:15px;letter-spacing:0!important;color:var(--text);margin-bottom:7px}
.u-clan-activity-summary .activity-clan .connected-clan-identity{gap:8px;line-height:1.35}
.u-clan-activity-summary .activity-clan .connected-clan-identity>.connected-crest,.u-clan-activity-summary .activity-clan .connected-clan-identity>.clan-symbol{width:27px;height:31px;min-width:27px;max-width:27px}
.u-clan-activity-summary .activity-clan .connected-clan-identity>.clan-symbol{font-size:14px}
.connected-union-hero{--union-hero-padding:38px;padding:var(--union-hero-padding)}
.connected-union-hero .u-hero-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 calc(-1 * var(--union-hero-padding)) calc(-1 * var(--union-hero-padding));padding:22px 24px;border-top:1px solid var(--line);position:relative}
.connected-union-hero .u-hero-counts>div{text-align:center;min-width:0}
.connected-union-hero .u-hero-counts b{display:block;margin:0;font-size:32px;font-weight:750;letter-spacing:-1px;line-height:1.2;font-variant-numeric:tabular-nums}
.connected-union-hero .u-hero-counts small{display:block;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.5}
@media(max-width:1180px){.connected-union-hero{--union-hero-padding:28px}}
@media(max-width:760px){
 .connected-union-hero{--union-hero-padding:22px;grid-template-columns:minmax(0,1fr);gap:14px}
 .connected-union-hero .u-constellation{width:100%;max-width:none;justify-content:flex-start;gap:8px;margin:0;padding:0}
 .connected-union-hero .u-constellation a{flex:none}
 .connected-union-hero .u-hero-counts{padding:15px 17px;margin-top:4px}
 .connected-union-hero .u-hero-counts b{font-size:23px}
 .connected-union-hero .u-hero-counts small{font-size:8px;margin-top:3px}
 .u-clan-activity-summary .activity-focus-info .activity-clan{font-size:14px}
}
@media(max-width:480px){
 .union-page .u-shortcuts{grid-template-columns:minmax(0,1fr)}
 .union-page .u-shortcut{align-items:center;padding:16px;gap:12px}
 .union-page .u-shortcut h3{font-size:13px;line-height:1.4;overflow-wrap:anywhere}
 .union-page .u-shortcut p{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
 .union-page .u-shortcut>.metric-badge{display:grid;flex:none}
}