/* ==========================================================================
   clan.theclassic.games — tema épico do hub (2026-09-09)
   Mesma receita do analytics e do ranking (tcg-epic.css de lá): tinta escura com brilhos
   bronze, fumaça e brasas; títulos serifados (TLHeader) em degradê dourado com kicker e
   filete; molduras bronze com cantos dourados; botões dourados retos.
   Carregado no views/_head.php DEPOIS de app.css (Forge), do bloco H51 e do guild.css: só
   sobrescritas. Os blocos <style> das views vêm DEPOIS deste arquivo, por isso as regras
   que batem com eles (gp-homewar-*, wpw-*, gp-news-*, módulos do painel) usam o prefixo
   `main` ou `.gp-panel-content` para vencer na especificidade.
   Reverter = remover o <link>, as divs .tcg-sky/.tcg-embers e os kickers/filetes das views.
   NÃO toca na topbar (pele H51) nem no footer (pele F27). A cor do jogo (--accent, --gc)
   continua nos dados e na identidade de cada servidor (barra do card do hub, chips, links).
   ========================================================================== */

/* ---------- 0) Fontes ---------- */
@font-face {
    font-family: 'Amazon Ember'; font-weight: 400; font-style: normal; font-display: swap;
    src: local('Amazon Ember'), url(../fonts/AmazonEmber_W_Rg.woff) format('woff');
}
@font-face {
    font-family: 'Amazon Ember'; font-weight: 700; font-style: normal; font-display: swap;
    src: local('Amazon Ember Bold'), url(../fonts/AmazonEmber_W_Bd.woff) format('woff');
}
/* alias: pesos 500-800 de TLHeader no MESMO arquivo regular (o Forge usa font-weight 600/700
   em títulos e números; sem o alias o navegador sintetiza um negrito borrado) */
@font-face {
    font-family: 'TLHeader'; font-weight: 500 800; font-style: normal; font-display: swap;
    src: local('TLHeaderEuro'), url(../fonts/TLHeaderEUROv2-Regular.woff) format('woff');
}

/* ---------- 1) Tokens ---------- */
:root {
    --tcg-ink: #0d0c10;
    --tcg-bronze: #c59768;
    --tcg-bronze-deep: #a66b42;
    --tcg-gold: #f4d2a1;
    --tcg-cream: #fbf9f7;
    --tcg-panel: rgba(14, 12, 19, .86);
    --tcg-panel-solid: #15131a;
    --tcg-line: rgba(197, 151, 104, .32);
    --tcg-line-strong: rgba(197, 151, 104, .58);
    --tcg-sans: 'Amazon Ember', 'IBM Plex Sans', Arial, sans-serif;
    --tcg-gold-text: linear-gradient(118.94deg, #fde6ca -6.67%, rgba(245, 225, 200, 0) 31.81%), linear-gradient(0deg, #c59768, #c59768);

    --bg: #0d0c10;
    --bg-soft: #100e15;
    --bg-2: #100e15;
    --bg-card: #15131a;
    --bg-card-hover: #1d1a24;
    --border: rgba(197, 151, 104, .32);
    --text: #efe9e0;
    --text-dim: #a99e93;
    --text-faint: #7a7064;
    --gold: #f4d2a1;
    --radius: 0;
    --font-display: 'TLHeader', Ellipsis, Times, 'Times New Roman', serif;
    --font-body: 'TL', Ellipsis, Times, 'Times New Roman', serif;
}
.topbar { --font-body: 'IBM Plex Sans', sans-serif; --bg-soft: #141416; }

/* Texto em degradê dourado: títulos e grandes números. */
.hero h1,
.gp-hero-title,
.section-title,
.notfound h1,
main .gp-news-title,
.gp-ctx-name,
.gp-clancard-name,
.gp-hub-clan-name,
.gp-profile-name,
.gp-panel-cta-title,
.gp-kpi-value:not(.gp-kpi-tcce),
.gp-kpi dd,
.gp-panel-content .gp-reports-card-value,
.gp-panel-content .gp-war-stat-value,
main .wpw-castle-owner {
    background: var(--tcg-gold-text);
    -webkit-background-clip: text;
    background-clip: text;
    color: #e0b878;
    -webkit-text-fill-color: transparent;
}
.hero.gp-homewar-hero .gp-hero-title { text-shadow: none; }
.gp-kpi-value .gp-kpi-unit { -webkit-text-fill-color: var(--text-dim); }
main .wpw-castle-owner.wpw-castle-vacant { -webkit-text-fill-color: var(--text-dim); }

/* ---------- 2) Atmosfera (fixa, atrás de tudo) ---------- */
body { background: var(--tcg-ink); background-image: none; color: var(--text); }
.tcg-sky {
    position: fixed; inset: 0; z-index: -2; pointer-events: none;
    background:
        radial-gradient(ellipse 70% 55% at 50% 0%, rgba(197, 151, 104, .16), transparent 70%),
        radial-gradient(ellipse 60% 50% at 50% 100%, rgba(166, 107, 66, .12), transparent 70%),
        linear-gradient(180deg, #0f0e13 0%, #0a090c 100%);
}
.tcg-sky::before {
    content: ""; position: absolute; inset: 0;
    background: url(../img/tcg/smoke.jpg) center top / cover no-repeat;
    opacity: .28; mix-blend-mode: screen;
}
.tcg-sky::after {
    content: ""; position: absolute; inset: 0;
    background: radial-gradient(ellipse 80% 70% at 50% 45%, transparent 40%, rgba(5, 4, 7, .72) 100%);
}
.tcg-embers { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.tcg-embers i {
    position: absolute; bottom: -12px; width: 5px; height: 5px; border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 222, 170, .95) 0%, rgba(244, 160, 80, .55) 45%, transparent 70%);
    filter: drop-shadow(0 0 6px rgba(244, 170, 90, .6));
    opacity: 0;
    animation: tcgEmber var(--d, 16s) linear var(--t, 0s) infinite;
    will-change: transform, opacity;
}
.tcg-embers i:nth-child(1)  { left: 6%;  --d: 15s; --t: -2s;  --sx: 18px; }
.tcg-embers i:nth-child(2)  { left: 14%; --d: 19s; --t: -6s;  --sx: -24px; }
.tcg-embers i:nth-child(3)  { left: 23%; --d: 13s; --t: -9s;  --sx: 30px; }
.tcg-embers i:nth-child(4)  { left: 32%; --d: 21s; --t: -11s; --sx: -14px; }
.tcg-embers i:nth-child(5)  { left: 41%; --d: 16s; --t: -4s;  --sx: 22px; }
.tcg-embers i:nth-child(6)  { left: 50%; --d: 18s; --t: -13s; --sx: -30px; }
.tcg-embers i:nth-child(7)  { left: 59%; --d: 14s; --t: -1s;  --sx: 16px; }
.tcg-embers i:nth-child(8)  { left: 68%; --d: 20s; --t: -15s; --sx: -20px; }
.tcg-embers i:nth-child(9)  { left: 77%; --d: 17s; --t: -7s;  --sx: 26px; }
.tcg-embers i:nth-child(10) { left: 85%; --d: 22s; --t: -17s; --sx: -12px; }
.tcg-embers i:nth-child(11) { left: 92%; --d: 16s; --t: -5s;  --sx: -28px; }
.tcg-embers i:nth-child(12) { left: 36%; --d: 24s; --t: -19s; --sx: 8px; }
@keyframes tcgEmber {
    0%   { transform: translate3d(0, 0, 0) scale(.6); opacity: 0; }
    8%   { opacity: .9; }
    50%  { transform: translate3d(var(--sx, 20px), -45vh, 0) scale(1); }
    100% { transform: translate3d(calc(var(--sx, 20px) * -1), -105vh, 0) scale(.4); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) { .tcg-embers { display: none; } }

/* ---------- 3) Texto de apoio em Amazon Ember ---------- */
.gp-muted, .gp-link, .gp-hero-lead, .gp-kpi-label, .gp-kpi dt, .gp-clancard-info-title, .gp-clancard-facts,
.gp-pn-label, .gp-ctx-sub, .gp-role-badge, .tag, .gp-breadcrumb, .gp-toolbar-total, .gp-event-when,
.gp-alert, .gp-flash, .gp-hub-chars, .gp-recruit-desc, .gp-recruit-status, .gp-checklist-progress,
.gp-check-item, .gp-dash-tab, .gp-dash-class, .gp-top-item, .empty-state, .pager button, .pg-btn,
.pager .pg-info, .rank-table th, .gp-emblem-empty::after, .gp-online, .gp-territory, .gp-staff-member,
main .gp-homewar-dom-game, main .gp-homewar-medal, main .gp-homewar-news-meta, main .gp-homewar-news-date,
main .gp-homewar-sub, main .gp-home-login-hint, main .gp-home-warmanual, main .gp-home-login-hi,
main .wpw-sec-lead, main .wpw-when, main .wpw-conf-type, main .wpw-castle-kicker, main .wpw-castle-details,
main .wpw-news-date, main .wpw-table th, main .wpw-tagline, main .wpw-cause, main .wpw-holder-count,
main .gp-news-meta, main .gp-news-date, main .gp-news-updated, main .gp-news-desc,
.gp-panel-content .gp-settings-label, .gp-panel-content .gp-settings-badge, .gp-panel-content .gp-members-sub,
.gp-panel-content .gp-members-cardlabel, .gp-panel-content .gp-members-badge, .gp-panel-content .gp-members-inactive,
.gp-panel-content .gp-members-chip-noaccount, .gp-panel-content .gp-war-stat-label, .gp-panel-content .gp-war-when,
.gp-panel-content .gp-war-since, .gp-panel-content .gp-reports-card-label, .gp-panel-content .gp-raffles-badge,
.gp-panel-content .gp-staffbox-badge, .gp-panel-content .gp-staffbox-hint, .gp-panel-content .gp-notify-hint,
.gp-panel-content .gp-market-hint, .gp-panel-content .gp-raffles-hint, .gp-panel-content .gp-accounts-label,
.gp-panel-content .gp-agenda-badge, .gp-panel-content .gp-info-badge, .gp-panel-content .gp-groups-label,
.gp-panel-content .gp-cf-hint, .gp-panel-content .gp-help-item-desc, .gp-panel-content table th,
.gp-panel-content .gp-settings-tab, .gp-panel-content .gp-market-tab, .gp-panel-content .gp-reports-tab,
.gp-panel-content .gp-cf-tab, .gp-panel-content .gp-groups-tab, .gp-pn-toggle {
    font-family: var(--tcg-sans);
}

/* kicker (linha curta acima do título) + filete (tracinho dourado abaixo) + arte do hero */
.tcg-kicker {
    display: flex; align-items: center; gap: 14px; margin-bottom: 6px;
    font-family: var(--font-body); font-weight: 500; font-size: .68rem;
    letter-spacing: .34em; text-transform: uppercase; color: var(--tcg-bronze);
}
.tcg-kicker::before, .tcg-kicker::after {
    content: ""; flex: 0 0 auto; width: 34px; height: 1px;
    background: linear-gradient(90deg, transparent, var(--tcg-bronze));
}
.tcg-kicker::after { background: linear-gradient(90deg, var(--tcg-bronze), transparent); }
.tcg-kicker-sm { font-size: .58rem; letter-spacing: .26em; margin-bottom: 4px; }
.tcg-kicker-sm::before, .tcg-kicker-sm::after { width: 18px; }
.tcg-filete {
    display: block; width: 186px; height: 4px; margin: 12px 0 14px;
    background: url(../img/tcg/dash.png) left center / contain no-repeat;
}
.tcg-filete-center { margin-left: auto; margin-right: auto; }
.tcg-hero-art { flex: 0 0 auto; width: min(220px, 26vw); }
.tcg-hero-art img {
    display: block; width: 100%; height: auto;
    filter: drop-shadow(0 0 26px rgba(197, 151, 104, .35)) drop-shadow(0 8px 18px rgba(0, 0, 0, .6));
}
.tcg-hero-art img {
    filter: drop-shadow(0 0 26px color-mix(in srgb, var(--game-color, #c59768) 45%, transparent)) drop-shadow(0 8px 18px rgba(0, 0, 0, .6));
}

/* ---------- 4) Heros ---------- */
.hero { display: flex; flex-direction: column; align-items: center; padding: 36px 16px 22px; }
.hero .tcg-kicker { justify-content: center; }
.gp-hero-title {
    margin-top: 6px; font-family: var(--font-display); font-weight: 400;
    font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -.01em;
    text-transform: uppercase; text-wrap: balance;
}
.hero.gp-homewar-hero .gp-hero-title { font-size: clamp(2.4rem, 6vw, 4rem); letter-spacing: -.01em; }
.hero .tcg-filete { margin: 12px auto; }
.gp-hero-lead { margin: 0 auto; max-width: 640px; font-family: var(--font-body); font-weight: 500; font-size: .98rem; color: var(--text-dim); }
main .gp-homewar-hero .gp-hero-lead { font-family: var(--font-body); font-size: 1rem; }
main .gp-homewar-hero::after { display: none; }
main .gp-home-login {
    margin-top: 26px; border-color: var(--tcg-line-strong);
    background: linear-gradient(180deg, rgba(197, 151, 104, .09), var(--tcg-panel));
}
main .gp-home-warmanual { color: var(--tcg-gold); font-weight: 700; font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
/* Central de Guerra: kicker + título à esquerda, logo do servidor à direita */
.gp-game-hero { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px 24px; padding: 26px 0 12px; }
.gp-game-hero-main { min-width: 0; flex: 1 1 420px; }
.gp-game-hero .gp-hero-title { margin-top: 4px; font-size: clamp(2rem, 4.2vw, 3rem); }
.gp-game-hero .gp-hero-lead { margin: 0; max-width: 620px; }
main .gp-game-hero .wpw-highlight { font-family: var(--font-body); font-weight: 700; color: var(--tcg-gold); }

/* ---------- 5) Títulos de seção ---------- */
.section-title {
    justify-content: center; text-align: center; margin: 30px 0 16px; gap: 10px 12px;
    font-family: var(--font-display); font-weight: 400; font-size: clamp(1.5rem, 2.6vw, 2rem);
    line-height: 1.1; letter-spacing: .02em;
}
.section-title::after {
    content: ""; flex: 0 0 100%; min-width: 0; height: 4px; margin-top: 4px;
    background: url(../img/tcg/dash.png) center top / 186px 4px no-repeat;
}
.section-title .title-logo, .section-title .game-cite-logo { width: 30px; height: 30px; }
main .gp-homewar-sub, main .wpw-sec-lead { text-align: center; max-width: 640px; margin: -6px auto 16px; }
.gp-card-title {
    font-family: var(--font-display); font-weight: 400; font-size: 1.1rem; line-height: 1.2;
    letter-spacing: .04em; text-transform: uppercase; color: var(--tcg-cream);
    padding-left: 0; border-left: 0;
}
main .wpw-sub-title { font-family: var(--font-display); font-weight: 400; font-size: 1rem; letter-spacing: .04em; text-transform: uppercase; color: var(--tcg-cream); }

/* ---------- 6) Molduras bronze com cantos dourados ---------- */
.card, .gp-panel-nav, .gp-ctx-bar, .gp-alert, .gp-emblem-box, .gp-recruit-emblem, .gp-territory, .gp-top-pos,
.gp-recruit-card, .gp-search input, .gp-role-badge,
main .gp-homewar-dom-card, main .gp-homewar-news-card, main .wpw-news-card, main .gp-news-banner,
.gp-panel-content .gp-help-item, .gp-panel-content .gp-agenda-card, .gp-panel-content .gp-market-card,
.gp-panel-content .gp-raffles-card, .gp-panel-content .gp-reports-card, .gp-panel-content .gp-members-actions details,
.gp-panel-content .gp-settings-check-list label, .gp-panel-content .gp-permissions-card {
    background: var(--tcg-panel); border: 1px solid var(--tcg-line); border-radius: 0;
}
.card, .gp-panel-nav, .gp-ctx-bar { box-shadow: 0 10px 26px rgba(0, 0, 0, .35); }
.card, .gp-panel-nav, .gp-ctx-bar { position: relative; }
.card::before, .gp-panel-nav::before, .gp-ctx-bar::before,
.card::after, .gp-panel-nav::after, .gp-ctx-bar::after {
    content: ""; position: absolute; inset: auto; width: 31px; height: 28px;
    pointer-events: none; z-index: 1; background: none;
}
.card::before, .gp-panel-nav::before, .gp-ctx-bar::before {
    left: -1px; top: -1px; background: url(../img/tcg/corner-tl.png) no-repeat;
}
.card::after, .gp-panel-nav::after, .gp-ctx-bar::after {
    right: -1px; bottom: -1px; background: url(../img/tcg/corner-br.png) no-repeat;
}
/* cards pequenos em grade ficam sem cantos; cards com overflow escondido usam deslocamento 0 */
.gp-hub-empty::before, .gp-hub-empty::after,
.gp-panel-content .gp-groups-grid .card::before, .gp-panel-content .gp-groups-grid .card::after,
.gp-panel-content .gp-emblem-grid > .card::before, .gp-panel-content .gp-emblem-grid > .card::after,
.gp-panel-content .gp-info-grid > .card::before, .gp-panel-content .gp-info-grid > .card::after,
.gp-panel-content .gp-notify-cards .card::before, .gp-panel-content .gp-notify-cards .card::after,
.gp-panel-content .gp-raffles-grid .card::before, .gp-panel-content .gp-raffles-grid .card::after,
.gp-panel-content .gp-market-head .card::before, .gp-panel-content .gp-market-head .card::after { display: none; }
/* cards de tabela tem padding 0 e overflow escondido: o canto cobriria a primeira celula do
   cabecalho (mesma exclusao do .table-card no ranking) */
.gp-table-card::before, .gp-table-card::after { display: none; }
.gp-ctx-bar { border-left-width: 1px; border-left-color: var(--tcg-line); padding: 14px 18px; }
.gp-panel-cta { border-left-width: 1px; border-left-color: var(--tcg-line); padding: 22px 24px; }
.gp-hub-clan { border-left-width: 3px; }
.gp-alert { box-shadow: none; border-left-width: 3px; }
.gp-alert-warn { border-left-color: var(--tcg-gold); }
.gp-alert-info { border-left-color: var(--tcg-bronze); }
.gp-notice-card { border-left: 3px solid var(--tcg-gold); }
.gp-kpi-alert { border-left: 3px solid var(--danger); }
.gp-emblem-box, .gp-recruit-emblem { background: rgba(0, 0, 0, .45); }
.gp-recruit-card:hover, .gp-panel-content .gp-help-item:hover, .gp-panel-content .gp-agenda-card:hover,
main .gp-homewar-news-card:hover, main .wpw-news-card:hover, a.gp-kpi-card:hover {
    border-color: var(--tcg-bronze); background: var(--bg-card-hover);
}
main .gp-homewar-dom-card { border-top: 2px solid var(--gc, var(--tcg-bronze)); background: linear-gradient(180deg, rgba(197, 151, 104, .07), transparent 46%), var(--tcg-panel); }
main .gp-homewar-dom-medals { border-top-color: rgba(197, 151, 104, .28); }
main .gp-homewar-dom-text b, main .gp-homewar-dom-name, main .gp-homewar-medal svg { color: var(--tcg-gold); }
main .gp-homewar-news-chip, main .wpw-conf-type, main .gp-news-chip { border-radius: 0; font-family: var(--tcg-sans); font-weight: 700; letter-spacing: .12em; }
main .gp-homewar-news-title, main .wpw-news-title { font-family: var(--font-body); font-weight: 700; color: var(--tcg-cream); }
main .gp-homewar-news-banner, main .wpw-news-media img { border-bottom-color: var(--tcg-line); }

/* ---------- 7) Botões, links, chips ---------- */
.gp-btn {
    padding: 0 18px; height: 38px; border-radius: 0; border: 1px solid var(--tcg-line-strong);
    background: transparent; color: var(--tcg-gold);
    font-family: var(--font-body); font-weight: 700; font-size: .72rem; line-height: 1;
    letter-spacing: .14em; text-transform: uppercase;
}
.gp-btn:hover { border-color: var(--tcg-gold); color: var(--tcg-gold); background: rgba(197, 151, 104, .12); }
.gp-btn-gold, main .gp-home-login-btn {
    border: 0; color: #1d150c; background: linear-gradient(180deg, #f4d2a1, #c59768);
    box-shadow: 0 0 14px rgba(197, 151, 104, .22);
}
.gp-btn-gold:hover, main .gp-home-login-btn:hover { color: #1d150c; background: linear-gradient(180deg, #f4d2a1, #c59768); filter: brightness(1.08); }
main .gp-home-login-btn { height: auto; padding: 15px 18px; font-size: .82rem; }
.tcg-btn {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 170px; height: 42px; padding: 0 22px; border: 0; border-radius: 0;
    font-family: var(--font-body); font-weight: 700; font-size: .74rem; line-height: 1;
    letter-spacing: .14em; text-transform: uppercase; text-decoration: none; color: #1d150c;
    background: linear-gradient(180deg, #f4d2a1, #c59768); box-shadow: 0 0 14px rgba(197, 151, 104, .22);
}
.gp-link { color: var(--tcg-gold); font-weight: 700; font-size: .76rem; letter-spacing: .06em; }
.gp-link:hover { color: #fff; text-decoration: none; }
.pager button, .pg-btn, .pager .pg-btn {
    border-radius: 0; background: transparent; border: 1px solid var(--tcg-line-strong);
    color: var(--tcg-gold); font-weight: 700; font-size: .66rem; letter-spacing: .16em; text-transform: uppercase;
    padding: 8px 16px;
}
.pager button:hover:not(:disabled), .pg-btn:hover { background: rgba(197, 151, 104, .12); border-color: var(--tcg-gold); color: var(--tcg-gold); }
.tag { border-radius: 0; font-weight: 700; letter-spacing: .1em; padding: 2px 7px; border-color: var(--tcg-line); }
.gp-tag-territory { color: var(--tcg-gold); border-color: rgba(244, 210, 161, .45); }
.gp-role-badge { font-weight: 700; letter-spacing: .12em; background: rgba(0, 0, 0, .35); }
.gp-role-2 { color: var(--tcg-gold); border-color: rgba(244, 210, 161, .5); }
.gp-badge-count { font-family: var(--tcg-sans); }
.gp-clancard-level, .gp-panel-content .gp-settings-badge, .gp-panel-content .gp-members-badge,
.gp-panel-content .gp-members-inactive, .gp-panel-content .gp-members-chip-noaccount, .gp-panel-content .gp-raffles-badge,
.gp-panel-content .gp-staffbox-badge, .gp-panel-content .gp-agenda-badge, .gp-panel-content .gp-info-badge,
.gp-panel-content .gp-settings-tagchip { border-radius: 0; }
.gp-clancard-level { background: rgba(0, 0, 0, .35); border-color: rgba(244, 210, 161, .5); color: var(--tcg-gold); font-family: var(--tcg-sans); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }

/* ---------- 8) Formulários e tabelas ---------- */
.gp-search input, .gp-search select,
.gp-panel-content input[type="text"], .gp-panel-content input[type="number"], .gp-panel-content input[type="search"],
.gp-panel-content input[type="password"], .gp-panel-content input[type="email"], .gp-panel-content input[type="url"],
.gp-panel-content input[type="date"], .gp-panel-content input[type="datetime-local"], .gp-panel-content input[type="time"],
.gp-panel-content input[type="tel"], .gp-panel-content select, .gp-panel-content textarea {
    background: rgba(0, 0, 0, .45); border: 1px solid var(--tcg-line); border-radius: 0; color: var(--text);
    font-family: var(--font-body); font-weight: 500; letter-spacing: .02em;
}
.gp-search input:focus, .gp-panel-content input:focus, .gp-panel-content select:focus, .gp-panel-content textarea:focus {
    outline: none; border-color: var(--tcg-bronze); box-shadow: 0 0 0 3px rgba(197, 151, 104, .14);
}
.gp-panel-content select { color-scheme: dark; }
.rank-table th, .gp-panel-content table th, main .wpw-table th {
    font-family: var(--tcg-sans); font-weight: 700; font-size: .66rem; letter-spacing: .16em; text-transform: uppercase;
    color: var(--tcg-bronze); border-bottom: 1px solid var(--tcg-line-strong);
}
.rank-table td, .gp-panel-content table td, main .wpw-table td { border-bottom-color: rgba(197, 151, 104, .14); }
.rank-table tbody tr:hover, .gp-panel-content table tbody tr:hover { background: rgba(197, 151, 104, .07); }
.gp-panel-content .gp-members-table thead th { background: var(--tcg-panel-solid); }
.gp-guild-link:hover { color: var(--tcg-gold); }
/* abas dos módulos (configurações, mercado, relatórios, conflitos, grupos, dashboard): sublinhado dourado */
.gp-panel-content .gp-settings-tabs, .gp-panel-content .gp-market-tabs, .gp-panel-content .gp-reports-tabs,
.gp-panel-content .gp-cf-tabs, .gp-panel-content .gp-groups-tabs, .gp-dash-tabs {
    gap: 2px; border-bottom: 1px solid var(--tcg-line);
}
.gp-panel-content .gp-settings-tab, .gp-panel-content .gp-market-tab, .gp-panel-content .gp-reports-tab,
.gp-panel-content .gp-cf-tab, .gp-panel-content .gp-groups-tab, .gp-dash-tab {
    padding: 10px 14px; margin-bottom: -1px; border: 0; border-bottom: 2px solid transparent; border-radius: 0;
    background: transparent; color: var(--text-dim); font-weight: 700; font-size: .7rem; letter-spacing: .14em; text-transform: uppercase;
}
.gp-panel-content .gp-settings-tab:hover, .gp-panel-content .gp-market-tab:hover, .gp-panel-content .gp-reports-tab:hover,
.gp-panel-content .gp-cf-tab:hover, .gp-panel-content .gp-groups-tab:hover, .gp-dash-tab:hover { color: var(--tcg-gold); background: transparent; }
.gp-panel-content .gp-settings-tab.active, .gp-panel-content .gp-market-tab.active, .gp-panel-content .gp-reports-tab.active,
.gp-panel-content .gp-cf-tab.active, .gp-panel-content .gp-groups-tab.active, .gp-dash-tab.active {
    color: var(--tcg-gold); background: transparent; border-color: transparent; border-bottom-color: var(--tcg-bronze);
}

/* ---------- 9) Casca do painel logado ---------- */
.gp-ctx-name { font-family: var(--font-display); font-weight: 400; font-size: 1.6rem; letter-spacing: .01em; text-transform: uppercase; }
.gp-ctx-sub { margin-top: 6px; }
.gp-panel-nav { padding: 12px 10px 14px; }
.gp-pn-label { font-weight: 700; font-size: .6rem; letter-spacing: .22em; color: var(--tcg-bronze); }
.gp-pn-group + .gp-pn-group, .gp-pn-exit { border-top-color: var(--tcg-line); }
.gp-pn-item { font-family: var(--font-body); font-weight: 500; }
.gp-pn-item:hover { background: rgba(197, 151, 104, .07); }
.gp-pn-item.active { color: var(--tcg-gold); background: rgba(197, 151, 104, .1); border-left-color: var(--tcg-bronze); }
.gp-pn-toggle { border-radius: 0; background: var(--tcg-panel); border-color: var(--tcg-line); font-weight: 700; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; }
.gp-panel-content .card { padding: 18px 20px; }
.gp-panel-content .gp-kpi-card { padding: 16px 18px; }

/* dashboard */
.gp-clancard-head { border-bottom-color: var(--tcg-line); }
.gp-clancard-name { font-family: var(--font-display); font-weight: 400; font-size: 1.7rem; letter-spacing: .01em; text-transform: uppercase; }
.gp-clancard-info-title { font-weight: 700; letter-spacing: .2em; color: var(--tcg-bronze); }
.gp-kpi-label, .gp-kpi dt { font-weight: 700; letter-spacing: .22em; color: var(--tcg-bronze); }
.gp-kpi-value { font-family: var(--font-display); font-weight: 400; font-size: 1.7rem; letter-spacing: .02em; font-variant-numeric: tabular-nums; }
.gp-kpi dd { font-family: var(--font-display); font-weight: 400; font-size: 1.35rem; }
.gp-checklist-bar > span, .gp-dash-class-track > span { background: linear-gradient(90deg, var(--tcg-bronze), var(--tcg-gold)); opacity: 1; }
.gp-checklist-bar, .gp-dash-class-track { border-radius: 0; background: rgba(0, 0, 0, .35); }
.gp-checklist-bar > span, .gp-dash-class-track > span { border-radius: 0; }
.gp-check-item.done .gp-check-mark { color: #8fd48f; }
.gp-top-pos { background: rgba(0, 0, 0, .35); font-family: var(--font-display); font-weight: 400; }
.gp-top-value, .gp-dash-class-qty { font-family: var(--font-display); font-weight: 400; }
.gp-event-name { font-family: var(--font-body); font-weight: 700; }
.gp-hub-clan-name { font-family: var(--font-display); font-weight: 400; font-size: 1.3rem; letter-spacing: .01em; text-transform: uppercase; }
.gp-profile-name { font-family: var(--font-display); font-weight: 400; }
.gp-panel-cta-title { font-family: var(--font-display); font-weight: 400; font-size: 1.4rem; letter-spacing: .02em; }
.gp-panel-content .gp-reports-card-value, .gp-panel-content .gp-war-stat-value { font-family: var(--font-display); font-weight: 400; }
.gp-panel-content .gp-help-item-title { font-family: var(--font-body); font-weight: 700; color: var(--tcg-cream); }
.gp-panel-content .gp-help-item-title .gp-help-arrow { color: var(--tcg-gold); }
.gp-panel-content .gp-help-video { border-radius: 0; border-color: var(--tcg-line); }

/* ---------- 10) Central de Guerra pública (wpw-*) e notícia ---------- */
main .wpw-holder-track { background: rgba(0, 0, 0, .35); border-radius: 0; }
main .wpw-holder-fill { background: linear-gradient(90deg, var(--tcg-bronze), var(--tcg-gold)); border-radius: 0; }
main .wpw-castle-owner { font-family: var(--font-display); font-weight: 400; font-size: 1.8rem; letter-spacing: .02em; text-transform: uppercase; }
main .wpw-castle-kicker { font-weight: 700; letter-spacing: .2em; color: var(--tcg-bronze); }
main .wpw-tcc, main .wpw-points, main .wpw-num { font-family: var(--font-display); font-weight: 400; font-variant-numeric: tabular-nums; }
main .gp-news-title { font-family: var(--font-display); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; }
main .gp-news-body a { color: var(--tcg-gold); }
main .gp-news-body blockquote { border-left-color: var(--tcg-bronze); }
main .gp-news-body img { border-radius: 0; }

/* ---------- 11) 404 / em construção ---------- */
.notfound { padding: 70px 16px 60px; display: flex; flex-direction: column; align-items: center; }
.notfound h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(2.2rem, 6vw, 3.6rem); line-height: 1.05; text-transform: uppercase; text-wrap: balance; }
.notfound p { font-family: var(--font-body); font-weight: 500; max-width: 560px; }
.notfound .tcg-filete { margin: 14px auto; }

/* ---------- 12) Menu mobile do site (fora da topbar) ---------- */
.mobile-nav { background: var(--tcg-panel-solid); border-left-color: var(--tcg-line); }
.mobile-nav-head { border-bottom-color: var(--tcg-line); }
.mobile-nav-title { font-family: var(--font-display); font-weight: 400; letter-spacing: .04em; }
.mobile-nav-close { border-radius: 0; background: transparent; border-color: var(--tcg-line); }
.mobile-nav-link { border-radius: 0; }
.mobile-nav-link .mnl-name { font-family: var(--font-body); font-weight: 700; font-size: .95rem; letter-spacing: 0; }
.mobile-nav-link .mnl-full { font-family: var(--tcg-sans); }
.mobile-nav-label { font-family: var(--tcg-sans); }

/* ---------- 13) Responsivo ---------- */
@media (max-width: 900px) {
    .gp-game-hero { flex-direction: column-reverse; align-items: flex-start; gap: 12px; }
    .tcg-hero-art { width: 130px; }
}
@media (max-width: 640px) {
    .gp-hero-title, .hero.gp-homewar-hero .gp-hero-title { font-size: 2rem; }
    .section-title { font-size: 1.4rem; }
    .tcg-kicker { font-size: .6rem; letter-spacing: .26em; }
    .tcg-kicker::before, .tcg-kicker::after { width: 18px; }
    .gp-kpi-value { font-size: 1.45rem; }
    .gp-ctx-name { font-size: 1.3rem; }
}

/* ---------- 14) Central de Guerra: texto que ficava sob o canto dourado (31x28px) ---------- */
/* "Senhores do mapa" e o card do trono (padding curto no Forge) descem/afastam do canto */
main .card > .wpw-sub-title { margin: 14px 0 12px; }
main .wpw-castle { padding: 22px 28px; }