/* A community landing, using REVERSE's active palette and original game art. */
#tab-clan.clan-renewal .clan-overview { display:grid;gap:14px;max-width:820px;margin:0 auto;color:var(--text); }
#tab-clan.clan-renewal .clan-overview h3 { font-size:17px;line-height:24px;font-weight:650;margin:0; }
#tab-clan.clan-renewal .clan-overview-hero { position:relative;overflow:hidden;min-height:220px;border-radius:22px;background:#17233b;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:24px 20px 17px;isolation:isolate; }
#tab-clan.clan-renewal .clan-overview-scene { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 47%;z-index:-2; }
#tab-clan.clan-renewal .clan-overview-hero-shade { position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#09101f08 5%,#090e1999 48%,#070c16ed 100%); }
#tab-clan.clan-renewal .clan-overview-role { position:absolute;top:15px;left:18px;padding:5px 10px;border-radius:999px;background:#0a1020a6;color:#f2f4f7;font-size:12px;backdrop-filter:blur(6px); }
#tab-clan.clan-renewal .clan-overview-identity { display:flex;align-items:center;gap:13px;min-width:0; }
#tab-clan.clan-renewal .clan-overview-emblem { display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;padding:4px;border-radius:18px;background:#0d1523a6;border:1px solid #ffffff3a; }
#tab-clan.clan-renewal .clan-overview-emblem img { width:100%;height:100%;object-fit:contain;border-radius:13px; }
#tab-clan.clan-renewal .clan-overview-identity>div { min-width:0; }
#tab-clan.clan-renewal .clan-overview-identity h2 { margin:0 0 5px;font-size:25px;line-height:30px;font-weight:750;color:#fff;letter-spacing:-.025em;overflow-wrap:anywhere; }
#tab-clan.clan-renewal .clan-overview-identity p { margin:0 0 3px;font-size:12px;line-height:18px;color:#edf1f7; }
#tab-clan.clan-renewal .clan-overview-identity>div>span { font-size:12px;color:#cbd2df; }
#tab-clan.clan-renewal .clan-overview-xp { padding-top:14px; }
#tab-clan.clan-renewal .clan-overview-xp>div { display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#d6deeb;margin-bottom:5px; }
#tab-clan.clan-renewal .clan-overview-xp progress { appearance:none;display:block;width:100%;height:4px;border:0;border-radius:6px;overflow:hidden;background:#ffffff29; }
#tab-clan.clan-renewal .clan-overview-xp progress::-webkit-progress-bar { background:#ffffff29; }
#tab-clan.clan-renewal .clan-overview-xp progress::-webkit-progress-value { background:#ecd6a4; }
#tab-clan.clan-renewal .clan-overview-xp progress::-moz-progress-bar { background:#ecd6a4; }
#tab-clan.clan-renewal .clan-overview-shortcuts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
#tab-clan.clan-renewal .clan-overview-shortcut { display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:15px;color:var(--text);font-size:13px;box-shadow:none; }
#tab-clan.clan-renewal .clan-overview-shortcut .clan-icon { width:18px;height:18px; }
#tab-clan.clan-renewal .clan-overview-modes { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#tab-clan.clan-renewal .clan-mode-tile { position:relative;display:flex;flex-direction:column;justify-content:flex-end;text-align:left;isolation:isolate;min-height:178px;padding:12px 14px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card);color:var(--text);overflow:hidden;box-shadow:none;transition:transform 170ms cubic-bezier(.2,.7,.3,1),background 170ms ease,border-color 170ms ease; }
#tab-clan.clan-renewal .clan-mode-art { position:absolute;top:1px;left:50%;transform:translateX(-50%);width:124px;height:124px;background-image:url('assets/clans/overview-atlas-349.webp');background-size:200% 200%;background-repeat:no-repeat;z-index:-1;pointer-events:none; }
#tab-clan.clan-renewal .art-land { background-position:0 0; }
#tab-clan.clan-renewal .art-market { background-position:100% 0; }
#tab-clan.clan-renewal .art-tasks { background-position:0 100%; }
#tab-clan.clan-renewal .art-treasury { background-position:100% 100%; }
#tab-clan.clan-renewal .clan-mode-copy { display:grid;gap:3px; }
#tab-clan.clan-renewal .clan-mode-copy b { font-size:15px;line-height:20px;font-weight:700; }
#tab-clan.clan-renewal .clan-mode-copy small { font-size:11px;line-height:16px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-mode-arrow { position:absolute;right:12px;bottom:31px;width:15px;height:15px;color:var(--text-sub);opacity:0;transition:opacity 170ms ease; }
#tab-clan.clan-renewal .clan-mode-tile:not(:disabled):active { transform:scale(.976);background:var(--bg-hover); }
#tab-clan.clan-renewal .clan-mode-tile:focus-visible { outline:2px solid var(--accent);outline-offset:3px; }
#tab-clan.clan-renewal .clan-overview-section-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px; }
#tab-clan.clan-renewal .clan-overview-section-head>span { font-size:12px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-inline { display:flex;align-items:center;gap:5px;min-height:44px;padding:7px 0;background:transparent;border:0;color:var(--text-sub);font-size:12px; }
#tab-clan.clan-renewal .clan-overview-inline .clan-icon { width:16px;height:16px; }
#tab-clan.clan-renewal :is(.clan-overview-benefits,.clan-overview-stock,.clan-overview-description,.clan-overview-personal) { padding:18px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px; }
#tab-clan.clan-renewal .clan-overview-personal>div { display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:13px; }
#tab-clan.clan-renewal .clan-overview-personal>div b { display:block;font-size:20px;line-height:26px; }
#tab-clan.clan-renewal .clan-overview-personal>div small { display:block;margin-top:4px;font-size:12px;line-height:18px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-benefits .clan-overview-section-head { margin-bottom:8px; }
#tab-clan.clan-renewal .clan-overview-benefit { display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--border); }
#tab-clan.clan-renewal .clan-overview-benefit:last-child { border-bottom:0;padding-bottom:0; }
#tab-clan.clan-renewal .clan-overview-benefit-icon { display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;margin-top:1px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-benefit b { display:block;font-size:14px;line-height:21px;font-weight:650; }
#tab-clan.clan-renewal .clan-overview-benefit small { display:block;font-size:12px;line-height:19px;color:var(--text-sub);margin-top:3px;max-width:64ch; }
#tab-clan.clan-renewal .clan-overview-resource-row { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px; }
#tab-clan.clan-renewal .clan-overview-resource-row>span { display:grid;grid-template-columns:18px auto;align-items:center;justify-content:start;gap:3px 6px; }
#tab-clan.clan-renewal .clan-overview-resource-row .clan-icon { width:18px;height:18px;color:var(--accent-hi); }
#tab-clan.clan-renewal .clan-overview-resource-row b { font-size:15px;line-height:22px; }
#tab-clan.clan-renewal .clan-overview-resource-row small { grid-column:1 / -1;font-size:11px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-caption { margin:14px 0 0;font-size:12px;line-height:19px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-caption>span { display:block;margin-top:5px; }
#tab-clan.clan-renewal .clan-overview-row { display:flex;align-items:center;gap:12px;width:100%;min-height:58px;text-align:left;padding:15px 17px;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:18px;font-size:14px; }
#tab-clan.clan-renewal .clan-overview-row>span { flex:1;min-width:0; }
#tab-clan.clan-renewal .clan-overview-row b { display:block;font-size:14px;line-height:21px;font-weight:650; }
#tab-clan.clan-renewal .clan-overview-row small { display:block;font-size:12px;line-height:19px;color:var(--text-sub);margin-top:2px; }
#tab-clan.clan-renewal .clan-overview-row>.clan-icon { flex:none;width:20px;height:20px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-row>.clan-icon:last-child { width:16px;height:16px; }
#tab-clan.clan-renewal .clan-overview-income { display:block;color:var(--text-sub);font-size:12px;line-height:19px;margin-top:6px; }
#tab-clan.clan-renewal .clan-overview-description p { margin:0;font-size:14px;line-height:22px;white-space:pre-line;overflow-wrap:anywhere;max-width:72ch; }
#tab-clan.clan-renewal :is(.clan-overview-guide,.clan-overview-history) { padding:0 17px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card); }
#tab-clan.clan-renewal :is(.clan-overview-guide,.clan-overview-history)>summary { display:flex;align-items:center;gap:9px;min-height:56px;cursor:pointer;list-style:none;font-size:14px;line-height:20px; }
#tab-clan.clan-renewal :is(.clan-overview-guide,.clan-overview-history)>summary::-webkit-details-marker { display:none; }
#tab-clan.clan-renewal :is(.clan-overview-guide,.clan-overview-history)>summary>.clan-icon:last-child { margin-left:auto;width:16px;height:16px;transform:rotate(90deg);transition:transform 180ms ease; }
#tab-clan.clan-renewal :is(.clan-overview-guide,.clan-overview-history)[open]>summary>.clan-icon:last-child { transform:rotate(-90deg); }
#tab-clan.clan-renewal .clan-overview-guide ol { margin:0;padding:2px 0 17px 22px; }
#tab-clan.clan-renewal .clan-overview-guide li { padding:9px 0 7px 4px;font-size:13px;line-height:21px; }
#tab-clan.clan-renewal .clan-overview-guide li>span { display:block;margin-top:4px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-extra { margin:8px 0 -1px; }
#tab-clan.clan-renewal .clan-overview-links { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
#tab-clan.clan-renewal .clan-overview-war { display:flex;align-items:center;gap:12px;padding:15px 17px;text-align:left;border:1px solid var(--border-hot);border-radius:18px;color:var(--text);background:var(--bg-card); }
#tab-clan.clan-renewal .clan-overview-war>span { flex:1; }
#tab-clan.clan-renewal .clan-overview-war b { display:block;font-size:14px;line-height:21px; }
#tab-clan.clan-renewal .clan-overview-war small { display:block;color:var(--text-sub);font-size:12px;line-height:19px;margin-top:3px; }
#tab-clan.clan-renewal .clan-overview-history p { display:flex;gap:12px;padding:10px 0;margin:0;border-top:1px solid var(--border);font-size:12px;line-height:19px; }
#tab-clan.clan-renewal .clan-overview-history time { flex:0 0 60px;color:var(--text-sub); }
#tab-clan.clan-renewal .clan-overview-history p>span { overflow-wrap:anywhere; }
#tab-clan.clan-renewal :is(.clan-overview-loading,.clan-overview-error) { padding:16px;border-radius:16px;background:var(--bg-card);font-size:13px;line-height:20px; }
#tab-clan.clan-renewal .clan-overview-error p { margin:0 0 10px; }
#tab-clan.clan-renewal .clan-overview-error button { display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 15px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:var(--bg-hover); }
@media(min-width:700px) { #tab-clan.clan-renewal .clan-overview-hero { min-height:240px;padding-inline:26px; } #tab-clan.clan-renewal .clan-overview-modes { grid-template-columns:repeat(4,minmax(0,1fr)); } #tab-clan.clan-renewal .clan-mode-tile { min-height:184px; } #tab-clan.clan-renewal .clan-overview-benefits { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px; } #tab-clan.clan-renewal .clan-overview-benefits>.clan-overview-section-head { grid-column:1 / -1; } #tab-clan.clan-renewal .clan-overview-benefit { border:0;padding:8px 0; } }
@media(max-width:350px) { #tab-clan.clan-renewal .clan-mode-tile { min-height:162px;padding:10px; } #tab-clan.clan-renewal .clan-mode-art { width:108px;height:108px; } #tab-clan.clan-renewal .clan-mode-copy b { font-size:13px; } #tab-clan.clan-renewal .clan-overview-identity h2 { font-size:22px;line-height:27px; } #tab-clan.clan-renewal .clan-overview-links { grid-template-columns:1fr; } #tab-clan.clan-renewal .clan-overview-resource-row { gap:8px; } }
@media(hover:hover) { #tab-clan.clan-renewal .clan-mode-tile:hover { border-color:var(--border-hot);background:var(--bg-card-2); } #tab-clan.clan-renewal .clan-mode-tile:hover .clan-mode-arrow { opacity:1; } }
@media(prefers-reduced-motion:reduce) { #tab-clan.clan-renewal :is(.clan-mode-tile,.clan-mode-arrow,.clan-overview-guide summary>.clan-icon:last-child) { transition:none; } #tab-clan.clan-renewal .clan-mode-tile:active { transform:none; } }