/* Existing ClanMetric components keep their layout and typography on the alliance pages. */
:root{--bg:#0b0d12;--panel:#171b23;--panel-soft:#1d202b;--card:#171b23;--border-soft:rgba(169,151,255,.11)}
body{background:radial-gradient(circle at 100% 0%,rgba(124,92,255,.10),transparent 30%),#0b0d12}
.al-wrap{width:min(100%,1086px);max-width:1086px}
.al-header{background:#111318}
.al-switch{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:15px 0 18px;padding:4px;border-radius:15px;background:var(--panel);border:1px solid rgba(255,255,255,.05)}
.al-switch:has(.activity-tab){grid-template-columns:repeat(3,minmax(0,1fr))}
.al-switch .war-tab,.al-switch .activity-tab{width:100%;height:43px;min-width:0;padding:0 4px;margin:0;border:0;border-radius:12px;background:transparent;color:#9799a7;font-size:13px;font-weight:750}
.al-switch .war-tab.active,.al-switch .activity-tab.active{color:var(--accent-light);background:#29233c}
.al-rows{display:grid;gap:12px}
.al-raid-clan{display:grid;gap:12px;padding:17px;border:1px solid rgba(169,151,255,.13);border-radius:20px;background:linear-gradient(135deg,#1d1f29,#171b23 80%)}
.al-raid-clan-header{display:flex;align-items:center;gap:11px;margin-bottom:2px}
.al-raid-clan-header .al-badge-holder{width:43px;height:43px;flex:0 0 43px;margin:0}
.al-raid-clan-header .al-badge-holder img{width:43px;height:43px}
.al-raid-clan-heading{min-width:0;flex:1}
.al-raid-clan-heading h3{margin:0;font-size:17px;color:#f4f3f7;overflow-wrap:anywhere}
.al-raid-clan-place{flex-shrink:0;padding:7px 9px;border-radius:9px;color:#c6b8ff;background:rgba(124,92,255,.12);font-size:11px;font-weight:750}
.al-raid-clan>.activity-main-card{margin:0;background:#191d26}
.al-raid-clan .activity-label{text-transform:uppercase}
.al-raid-clan>.activity-stat-grid{margin:0}
.al-raid-clan>.activity-stat-grid .activity-stat{background:#191d26}
.al-raid-clan-rate{color:#aaaabb;font-size:12px;text-align:right}
.al-activity-clan>.donation-summary{margin:0;background:#191d26}
.al-alliance-totals{display:grid;gap:12px;margin-top:17px;padding-top:23px;border-top:1px solid rgba(169,151,255,.17)}
.al-alliance-totals h3{margin:0;color:#f3f1f8;font-size:18px}
.al-alliance-totals>.activity-main-card,.al-alliance-totals>.activity-stat-grid,.al-alliance-totals>.donation-summary{margin:0}
.al-alliance-totals>.activity-main-card{background:linear-gradient(135deg,#1e1d2b,#171b23)}
.al-alliance-totals>.activity-stat-grid .activity-stat,.al-alliance-totals>.donation-summary{background:#191d26}
@media(max-width:600px){.al-raid-clan{padding:13px}.al-raid-clan>.activity-main-card{padding:14px}.al-raid-clan>.activity-stat-grid .activity-stat{min-width:0;padding:10px 4px}.al-raid-clan>.activity-stat-grid strong{font-size:17px}}

.al-war-current{margin:0;background:linear-gradient(135deg,#1d1d2a,#191b23 80%)}
.al-war-current .war-battle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;position:relative}
.al-war-current .war-team{min-width:0;overflow-wrap:anywhere}
.al-war-current .war-vs{position:absolute;left:50%;top:28px;transform:translateX(-50%);margin:0;line-height:1;text-align:center}
.al-badge-holder{width:54px;height:54px;margin:auto;display:flex;align-items:center;justify-content:center}
.al-badge-holder img{width:54px;height:54px;object-fit:contain}.al-badge-holder span{font-size:35px}
.al-war-current .war-probability{margin-top:22px}
.al-war-current .al-war-draw b{color:#8b93a1}
.al-win-streak{width:max-content;max-width:100%;margin:0 auto 12px;padding:7px 12px;border:1px solid rgba(80,205,134,.2);border-radius:999px;background:rgba(80,205,134,.08);color:#d6efdd;font-size:12px;font-weight:750}
.al-war-countdown{margin:17px auto -3px;text-align:center;color:#a3a8b5;font-size:13px;font-weight:650}
.al-war-countdown[hidden]{display:none!important}
.al-pending-attacks{margin-top:18px;border-top:1px solid rgba(255,255,255,.07);color:#d9dbe3}
.al-pending-attacks summary{padding:16px 2px 0;cursor:pointer;font-size:13px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:10px}
.al-pending-attacks summary::-webkit-details-marker{display:none}
.al-pending-attacks summary::after{content:"⌄";color:#a3a8b5}
.al-pending-attacks[open] summary::after{transform:rotate(180deg)}
.al-pending-list{display:grid;gap:3px;margin-top:13px;max-height:280px;overflow:auto}
.al-pending-player{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,.035);font-size:12px}
.al-pending-player span{min-width:0;overflow-wrap:anywhere}
.al-pending-player strong{flex-shrink:0;color:#adb2bf}
.al-pending-note{margin:12px 0 0;color:#a3a8b5;font-size:12px}
.al-closed-note{color:#aeb2c0;text-align:center;line-height:1.6}
.al-cwl-clan{padding:16px;border-radius:20px;background:linear-gradient(135deg,#1c1d28,#171b23 78%);border:1px solid rgba(169,151,255,.12)}
.al-cwl-clan-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;overflow-wrap:anywhere}
.al-cwl-clan-title .al-badge-holder{width:40px;height:40px;margin:0;flex:0 0 40px}
.al-cwl-clan-title .al-badge-holder img{width:39px;height:39px}.al-cwl-clan-title .al-badge-holder span{font-size:27px}
.al-cwl-clan .league-card{background:linear-gradient(135deg,#1c2029,#171b23);min-height:100px}
.al-cwl-clan .cwl-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.al-cwl-clan .cwl-result{background:#191d27;min-height:82px}
.al-cwl-clan .al-group-title{margin:19px 0 10px}.al-cwl-clan .al-group-title h3{font-size:16px}
.al-rows>.activity-main-card,.al-rows>.donation-summary,.al-rows>.activity-stat-grid{margin:0}
.al-rows>.activity-main-card{background:linear-gradient(135deg,#1d1f29,#171b23);border-color:rgba(169,151,255,.1)}
.al-rows>.activity-stat-grid .activity-stat,.al-rows>.donation-summary{background:#191d26}
#alRankingRows{display:flex;flex-direction:column;gap:8px}
#alRankingRows .activity-player-card,#alRankingRows .donation-player,#alRankingRows .games-player,#alRankingRows .player-war-card{background:#181c25;border:1px solid rgba(169,151,255,.10);gap:10px;min-width:0}
#alRankingRows .activity-player-info,#alRankingRows .donation-player-info,#alRankingRows .games-player-info,#alRankingRows .player-war-info{min-width:0;flex:1}
.al-group-title{margin:26px 0 12px}.al-group-title h3{font-size:18px}
.al-group-title{flex-wrap:wrap}
.al-period-badge{display:inline-flex;max-width:100%;padding:7px 10px;border-radius:10px;border:1px solid rgba(169,151,255,.10);background:rgba(124,92,255,.11);color:#c5b7ff;font-size:11px;font-weight:750;white-space:nowrap}
#alRankingRows .player-war-result,#alRankingRows .activity-player-result,#alRankingRows .games-player-progress{min-width:0;max-width:58%;overflow-wrap:anywhere}
#alRankingRows .player-war-result span{line-height:1.35}
#alRankingRows .games-player-progress strong{font-size:14px}
.al-community-view .al-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:10px 0 20px}
.al-page-heading-text{min-width:0}.al-community-view .al-page-heading h2{font-size:30px}
.al-community-action{flex-shrink:0}.al-community-action[hidden],#alCommunityControls[hidden]{display:none!important}
.al-form-hint{margin:0 0 10px;color:#878f9d;font-size:11px;line-height:1.45}
.al-form-open{overflow:hidden}
.al-form-backdrop{position:fixed;z-index:29;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(5px)}
.al-form-backdrop[hidden],#alCommunityForm[hidden]{display:none!important}
.al-community-view #alCommunityForm{position:fixed;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,560px);max-height:calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;margin:0;padding:22px;border-radius:21px;box-shadow:0 20px 80px rgba(0,0,0,.55);overscroll-behavior:contain}
.al-community-view .announcement-filters{margin-top:10px}
.al-community-view .announcements-empty{min-height:135px}
.al-announcement-text{white-space:pre-wrap;overflow-wrap:anywhere}
.al-community-view .announcement-card,.al-community-view .base-card{background:linear-gradient(145deg,rgba(124,92,255,.075),#171b23 68%);border-color:rgba(169,151,255,.11)}
.al-community-view .announcement-card.pinned{background:linear-gradient(145deg,rgba(124,92,255,.14),#171b23 74%)}
#alOverview.announcement-list,#alOverview.bases-grid{display:flex;flex-direction:column;gap:12px}
#alOverview.bases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))}
#alOverview.bases-grid .bases-empty{grid-column:1/-1}
#alOverview .base-card .announcement-card-menu{right:0;top:33px}
#alOverview .base-card .base-preview img{object-fit:cover}
@media(max-width:600px){.al-cwl-clan .cwl-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.al-wrap{width:100%}.al-war-current{padding:19px 12px}.al-war-current .war-team h3{font-size:12px}.al-war-current .war-stars{font-size:23px}.al-war-current .war-attacks{font-size:11px}.al-switch .activity-tab{font-size:11px}}
@media(max-width:600px){.al-community-view .al-page-heading h2{font-size:26px}.al-community-action .add-announcement-btn{padding:0 11px}.al-period-badge{font-size:10px}#alRankingRows .player-war-result span{font-size:9px}}

#alOverview + #alSeasonPeriodSwitch{margin-top:22px;margin-bottom:0}