/* REVERSE clan journal follows the active interface theme. */
/* Shared with the existing bot light/dark switch. Art keeps its own lighting. */
:root {
  --clan-ground:var(--bg-app);
  --clan-surface:var(--bg-card);
  --clan-raised:var(--bg-card-2);
  --clan-inset:var(--bg-hover);
  --clan-line:var(--border);
  --clan-line-strong:var(--border-hot);
  --clan-ink:var(--text);
  --clan-muted:var(--text-sub);
  --clan-dim:var(--text-mute);
  --clan-gold:var(--accent-hi);
  --clan-accent:var(--accent);
  --clan-on-accent:#20150a;
  --clan-success:color-mix(in srgb,var(--teal) 75%,var(--text));
  --clan-danger:color-mix(in srgb,var(--rose) 75%,var(--text));
  --clan-danger-bg:color-mix(in srgb,var(--rose) 14%,var(--bg-card));
  --clan-success-bg:color-mix(in srgb,var(--teal) 8%,var(--bg-card));
  --clan-warm:color-mix(in srgb,var(--accent) 6%,var(--bg-card));
  --clan-chat-me:color-mix(in srgb,var(--accent) 15%,var(--bg-card));
  --clan-chat-other:var(--bg-card);
  --clan-chat-ground:var(--bg-app);
  --clan-shadow:var(--shadow-deep);
}
#tab-clan.clan-renewal {
  /* Override the old citadel's local colors with the same global theme. */
  --clan-ground:var(--bg-app); --clan-surface:var(--bg-card); --clan-line:var(--border);
  --clan-ink:var(--text); --clan-muted:var(--text-sub); --clan-gold:var(--accent-hi);
  width:100%; max-width:820px; min-width:0; margin-inline:auto; padding:0 !important; gap:0;
  background:transparent !important; color:var(--clan-ink) !important;
  font:400 14px/1.5 ReverseMenu,ClanText,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
  font-style:normal; letter-spacing:normal; font-variant-numeric:tabular-nums;
}
#tab-clan.clan-renewal::after { display:none !important; }
#app-main:has(#tab-clan.clan-renewal.active) {
  min-height:0; padding:10px 12px calc(86px + max(10px,env(safe-area-inset-bottom,0px))) !important;
  background:var(--clan-ground) !important; scroll-padding-bottom:110px;
}
#app-main:has(#tab-clan.clan-renewal.active #cpanel-treasury.active) { background:var(--clan-ground) !important; }
#tab-clan.clan-renewal :is(h2,h3,p) { margin-top:0; }
#tab-clan.clan-renewal :is(button,input,select,textarea) { font-family:inherit !important; font-style:normal; letter-spacing:normal; }
#tab-clan.clan-renewal button { touch-action:manipulation; }
#tab-clan.clan-renewal button:disabled { opacity:.45; cursor:default; }
#tab-clan.clan-renewal [hidden] { display:none !important; }
#tab-clan.clan-renewal .clan-icon { display:inline-block; flex:none; width:21px; height:21px; vertical-align:middle; color:inherit; }
#tab-clan.clan-renewal .clan-svg-button { display:inline-flex; align-items:center; justify-content:center; gap:7px; }
#tab-clan.clan-renewal .clan-svg-button>span { min-width:0; }
#tab-clan.clan-renewal .clan-emoji { font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important; font-style:normal !important; filter:none !important; }
#tab-clan.clan-renewal .clan-subnav {
  display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px !important;
  padding:4px !important; margin:0 0 12px; background:var(--clan-surface) !important;
  border:1px solid var(--clan-line) !important; border-radius:12px;
}
#tab-clan.clan-renewal .clan-tab-btn {
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  min-height:55px; padding:5px 2px !important; border-radius:8px !important;
  font-size:11px !important; font-weight:600; color:var(--clan-muted) !important;
}
#tab-clan.clan-renewal .clan-tab-btn>.clan-icon { width:25px; height:25px; }
#tab-clan.clan-renewal .clan-tab-btn.active { background:var(--clan-accent) !important; color:var(--clan-on-accent) !important; box-shadow:inset 0 -2px var(--clan-line-strong); }
#tab-clan.clan-renewal .clan-tab-btn[hidden] { display:none !important; }
#tab-clan.clan-renewal .clan-compact-identity { padding:0 1px 10px !important; gap:9px; }
#tab-clan.clan-renewal .clan-compact-identity b { font:600 16px/1.25 ReverseMenu,ClanText,system-ui,sans-serif !important; letter-spacing:normal; }
#tab-clan.clan-renewal .clan-compact-identity>span:last-child { gap:3px; }
#tab-clan.clan-renewal .clan-compact-identity small { font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-compact-emblem { width:38px; height:38px; border-radius:7px; background:var(--clan-ground); overflow:hidden; }
#tab-clan.clan-renewal .clan-compact-emblem img { display:block; width:100%; height:100%; object-fit:contain; border-radius:0; }
/* Uploaded clan artwork remains fully visible in a real image panel. */
#tab-clan.clan-renewal .clan-home-hero {
  position:relative; min-height:0; padding:16px !important; margin:0 0 10px;
  border:1px solid var(--clan-line) !important; border-radius:12px !important;
  background:linear-gradient(110deg,var(--clan-surface),var(--clan-warm)) !important; overflow:hidden;
  box-shadow:none !important;
}
#tab-clan.clan-renewal .clan-home-glow,#tab-clan.clan-renewal .clan-home-top::before { display:none !important; }
#tab-clan.clan-renewal .clan-home-top { display:grid; grid-template-columns:88px minmax(0,1fr); gap:13px; align-items:center; text-align:left; }
#tab-clan.clan-renewal .clan-home-emblem { display:grid; place-items:center; width:88px; height:88px; margin:0; padding:0; background:var(--clan-surface) !important; border:1px solid var(--clan-line) !important; border-radius:8px !important; filter:none; clip-path:none; }
#tab-clan.clan-renewal .clan-home-emblem img { display:block; width:100%; height:100%; object-fit:contain; border-radius:7px; clip-path:none; }
#tab-clan.clan-renewal .clan-home-meta { width:auto; min-width:0; padding:0; background:none; border:0; border-radius:0; }
#tab-clan.clan-renewal .clan-home-name { font:700 22px/1.2 ReverseMenu,ClanText,system-ui,sans-serif !important; letter-spacing:-.025em !important; color:var(--clan-ink) !important; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-home-sub { display:block; margin-top:6px; font-size:11px; line-height:1.45; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-home-details { display:flex; justify-content:flex-start; flex-wrap:wrap; gap:4px 12px; margin-top:7px; font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-home-xp { margin-top:14px; }
#tab-clan.clan-renewal .clan-home-xp-row { display:flex; justify-content:space-between; margin-bottom:6px; font-size:10px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-hero-xp-bar { height:5px; background:var(--clan-inset); border-radius:3px; }
#tab-clan.clan-renewal .clan-hero-xp-fill { background:var(--clan-gold) !important; }
#tab-clan.clan-renewal .clan-services { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; margin:0 0 16px; border:0; }
#tab-clan.clan-renewal .clan-quick-card { display:grid; grid-template-columns:32px minmax(0,1fr); align-items:start; gap:9px; position:relative; min-width:0; min-height:88px; padding:13px 11px; text-align:left; color:var(--clan-ink); background:var(--clan-surface); border:1px solid var(--clan-line); border-radius:10px; }
#tab-clan.clan-renewal .clan-quick-card>.clan-icon:first-child { width:32px; height:32px; }
#tab-clan.clan-renewal .clan-quick-card>span { min-width:0; }
#tab-clan.clan-renewal .clan-quick-card b { display:block; font-size:15px; font-weight:600; line-height:1.3; }
#tab-clan.clan-renewal .clan-quick-card small { display:block; margin-top:4px; color:var(--clan-muted); font-size:11px; line-height:1.4; }
#tab-clan.clan-renewal .clan-quick-arrow { display:none; }
#tab-clan.clan-renewal .room-treasury { border-color:var(--clan-line-strong); background:var(--clan-warm); }
#tab-clan.clan-renewal .room-chat { border-color:var(--clan-danger); background:var(--clan-warm); }
#tab-clan.clan-renewal .room-trade { background:var(--clan-success-bg); border-color:var(--clan-line-strong); }
#tab-clan.clan-renewal .clan-section-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:18px 0 10px; }
#tab-clan.clan-renewal .clan-section-title :is(h2,h3) { margin:0; font-size:19px; line-height:1.3; font-weight:600; letter-spacing:-.02em; }
#tab-clan.clan-renewal .clan-section-title h3 { font-size:17px; }
#tab-clan.clan-renewal .clan-section-title small { display:block; font-size:10px; color:var(--clan-muted); margin-bottom:3px; letter-spacing:.05em; }
#tab-clan.clan-renewal :is(.clan-cta,.war-primary-btn,.cf-primary,.action-btn-large,.accent-btn) { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:10px 13px; border-radius:8px !important; background:var(--clan-accent) !important; color:var(--clan-on-accent) !important; border:1px solid var(--clan-line-strong) !important; box-shadow:none !important; font:600 13px/1.35 ReverseMenu,ClanText,system-ui,sans-serif !important; letter-spacing:normal; text-transform:none; }
#tab-clan.clan-renewal .clan-cta.ghost { background:var(--clan-raised) !important; color:var(--clan-muted) !important; border-color:var(--clan-line) !important; }
#tab-clan.clan-renewal .full { width:100%; }
#tab-clan.clan-renewal .clan-sec-title,#tab-clan.clan-renewal .section-heading { font:600 20px/1.3 ReverseMenu,ClanText,system-ui,sans-serif !important; color:var(--clan-ink); letter-spacing:-.02em; }
#tab-clan.clan-renewal .clan-sec-head { margin:16px 0 10px; }
#tab-clan.clan-renewal :is(.clan-more-card,.clan-member,.clan-join-card,.clan-browse-card,.bento-card,.stat-tile,.clan-invite-card,.clan-reward-item,.clan-admin-row) { background:var(--clan-surface) !important; border:1px solid var(--clan-line) !important; border-radius:10px !important; box-shadow:none !important; }
#tab-clan.clan-renewal .clan-more-card { min-height:68px; padding:12px; }
#tab-clan.clan-renewal .clan-more-name { font-size:15px; font-weight:600; }
#tab-clan.clan-renewal .clan-more-desc { font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-more-copy { display:grid; gap:3px; min-width:0; }
#tab-clan.clan-renewal .clan-more-ico { display:grid; place-items:center; width:32px; height:32px; color:var(--clan-gold) !important; background:none !important; border:0 !important; }
#tab-clan.clan-renewal .clan-more-ico .clan-icon { width:30px; height:30px; }
#tab-clan.clan-renewal .clan-more-arrow { color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-member { min-height:66px; padding:10px; }
#tab-clan.clan-renewal .clan-members { gap:7px; }
#tab-clan.clan-renewal .cm-avatar { width:38px; height:38px; border-radius:7px; }
#tab-clan.clan-renewal .av-fallback { background:var(--clan-inset); color:var(--clan-muted); }
#tab-clan.clan-renewal .cm-name { font-size:13px; font-weight:600; }
#tab-clan.clan-renewal .cm-role { font-size:10px; color:var(--clan-muted); }
#tab-clan.clan-renewal .cm-pts { font:600 13px/1.35 ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal .clan-admin-row { padding:11px; }
#tab-clan.clan-renewal .clan-admin-main { min-height:44px; min-width:0; }
#tab-clan.clan-renewal .cm-act { min-height:44px; padding:8px; background:var(--clan-raised) !important; color:var(--clan-muted) !important; border-color:var(--clan-line) !important; }
#tab-clan.clan-renewal .cm-act.kick { color:var(--clan-danger) !important; border-color:var(--clan-danger) !important; }
#tab-clan.clan-renewal .stat-value { font:600 24px/1.2 ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal :is(.clan-member-search,.clan-browse-search,.treasury-input,.bet-input-row) { background:var(--clan-surface) !important; border:1px solid var(--clan-line) !important; color:var(--clan-ink) !important; border-radius:8px !important; }
#tab-clan.clan-renewal .clan-member-search { min-height:44px; margin-bottom:10px; font-size:16px; }
#tab-clan.clan-renewal :is(.clan-filter,.filter-pill,.cf-quick button) { min-height:42px; padding:8px 10px; border-radius:8px !important; background:var(--clan-raised); color:var(--clan-muted); border:1px solid var(--clan-line); font-size:12px; }
#tab-clan.clan-renewal :is(.clan-filter.on,.filter-pill.active) { background:var(--clan-accent); color:var(--clan-on-accent); border-color:var(--clan-line-strong); }
#tab-clan.clan-renewal .clan-trade-tabs { display:flex; gap:6px; margin:12px 0; }
#tab-clan.clan-renewal .clan-trade-tabs button { display:inline-flex; align-items:center; justify-content:center; gap:5px; flex:1; padding:8px 5px; }
#tab-clan.clan-renewal .clan-offer { display:grid; grid-template-columns:85px minmax(0,1fr); align-items:start; gap:12px; padding:12px; margin-bottom:10px; background:var(--clan-surface); border:1px solid var(--clan-line); border-radius:10px; }
#tab-clan.clan-renewal .clan-offer-art { display:grid; place-items:center; aspect-ratio:3/4; overflow:hidden; padding:0; border:1px solid var(--clan-line); border-radius:7px; background:var(--clan-ground); color:var(--clan-gold); }
#tab-clan.clan-renewal .clan-offer-art :is(img,video) { width:100%; height:100%; object-fit:cover; }
#tab-clan.clan-renewal .clan-offer-copy { min-width:0; }
#tab-clan.clan-renewal .clan-offer-copy>small { display:block; color:var(--clan-muted); font-size:10px; margin-bottom:4px; }
#tab-clan.clan-renewal .clan-offer-copy h3 { font-size:16px; line-height:1.3; margin:0 0 4px; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-offer-rarity { color:var(--clan-gold); font-size:10px; }
#tab-clan.clan-renewal .clan-offer-stats { font-size:11px; color:var(--clan-muted); margin:5px 0 8px; }
#tab-clan.clan-renewal .clan-offer-want { margin-bottom:9px; border-top:1px solid var(--clan-line); padding-top:8px; }
#tab-clan.clan-renewal .clan-offer-want :is(small,b) { display:block; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-offer-want small { color:var(--clan-muted); font-size:10px; }
#tab-clan.clan-renewal .clan-offer-want b { font-size:13px; margin-top:2px; }
#tab-clan.clan-renewal .clan-offer .clan-cta { width:100%; font-size:12px !important; padding:8px; }
#tab-clan.clan-renewal .clan-join-name { font-size:18px; font-weight:600; }
#tab-clan.clan-renewal .clan-join-desc { font-size:12px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-rank-row { background:var(--clan-surface); border-color:var(--clan-line); border-radius:9px; padding:10px; }
#tab-clan.clan-renewal .clan-rank-copy b { color:var(--clan-ink); font-size:13px; }
#tab-clan.clan-renewal .clan-rank-copy span { color:var(--clan-muted); font-size:11px; }
#tab-clan.clan-renewal .clan-join-btn { min-height:42px; padding:8px 12px; background:var(--clan-accent); color:var(--clan-on-accent); border:0; border-radius:7px; font-weight:600; }
#tab-clan.clan-renewal .clan-empty-stage { padding:22px 17px; margin-bottom:14px; text-align:left; border-radius:12px; border:1px solid var(--clan-line); background:linear-gradient(90deg,#2b1b22f0,#2b1b22a0),url('assets/menu/scenes/clan-329.webp') center/cover !important; }
#tab-clan.clan-renewal .clan-empty-orb { display:none; }
#tab-clan.clan-renewal .clan-empty-mark { position:static; transform:none; margin:0 0 10px; width:32px; height:32px; background:none; border:0; }
#tab-clan.clan-renewal .clan-empty-mark .clan-icon { width:32px; height:32px; }
#tab-clan.clan-renewal .clan-empty-title { font:600 25px/1.2 ReverseMenu,ClanText,system-ui,sans-serif; color:var(--clan-ink); }
#tab-clan.clan-renewal .clan-empty-text { color:#dcc9b8; font-size:12px; max-width:38ch; margin:8px 0 15px; }
#tab-clan.clan-renewal .clan-discovery-stats { justify-content:flex-start; color:var(--clan-ink); }
/* Treasury and war retain their existing actions, with compact shared styling. */
#tab-clan.clan-renewal .clan-home-actions { display:grid; grid-template-columns:28px minmax(0,1fr); gap:9px; padding:14px; margin:16px 0; background:var(--clan-warm); border:1px solid var(--clan-line); border-radius:10px; }
#tab-clan.clan-renewal .clan-home-actions>.clan-cta { grid-column:1/-1; }
#tab-clan.clan-renewal .clan-peace-copy b { color:var(--clan-ink); font-size:15px; }
#tab-clan.clan-renewal .clan-peace-copy p { font-size:12px; margin:4px 0 0; line-height:1.5; }
#tab-clan.clan-renewal .clan-war-banner { padding:18px 15px !important; min-height:0; border:1px solid var(--clan-line) !important; background:var(--clan-warm) !important; border-radius:12px; }
#tab-clan.clan-renewal .war-banner-icon { display:block !important; background:none !important; border:0 !important; }
#tab-clan.clan-renewal .war-banner-title { font:600 22px/1.25 ReverseMenu,ClanText,system-ui,sans-serif; color:var(--clan-ink); }
#tab-clan.clan-renewal .war-banner-sub { font-size:12px; color:var(--clan-muted); }
#tab-clan.clan-renewal :is(.war-idle,.war-stage,.war-roster-row,.war-history-item) { background:var(--clan-surface) !important; border-color:var(--clan-line) !important; box-shadow:none !important; }
#tab-clan.clan-renewal .war-idle { padding:15px; margin:12px 0; }
#tab-clan.clan-renewal .war-idle-title { font:600 21px/1.25 ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal .war-idle-step { min-height:55px; padding:10px; margin-top:7px; background:var(--clan-raised); border-radius:8px; }
#tab-clan.clan-renewal .war-idle-steps { gap:7px; margin:13px 0; }
#tab-clan.clan-renewal .clan-kpi { background:var(--clan-raised) !important; border:1px solid var(--clan-line) !important; border-radius:8px !important; padding:12px 5px; }
#tab-clan.clan-renewal .clan-kpi-val { font:600 23px/1.2 ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal .clan-kpi-lbl { font-size:10px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-activity { background:var(--clan-surface) !important; border:0; padding:0; border-radius:10px; }
#tab-clan.clan-renewal .clan-log-item { padding:10px 12px; border-color:var(--clan-line); }
#tab-clan.clan-renewal .clan-log-item p { color:var(--clan-ink); font-size:12px; }
#tab-clan.clan-renewal .clan-log-item time { color:var(--clan-muted); }
#tab-clan.clan-renewal #cpanel-treasury .cf { --cf-muted:var(--clan-muted); --cf-line:var(--clan-line); color:var(--clan-ink); font-family:inherit; }
#tab-clan.clan-renewal .treasury-personal { min-height:64px; background:var(--clan-raised); border-color:var(--clan-line); color:var(--clan-ink); }
#tab-clan.clan-renewal :is(.treasury-personal small,.treasury-explainer) { color:var(--clan-muted); }
#tab-clan.clan-renewal .treasury-explainer strong { color:var(--clan-ink); }
#tab-clan.clan-renewal .cf-project { padding:16px; background:var(--clan-warm); border-color:var(--clan-line-strong); border-radius:10px; }
#tab-clan.clan-renewal .cf-project-heading h3 { font:600 23px/1.25 ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal .cf-progress i { background:var(--clan-gold); }
#tab-clan.clan-renewal :is(.cf-balance>button,.cf-input,.cf-notice) { background:var(--clan-raised); color:var(--clan-ink); border-color:var(--clan-line); }
#tab-clan.clan-renewal :is(.cf-input input,.cf-progress-label b,.cf-terms b,.cf-entry b,.cf-contribution strong) { color:var(--clan-ink); }
#tab-clan.clan-renewal .cf-deposit { padding:13px; border:1px solid var(--clan-line); border-radius:10px; background:var(--clan-surface); }
#tab-clan.clan-renewal .cf-deposit>summary { min-height:40px; font-size:14px; }
/* Hunt artwork is limited to the encounter, not the whole application. */
#tab-clan.clan-renewal .clan-game-teaser { display:flex; align-items:center; gap:10px; width:100%; min-height:84px; padding:13px; margin-bottom:8px; text-align:left; border:1px solid var(--clan-line); border-radius:10px; color:var(--clan-ink); background:var(--clan-raised); }
#tab-clan.clan-renewal .clan-game-teaser>.clan-icon { width:33px; height:33px; }
#tab-clan.clan-renewal .clan-game-teaser>span:not(.clan-teaser-action) { flex:1; min-width:0; }
#tab-clan.clan-renewal .clan-game-teaser b { display:block; font-size:15px; line-height:1.3; }
#tab-clan.clan-renewal .clan-game-teaser small { display:block; font-size:11px; line-height:1.4; color:var(--clan-muted); margin-top:4px; }
#tab-clan.clan-renewal .teaser-hunt { min-height:115px; background:linear-gradient(90deg,#291a20f5 5%,#291a20dc 65%,#291a2060),url('assets/clans/guardian-338.webp') center 28%/cover; border-color:var(--clan-line-strong); }
#tab-clan.clan-renewal .teaser-explore { background:var(--clan-success-bg); border-color:var(--clan-line-strong); }
#tab-clan.clan-renewal .clan-teaser-action { display:flex; align-items:center; gap:4px; font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-teaser-action .clan-icon { width:15px; height:15px; }
#tab-clan.clan-renewal .clan-icon-button { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid var(--clan-line); border-radius:8px; color:var(--clan-ink); background:var(--clan-raised); }
#tab-clan.clan-renewal :is(.clan-boss-card,.clan-expedition-card) { overflow:hidden; background:var(--clan-surface); border:1px solid var(--clan-line); border-radius:12px; margin-bottom:16px; }
#tab-clan.clan-renewal .clan-boss-cover { position:relative; min-height:240px; padding:0; isolation:isolate; background:#251d24; color:#fff0d8; }
#tab-clan.clan-renewal .clan-boss-art { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 28%; }
#tab-clan.clan-renewal .clan-boss-cover::after { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(0deg,#251d24f5,transparent 75%); }
#tab-clan.clan-renewal .clan-boss-event { position:absolute; top:13px; left:13px; background:#4b202ddd; color:#f7d8ad; padding:5px 8px; border:1px solid #c6987940; border-radius:5px; font-size:10px; letter-spacing:.04em; }
#tab-clan.clan-renewal .clan-boss-copy { position:absolute; bottom:16px; left:15px; right:15px; text-shadow:0 2px 8px #171322; }
#tab-clan.clan-renewal .clan-game-kicker { font-size:10px; color:var(--clan-gold); letter-spacing:.05em; }
#tab-clan.clan-renewal .clan-boss-copy h3 { font:700 26px/1.2 ReverseMenu,ClanText,system-ui,sans-serif; margin:6px 0; }
#tab-clan.clan-renewal .clan-boss-copy p { font-size:12px; color:#ead1c2; margin:0; }
#tab-clan.clan-renewal .clan-boss-body { padding:16px 15px; }
#tab-clan.clan-renewal .clan-boss-hp { display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:8px; }
#tab-clan.clan-renewal .clan-boss-hp b { font-size:22px; }
#tab-clan.clan-renewal .clan-boss-hp :is(small,span) { font-size:11px; font-weight:400; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-game-progress { height:9px; overflow:hidden; border-radius:5px; background:var(--clan-inset); padding:1px; }
#tab-clan.clan-renewal .clan-game-progress i { display:block; width:100%; height:100%; border-radius:4px; background:var(--clan-danger); transform-origin:left; transition:transform .3s; }
#tab-clan.clan-renewal .clan-game-prize { display:flex; gap:10px; align-items:center; padding:13px 0; margin-bottom:12px; border-bottom:1px solid var(--clan-line); }
#tab-clan.clan-renewal .clan-game-prize>.clan-icon { width:30px; height:30px; }
#tab-clan.clan-renewal .clan-game-prize :is(b,small) { display:block; }
#tab-clan.clan-renewal .clan-game-prize b { font-size:13px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-game-prize small { font-size:11px; color:var(--clan-muted); margin-top:3px; }
#tab-clan.clan-renewal .clan-game-caption { color:var(--clan-muted); font-size:12px; line-height:1.5; margin:8px 0 11px; }
#tab-clan.clan-renewal .clan-call-team { margin-top:13px; }
#tab-clan.clan-renewal .clan-game-reset { font-size:10px; color:var(--clan-muted); margin:11px 0 0; }
#tab-clan.clan-renewal .clan-boss-impact { position:absolute; top:40%; left:50%; font:700 40px/1 ReverseMenu,ClanText,system-ui,sans-serif; color:#ffe0aa; text-shadow:0 2px #8f4058; animation:clan-impact 1.2s ease-out forwards; }
#tab-clan.clan-renewal .has-hit .clan-boss-art { animation:clan-hit .32s ease-out; }
#tab-clan.clan-renewal .clan-boss-victory { position:absolute; top:40%; left:8%; right:8%; display:flex; justify-content:center; align-items:center; gap:10px; padding:12px; background:#4d202dde; border-block:1px solid #d6b079; color:#f4d296; font-size:18px; }
#tab-clan.clan-renewal .clan-boss-victory span { font-size:12px; font-weight:600; letter-spacing:.05em; }
#tab-clan.clan-renewal .clan-expedition-card { padding:15px; background:var(--clan-success-bg); border-color:var(--clan-line-strong); }
#tab-clan.clan-renewal .clan-expedition-card .clan-section-title { margin-top:0; }
#tab-clan.clan-renewal .clan-expedition-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px; margin:12px 0; }
#tab-clan.clan-renewal .clan-route { display:flex; flex-direction:column; align-items:flex-start; min-width:0; min-height:150px; padding:10px 8px; text-align:left; background:var(--clan-success-bg); border:1px solid var(--clan-line-strong); border-radius:8px; color:var(--clan-ink); }
#tab-clan.clan-renewal .route-ruins { background:var(--clan-warm); }
#tab-clan.clan-renewal .route-pass { background:var(--clan-success-bg); }
#tab-clan.clan-renewal .clan-route>.clan-icon { width:28px; height:28px; color:var(--clan-muted); margin-bottom:9px; }
#tab-clan.clan-renewal .clan-route b { font-size:12px; line-height:1.4; margin-bottom:5px; }
#tab-clan.clan-renewal .clan-route small { font-size:10px; line-height:1.5; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-route>span { display:flex; align-items:center; gap:3px; margin-top:auto; padding-top:11px; color:var(--clan-muted); font-size:10px; }
#tab-clan.clan-renewal .clan-route>span>.clan-icon { width:13px; height:13px; }
#tab-clan.clan-renewal .clan-weekly-goal { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--clan-line); padding-top:11px; font-size:12px; }
#tab-clan.clan-renewal .clan-weekly-goal>span { display:flex; align-items:center; gap:7px; }
#tab-clan.clan-renewal .clan-weekly-goal strong { white-space:nowrap; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-contributor { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--clan-line); }
#tab-clan.clan-renewal .clan-contributor-place { width:24px; text-align:center; color:var(--clan-gold); }
#tab-clan.clan-renewal .clan-contributor>div { flex:1; min-width:0; }
#tab-clan.clan-renewal .clan-contributor b { display:block; overflow-wrap:anywhere; font-size:13px; }
#tab-clan.clan-renewal .clan-contributor small { display:block; font-size:10px; font-weight:400; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-contributor strong { color:var(--clan-gold); text-align:right; font-size:13px; }
#tab-clan.clan-renewal .clan-game-log-entry { display:flex; gap:9px; padding:9px 0; }
#tab-clan.clan-renewal .clan-game-log-entry>.clan-icon { width:19px; height:19px; }
#tab-clan.clan-renewal .clan-game-log-entry p { margin:0; font-size:12px; }
#tab-clan.clan-renewal .clan-game-log-entry time { display:block; color:var(--clan-muted); font-size:10px; margin-top:3px; }
#tab-clan.clan-renewal .clan-game-rules { padding:12px 0; color:var(--clan-muted); border-top:1px solid var(--clan-line); font-size:12px; }
#tab-clan.clan-renewal .clan-game-rules summary { min-height:36px; cursor:pointer; }
#tab-clan.clan-renewal .clan-game-notice:empty { display:none; }
#tab-clan.clan-renewal :is(.clan-game-notice,.clan-pending-action) { padding:12px; margin-bottom:12px; background:var(--clan-raised); border:1px solid var(--clan-line); border-radius:8px; font-size:12px; }
#tab-clan.clan-renewal .clan-game-loading { min-height:0; padding:17px; background:var(--clan-surface); border:1px solid var(--clan-line); border-radius:10px; }
#tab-clan.clan-renewal .clan-game-loading p { color:var(--clan-muted); font-size:12px; }
#tab-clan.clan-renewal .clan-game-unavailable .clan-boss-cover { min-height:160px; }
#tab-clan.clan-renewal .clan-game-unavailable .clan-game-loading { border:0; border-top:1px solid var(--clan-danger); border-radius:0; background:var(--clan-danger-bg); }
#tab-clan.clan-renewal .clan-game-unavailable .clan-game-loading h3 { font-size:16px; margin-bottom:8px; }
#tab-clan.clan-renewal .clan-unavailable-links { display:flex; gap:8px; margin-top:12px; }
#tab-clan.clan-renewal .clan-unavailable-links .clan-cta { flex:1; font-size:12px !important; }
#tab-clan.clan-renewal .clan-error-banner { position:sticky; top:4px; z-index:5; display:flex; gap:9px; align-items:flex-start; padding:12px; margin-bottom:10px; background:var(--clan-danger-bg); color:var(--clan-ink); border:1px solid var(--clan-danger); border-radius:8px; }
#tab-clan.clan-renewal .clan-error-banner>span { font-size:20px; }
#tab-clan.clan-renewal .clan-error-banner>div { flex:1; min-width:0; }
#tab-clan.clan-renewal .clan-error-banner b { font-size:13px; }
#tab-clan.clan-renewal .clan-error-banner p { margin:4px 0 0; font-size:12px; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-error-banner button { width:44px; min-height:44px; flex:none; padding:0; border:0; background:none; color:var(--clan-ink); }
#tab-clan.clan-renewal :is(.clan-game-notice.is-error,.cf-notice.is-error) { background:var(--clan-danger-bg) !important; color:var(--clan-ink) !important; border:1px solid var(--clan-danger) !important; }
#tab-clan.clan-renewal .connection-state { padding:16px; background:var(--clan-danger-bg); color:var(--clan-muted); border:1px solid var(--clan-danger); border-radius:10px; }
#tab-clan.clan-renewal .connection-state p { color:var(--clan-muted); }
/* The roster dialog lives under body, so it has its own explicit scope. */
.clan-roster-dialog { display:flex; flex-direction:column; width:min(440px,calc(100% - 24px)); max-height:calc(100dvh - 40px); padding:18px !important; border:1px solid var(--clan-line-strong) !important; border-radius:14px !important; background:var(--clan-surface) !important; color:var(--clan-ink); box-shadow:var(--clan-shadow) !important; font:400 14px/1.5 ReverseMenu,ClanText,system-ui,-apple-system,BlinkMacSystemFont,sans-serif; }
.clan-roster-dialog .cc-title { flex:none; font:600 21px/1.3 ReverseMenu,ClanText,system-ui,sans-serif !important; text-align:left; letter-spacing:normal; }
.clan-roster-dialog .cc-title span { color:var(--clan-gold); font:inherit; }
.clan-roster-dialog .cc-text { flex:none; margin:8px 0 14px; color:var(--clan-muted); font-size:12px; line-height:1.5; }
.clan-roster-dialog .war-roster-list { flex:1; min-height:0; max-height:none; overflow-y:auto; overscroll-behavior:contain; display:flex; flex-direction:column; gap:6px; margin:0; }
.clan-roster-dialog .war-roster-row { display:grid; grid-template-columns:22px 30px minmax(0,1fr) auto; align-items:center; gap:8px; min-height:53px; padding:9px; background:var(--clan-raised) !important; border:1px solid var(--clan-line-strong) !important; border-radius:8px; color:var(--clan-ink); }
.clan-roster-dialog .war-roster-row:has(input:checked) { border-color:var(--clan-gold) !important; background:var(--clan-warm) !important; }
.clan-roster-dialog .war-roster-row input { width:20px; height:20px; margin:0; accent-color:var(--clan-accent); }
.clan-roster-dialog .war-roster-row>span { min-width:0; font-size:12px; overflow-wrap:anywhere; }
.clan-roster-dialog .war-roster-row>b { font-size:10px; font-weight:500; letter-spacing:normal; white-space:nowrap; color:var(--clan-muted); }
.clan-roster-dialog .war-roster-avatar { width:30px; height:30px; border-radius:6px; overflow:hidden; background:var(--clan-inset); }
.clan-roster-dialog .war-roster-avatar :is(img,.av-fallback) { width:100%; height:100%; object-fit:cover; display:grid; place-items:center; }
.clan-roster-dialog .cc-actions { display:flex; gap:8px; flex:none; margin-top:14px; padding-top:12px; border-top:1px solid var(--clan-line-strong); }
.clan-roster-dialog .cc-btn { flex:1; min-height:44px; padding:10px 8px; border-radius:8px; border:1px solid var(--clan-line); color:var(--clan-muted); background:var(--clan-raised); font:500 13px/1.4 ReverseMenu,ClanText,system-ui,sans-serif !important; }
.clan-roster-dialog .cc-btn.confirm { background:var(--clan-accent); color:var(--clan-on-accent); border-color:var(--clan-line-strong); }
.clan-roster-dialog .cc-btn:disabled { opacity:.45; }
.clan-roster-dialog .clan-roster-error { padding:10px; margin-top:10px; background:var(--clan-danger-bg); border:1px solid var(--clan-danger); border-radius:7px; color:var(--clan-ink); font-size:12px; }
.clan-roster-dialog [hidden] { display:none !important; }
#tab-clan.clan-renewal :is(button,input,textarea,select):focus-visible,.clan-roster-dialog :is(button,input):focus-visible { outline:2px solid var(--clan-accent); outline-offset:2px; }
#tab-clan.clan-renewal button:not(:disabled):active { transform:translateY(1px); }
@keyframes clan-hit { 20%,60% { transform:translateX(-4px); } 40%,80% { transform:translateX(4px); } }
@keyframes clan-impact { from { opacity:1; transform:translate(-50%,0) scale(.8); } 25% { opacity:1; transform:translate(-50%,-15px) scale(1); } to { opacity:0; transform:translate(-50%,-60px); } }
@media(min-width:620px) { #tab-clan.clan-renewal .clan-home-hero { padding:18px !important; background:var(--clan-raised) !important; } #tab-clan.clan-renewal .clan-home-name { font-size:25px !important; } #tab-clan.clan-renewal .clan-boss-cover { min-height:300px; } }
@media(max-width:359px) { #tab-clan.clan-renewal .clan-home-top { grid-template-columns:72px minmax(0,1fr); gap:10px; } #tab-clan.clan-renewal .clan-home-emblem { width:72px; height:72px; } #tab-clan.clan-renewal .clan-home-name { font-size:19px !important; } #tab-clan.clan-renewal .clan-quick-card { grid-template-columns:26px minmax(0,1fr); gap:7px; padding:11px 9px; } #tab-clan.clan-renewal .clan-quick-card>.clan-icon:first-child { width:26px; height:26px; } #tab-clan.clan-renewal .clan-quick-card b { font-size:14px; } #tab-clan.clan-renewal .clan-expedition-map { grid-template-columns:1fr; } #tab-clan.clan-renewal .clan-route { display:grid; grid-template-columns:32px minmax(0,1fr); gap:3px 9px; min-height:75px; } #tab-clan.clan-renewal .clan-route>.clan-icon { grid-row:1/4; margin:0; align-self:center; } #tab-clan.clan-renewal .clan-route>span { grid-column:2; padding-top:4px; } }
@media(prefers-reduced-motion:reduce) { #tab-clan.clan-renewal * { animation:none !important; transition:none !important; } #tab-clan.clan-renewal .clan-boss-impact { display:none; } }
/* Illustrated encounter and light journal typography. */
#tab-clan.clan-renewal .clan-home-hero { border-left:4px solid var(--clan-accent) !important; }
#tab-clan.clan-renewal .clan-home-hero::before { display:none !important; }
#tab-clan.clan-renewal .clan-home-kicker { color:var(--clan-muted); font-size:10px; letter-spacing:.08em; }
#tab-clan.clan-renewal .clan-home-emblem { box-shadow:var(--shadow); }
#tab-clan.clan-renewal .clan-home-emblem .clan-icon { width:52px; height:52px; }
#tab-clan.clan-renewal .teaser-hunt { color:#fff0d8; background:linear-gradient(90deg,#291a20f5 5%,#291a20dc 56%,#291a2060),url('assets/clans/guardian-338.webp') 72% 28%/cover; }
#tab-clan.clan-renewal .teaser-hunt small { color:#dcc9b8; }
#tab-clan.clan-renewal .teaser-hunt .clan-teaser-action { color:#e8c48b; }
#tab-clan.clan-renewal .clan-boss-copy .clan-game-kicker { color:#e8c48b; }
#tab-clan.clan-renewal .clan-empty-stage { color:#fff0d8; background:linear-gradient(90deg,#2b1b22f0,#2b1b22a0),url('assets/menu/scenes/clan-329.webp') center/cover !important; }
#tab-clan.clan-renewal .clan-empty-stage :is(.clan-empty-title,.clan-discovery-stats) { color:#fff0d8; }
#tab-clan.clan-renewal .clan-subnav button { border:0 !important; }
#tab-clan.clan-renewal .clan-subnav button.active { border-radius:7px !important; }
#tab-clan.clan-renewal :is(.clan-panel,.clan-more-card,.clan-member,.clan-browse-card,.clan-join-card,.bento-card,.stat-tile,.clan-offer) { color:var(--clan-ink) !important; }
#tab-clan.clan-renewal :is(.section-label,.stat-label,.war-idle-text,.war-idle-step p,.clan-admin-meta,.clan-admin-hint) { color:var(--clan-muted) !important; }
#tab-clan.clan-renewal :is(.clan-sec-line,.cf-progress) { background:var(--clan-inset); }
#tab-clan.clan-renewal :is(.cm-name,.cm-pts,.clan-join-name,.clan-join-metrics b,.stat-value,.war-roster-name,.war-idle-title,.war-banner-title) { color:var(--clan-ink) !important; }
#tab-clan.clan-renewal :is(.stat-tile,.clan-kpi)::before { display:none !important; }
#tab-clan.clan-renewal :is(.clan-join-eyebrow,.clan-join-metrics span,.clan-join-meta,.clan-podium-meta) { color:var(--clan-muted) !important; }
#tab-clan.clan-renewal .clan-join-mark { background:var(--clan-warm) !important; }
#tab-clan.clan-renewal .clan-join-mark::after { display:none !important; }
#tab-clan.clan-renewal .clan-join-mark img { object-fit:contain !important; }
#tab-clan.clan-renewal :is(.clan-browse-search input,.bet-input,input.treasury-input,textarea.treasury-input,select.treasury-input) { min-width:0; min-height:44px; color:var(--clan-ink) !important; font-size:16px; }
#tab-clan.clan-renewal :is(input,textarea)::placeholder { color:var(--clan-muted) !important; opacity:1; }
#tab-clan.clan-renewal :is(.clan-back-more,.war-secondary-btn,.clan-create-btn) { min-height:44px !important; color:var(--clan-muted) !important; border:1px solid var(--clan-line); border-radius:8px; background:var(--clan-raised) !important; }
#tab-clan.clan-renewal :is(.clan-top-podium,.clan-public-podium) { min-height:0; margin:12px 0 16px; gap:7px; align-items:stretch; }
#tab-clan.clan-renewal .clan-podium-card { min-width:0; padding:12px 8px; background:var(--clan-surface) !important; border:1px solid var(--clan-line) !important; border-radius:9px; box-shadow:none !important; transform:none !important; color:var(--clan-ink); }
#tab-clan.clan-renewal .clan-podium-card.podium-1 { border-top:3px solid var(--clan-line-strong) !important; }
#tab-clan.clan-renewal :is(.clan-podium-name,.clan-podium-score) { color:var(--clan-ink) !important; }
#tab-clan.clan-renewal .war-setup-steps { display:grid; gap:7px; margin:12px 0; }
#tab-clan.clan-renewal .war-setup-steps>div { display:grid; grid-template-columns:27px minmax(0,1fr); gap:9px; align-items:start; padding:10px; min-height:0; background:var(--clan-raised) !important; border:0 !important; border-radius:7px; }
#tab-clan.clan-renewal .war-setup-steps>div>span { display:grid; place-items:center; width:27px; height:27px; background:var(--clan-inset) !important; border-radius:5px; color:var(--clan-muted) !important; font-size:12px; }
#tab-clan.clan-renewal .war-setup-steps p { margin:0; }
#tab-clan.clan-renewal .war-setup-steps b { color:var(--clan-ink) !important; font-size:13px; line-height:1.4; }
#tab-clan.clan-renewal .war-setup-steps small { color:var(--clan-muted) !important; font-size:11px; margin-top:3px; }
#tab-clan.clan-renewal :is(.war-history-result,.war-idle-text,.war-roster-row) { color:var(--clan-ink); }
#tab-clan.clan-renewal :is(#picker-offer-dropdown,#picker-want-dropdown,.trade-card-option) { background:var(--clan-surface) !important; color:var(--clan-ink) !important; border-color:var(--clan-line) !important; }
#tab-clan.clan-renewal :is(#picker-offer-selected-content,#picker-want-selected-content,.trade-card-option) [style*="color"] { color:var(--clan-ink) !important; }
#tab-clan.clan-renewal :is(.cf-delivered strong,.cf-status,.cf-personal>span:last-child,.cf-balance>button span,.cf-entry-mark) { color:var(--clan-muted); }
#tab-clan.clan-renewal .cf-empty { min-height:0; padding:18px !important; border:1px solid var(--clan-line); border-radius:10px; background:var(--clan-surface); }
#tab-clan.clan-renewal .cf-empty button { background:var(--clan-raised); }
/* Four Arena cards enter a raid together. The server supplies every stat. */
#tab-clan.clan-renewal .clan-hunt-squad { margin-top:16px; padding-top:15px; border-top:1px solid var(--clan-line); }
#tab-clan.clan-renewal .clan-hunt-squad-header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
#tab-clan.clan-renewal .clan-hunt-squad-header :is(h4,b) { font-size:15px; margin:0; }
#tab-clan.clan-renewal .clan-hunt-squad-header small { display:block; color:var(--clan-muted); font-size:11px; margin-top:3px; }
#tab-clan.clan-renewal .clan-hunt-squad-header button { min-height:44px; padding:8px 10px; font-size:11px !important; }
#tab-clan.clan-renewal .clan-hunt-team { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
#tab-clan.clan-renewal .clan-hunt-fighter { position:relative; min-width:0; padding:3px; background:var(--clan-raised); border:1px solid var(--clan-line-strong); border-radius:7px; overflow:hidden; }
#tab-clan.clan-renewal .clan-hunt-card-art { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; background:#3a2b26; border-radius:4px; }
#tab-clan.clan-renewal .clan-hunt-card-art.media-placeholder { display:grid; place-items:center; color:#d3b587; font-size:27px; }
#tab-clan.clan-renewal .clan-hunt-card-meta { padding:6px 2px 3px; min-width:0; }
#tab-clan.clan-renewal .clan-hunt-card-meta b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; line-height:1.3; }
#tab-clan.clan-renewal .clan-hunt-card-stats { display:flex; align-items:center; gap:3px; color:var(--clan-gold); font-size:10px; margin:5px 0; }
#tab-clan.clan-renewal .clan-hunt-card-stats .clan-icon { width:12px; height:12px; }
#tab-clan.clan-renewal .clan-hunt-card-hp { display:block; color:var(--clan-muted); font-size:9px; line-height:1.4; white-space:nowrap; }
#tab-clan.clan-renewal .clan-hunt-hp-bar { display:block; height:3px; margin:4px 0 2px; background:var(--clan-inset); border-radius:2px; overflow:hidden; }
#tab-clan.clan-renewal .clan-hunt-hp-bar i { display:block; height:100%; background:var(--clan-success); transform-origin:left; }
#tab-clan.clan-renewal .clan-hunt-fighter.is-defeated { border-color:var(--clan-inset); }
#tab-clan.clan-renewal .clan-hunt-fighter.is-defeated .clan-hunt-card-art { filter:grayscale(.75); opacity:.65; }
#tab-clan.clan-renewal .clan-hunt-fighter.is-defeated .clan-hunt-card-hp { color:var(--clan-danger); }
#tab-clan.clan-renewal .clan-hunt-fighter.is-empty { min-height:145px; display:grid; place-items:center; border-style:dashed; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-raid-start { width:100%; margin-top:13px; min-height:48px !important; font-size:14px !important; }
#tab-clan.clan-renewal .clan-raid-result { margin:14px 0 0; padding:13px; background:var(--clan-warm); border:1px solid var(--clan-line-strong); border-radius:8px; }
#tab-clan.clan-renewal .clan-raid-result-header { display:flex; align-items:center; gap:8px; }
#tab-clan.clan-renewal .clan-raid-result-header h4 { font-size:15px; margin:0; }
#tab-clan.clan-renewal .clan-raid-result-header .clan-icon { width:24px; height:24px; }
#tab-clan.clan-renewal .clan-raid-summary { display:flex; flex-wrap:wrap; gap:6px 12px; padding-top:9px; font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-raid-summary strong { color:var(--clan-gold); }
#tab-clan.clan-renewal .clan-raid-log { margin-top:10px; border-top:1px solid var(--clan-line); padding-top:5px; font-size:11px; }
#tab-clan.clan-renewal .clan-raid-log summary { cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--clan-gold); }
#tab-clan.clan-renewal .clan-raid-log-round { margin:8px 0 4px; font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-raid-log-event { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px; padding:7px 0; border-bottom:1px solid var(--clan-line); line-height:1.45; }
#tab-clan.clan-renewal .clan-raid-log-event strong { color:var(--clan-gold); font-variant-numeric:tabular-nums; white-space:nowrap; }
@media(max-width:359px) { #tab-clan.clan-renewal .clan-boss-body { padding:13px 10px; } #tab-clan.clan-renewal .clan-hunt-team { gap:4px; } #tab-clan.clan-renewal .clan-hunt-card-meta b { font-size:10px; } #tab-clan.clan-renewal .clan-hunt-card-hp { font-size:8px; } }
#tab-clan.clan-renewal .cf-balance strong { font:600 28px/1.2 ReverseMenu,ClanText,system-ui,-apple-system,BlinkMacSystemFont,sans-serif; font-variant-numeric:tabular-nums; letter-spacing:normal; }
#tab-clan.clan-renewal :is(.context-help,.journey-action) { min-height:44px; padding:10px 13px; background:var(--clan-raised); border:1px solid var(--clan-line); border-radius:8px; color:var(--clan-muted); font:500 13px/1.4 ReverseMenu,ClanText,system-ui,sans-serif; }
/* Shared confirmations are mounted beside the app, with an explicit clan theme. */
.clan-confirm-dialog { background:var(--clan-surface) !important; color:var(--clan-ink) !important; border:1px solid var(--clan-line-strong) !important; border-radius:12px !important; padding:20px !important; text-align:left !important; box-shadow:var(--clan-shadow) !important; font:400 14px/1.5 ReverseMenu,ClanText,system-ui,-apple-system,BlinkMacSystemFont,sans-serif; }
.clan-confirm-dialog>div:first-child { font-size:20px !important; font-weight:600; }
.clan-confirm-dialog>div:nth-child(2) { color:var(--clan-muted); opacity:1 !important; font-size:13px !important; margin-bottom:18px !important; }
.clan-confirm-dialog button { min-height:44px; padding:10px 8px !important; font:500 13px/1.4 ReverseMenu,ClanText,system-ui,sans-serif; border:1px solid var(--clan-line); border-radius:7px !important; }
.clan-confirm-dialog #cc-cancel { background:var(--clan-raised) !important; color:var(--clan-muted) !important; }
.clan-confirm-dialog #cc-confirm { background:var(--clan-accent) !important; color:var(--clan-on-accent) !important; border-color:var(--clan-line-strong); }
.clan-confirm-dialog button:focus-visible { outline:2px solid var(--clan-accent); outline-offset:2px; }
#tab-clan.clan-renewal .clan-hunt-card-picture { position:relative; }
#tab-clan.clan-renewal .clan-hunt-slot { position:absolute; top:3px; left:3px; display:grid; place-items:center; width:18px; height:18px; font-size:10px; color:#fff0d8; border:1px solid var(--clan-line-strong); background:#493126de; border-radius:3px; }
#tab-clan.clan-renewal .clan-hunt-defeated { position:absolute; inset:auto 0 5px; padding:2px; text-align:center; font-size:9px; background:var(--clan-danger-bg); color:var(--clan-ink); }
#tab-clan.clan-renewal .clan-hunt-card-name { display:block; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:7px 2px 4px; font-size:11px; line-height:1.3; color:var(--clan-ink); }
#tab-clan.clan-renewal .clan-hunt-card-stats { display:grid; gap:2px; margin:0 2px 5px; font-size:10px; }
#tab-clan.clan-renewal .clan-hunt-card-hp { margin-inline:2px; white-space:normal; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-hunt-art-placeholder { display:grid; place-items:center; aspect-ratio:3/4; background:#3a2b26; color:#d3b587; font-size:27px; }
#tab-clan.clan-renewal .clan-hunt-fighter.is-empty { display:flex; flex-direction:column; justify-content:center; gap:10px; min-height:190px; background:var(--clan-raised); }
#tab-clan.clan-renewal .clan-hunt-fighter.is-empty b { font-size:10px; font-weight:400; }
#tab-clan.clan-renewal .clan-hunt-fighter.is-empty .clan-hunt-slot { top:-15px; left:50%; transform:translateX(-50%); }
#tab-clan.clan-renewal .clan-hunt-squad-totals { display:flex; flex-wrap:wrap; gap:6px 12px; padding:11px 0 3px; color:var(--clan-muted); font-size:11px; }
#tab-clan.clan-renewal .clan-boss-combat-stats { display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px 12px; padding-top:9px; font-size:11px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-boss-combat-stats b { color:var(--clan-gold); }
#tab-clan.clan-renewal .clan-raid-result-header h3 { font-size:16px; margin:2px 0 0; line-height:1.3; }
#tab-clan.clan-renewal .clan-raid-result-header small { font-size:9px; letter-spacing:.05em; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-raid-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#tab-clan.clan-renewal .clan-raid-summary span { min-width:0; }
#tab-clan.clan-renewal .clan-raid-summary strong { display:block; font-size:18px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-raid-summary small { display:block; margin-top:3px; color:var(--clan-muted); font-size:9px; line-height:1.4; }
#tab-clan.clan-renewal .clan-raid-log summary { justify-content:space-between; }
#tab-clan.clan-renewal .clan-raid-log summary span .clan-icon { width:15px; height:15px; }
#tab-clan.clan-renewal .clan-raid-log ol { list-style:none; padding:0; margin:0; }
#tab-clan.clan-renewal .clan-raid-log-event { grid-template-columns:18px minmax(0,1fr) auto; align-items:start; }
#tab-clan.clan-renewal .clan-raid-log-event>.clan-icon { width:18px; height:18px; }
#tab-clan.clan-renewal .clan-raid-log-event p { font-size:11px; margin:0; overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-raid-log-event small { font-size:9px; color:var(--clan-muted); }
#tab-clan.clan-renewal .clan-raid-log-event.is-enemy strong { color:var(--clan-danger); }
#tab-clan.clan-renewal .clan-squad-error { margin:10px 0 0; }
#tab-clan.clan-renewal .clan-squad-error .clan-cta { background:var(--clan-surface) !important; color:var(--clan-gold) !important; border-color:var(--clan-line-strong) !important; width:100%; }
#tab-clan.clan-renewal .war-scoreboard { min-height:0; padding:25px 10px; gap:6px; background:linear-gradient(#321c29a6,#321c29d9),url('assets/clans/front.webp') center/cover; }
#tab-clan.clan-renewal .war-scoreline { width:auto; min-width:76px; padding:9px 7px; font:600 29px/1.2 ReverseMenu,ClanText,system-ui,sans-serif; background:#2c1920da; border:1px solid #b9936a80; color:#eed3a4; border-radius:6px; }
#tab-clan.clan-renewal .war-scoreline span { font:400 9px/1.3 ReverseMenu,ClanText,system-ui,sans-serif; color:#d6b999; }
#tab-clan.clan-renewal .war-score-side b { color:#fff0d8; font-size:13px; }
#tab-clan.clan-renewal .war-score-side small { color:#dfcab0; }
#tab-clan.clan-renewal :is(.war-fighter,.war-draft-fighter) { background:var(--clan-raised) !important; border:1px solid var(--clan-line-strong) !important; }
#tab-clan.clan-renewal .war-f-hp { background:var(--clan-inset); }
#tab-clan.clan-renewal .war-f-hp i { background:var(--clan-success); }
#tab-clan.clan-renewal .enemy .war-f-hp i { background:var(--clan-danger); }
#tab-clan.clan-renewal .war-fighter.defeated .war-f-meta { color:var(--clan-danger); }
#tab-clan.clan-renewal .clan-defense-card { color:#fff0d8; }
#tab-clan.clan-renewal .clan-defense-card small,#tab-clan.clan-renewal .clan-defense-slot { color:#efd19a; }
#tab-clan.clan-renewal .clan-podium-card::after { display:none !important; }
#tab-clan.clan-renewal .clan-podium-card.podium-1 { padding-top:12px; margin-top:0; border-top:3px solid var(--clan-line-strong) !important; }
#tab-clan.clan-renewal .war-score-side .war-score { color:#fff0d8 !important; font-family:ReverseMenu,ClanText,system-ui,sans-serif; }
#tab-clan.clan-renewal .war-list-col.enemy { background:var(--clan-danger-bg) !important; border-color:var(--clan-danger) !important; }
#tab-clan.clan-renewal .war-list-col.mine { border-color:var(--clan-line) !important; }
#tab-clan.clan-renewal .war-f-hp>i { background:var(--clan-success) !important; }
#tab-clan.clan-renewal .enemy .war-f-hp>i { background:var(--clan-danger) !important; }
#tab-clan.clan-renewal .clan-admin-acts { display:flex; flex-wrap:wrap; gap:6px; }
#tab-clan.clan-renewal :is(.clan-admin-name,.clan-join-name,.clan-podium-name,.clan-rank-copy b,.stat-value) { font-family:ReverseMenu,ClanText,system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important; }
/* Player cover art retains light labels over its dark readability mask. */
#tab-clan.clan-renewal .clan-member.has-theme :is(.cm-name,.cm-pts,.cm-rank) { color:#fff0d8 !important; }
#tab-clan.clan-renewal .clan-member.has-theme .cm-role { color:#dcc9b8 !important; }
#tab-clan.clan-renewal .war-fighter.enemy.selected { background:var(--clan-warm) !important; border-color:var(--clan-accent) !important; box-shadow:0 0 0 1px var(--accent-soft) !important; }
#tab-clan.clan-renewal .war-scoreboard .war-name { color:#fff0d8 !important; }