/* ==========================================================================
   POKE UNITED — acabamento "asset oficial" (04/10/2026)
   Carregado por último. Linguagem visual única para menu, selos e painéis:
   - cantos CHANFRADOS (clip-path) em vez de cantos arredondados genéricos
   - placa metálica: brilho de 1px no topo, sombra de 1px embaixo (bevel)
   - ícones próprios em "slot de inventário" (sprite #pku-sprite)
   ========================================================================== */
:root {
  --pku-plate-top: #2a2f38;
  --pku-plate-bot: #15181e;
  --pku-plate-edge: #3b414c;
  --pku-gold-line: #f2b632;
  --pku-chamfer: 8px;
}

/* ---------- ícones do sprite ---------- */
.pku-ico { width: 22px; height: 22px; flex: 0 0 auto; display: inline-block; vertical-align: middle; }

/* ---------- submenu Sistemas / Comunidade ---------- */
.tgmenu__navbar-wrap ul li .sub-menu {
  background: linear-gradient(180deg, #1c2027 0%, #12151a 100%) !important;
  border: 1px solid var(--pku-plate-edge) !important;
  border-top: 2px solid var(--pku-gold-line) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);
  padding: 8px 0 !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .55) !important;
}
.tgmenu__navbar-wrap ul li .sub-menu li a.pku-menu-item {
  align-items: center;
  gap: 12px;
  padding: 7px 18px 7px 12px !important;
  font-size: 13.5px;
  letter-spacing: .6px;
}
.tgmenu__navbar-wrap ul li .sub-menu li a.pku-menu-item::before { display: none !important; }
.pku-slot {
  width: 32px; height: 32px; flex: 0 0 32px;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, #2b3039 0%, #191c22 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 0 0 1px #0b0d10;
  clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
  transition: background .15s ease;
}
.pku-menu-item .pku-label { line-height: 1.25; }
.pku-menu-item:hover .pku-slot {
  background: linear-gradient(180deg, #3a3222 0%, #241d10 100%);
  box-shadow: inset 0 0 0 1px var(--pku-gold-line), 0 0 0 1px #0b0d10;
}
.pku-menu-item:hover .pku-label { color: var(--pku-gold-line); }

/* ---------- selo (badge) estilo placa ---------- */
.pku-tactical-badge {
  position: relative;
  gap: 10px !important;
  padding: 0 16px 0 0 !important;
  height: 32px;
  background: linear-gradient(180deg, var(--pku-plate-top), var(--pku-plate-bot)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 0 0 1px #0b0d10 !important;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
  font-family: var(--pku-font-mono, monospace);
  letter-spacing: 1.4px !important;
  color: #e9e2cf !important;
}
.pku-tactical-badge .pku-badge-ico {
  height: 100%; width: 34px;
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, #f6c64a, #c98f1e);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset -1px 0 0 rgba(0, 0, 0, .35);
}
.pku-tactical-badge .pku-badge-ico .pku-ico { width: 18px; height: 18px; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, .35)); }
.pku-tactical-badge > i.fas { display: none; }
.pku-tactical-badge.gold { color: #ffd98a !important; }

/* ---------- painel de eventos (moldura com cantos chanfrados) ---------- */
.pku-showcase-frame {
  border-radius: 0 !important;
  border: 0 !important;
  background:
    linear-gradient(180deg, rgba(31, 35, 43, .92), rgba(13, 15, 20, .94)) !important;
  box-shadow: inset 0 0 0 1px var(--pku-plate-edge), inset 0 2px 0 rgba(255, 255, 255, .04) !important;
  clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
  padding: 30px 26px 26px !important;
}
/* cantoneiras douradas nos cantos chanfrados */
.pku-showcase-frame::before, .pku-showcase-frame::after {
  content: ""; position: absolute; width: 23px; height: 23px; pointer-events: none;
  background: linear-gradient(135deg, transparent 10px, var(--pku-gold-line) 10px, var(--pku-gold-line) 12px, transparent 12px);
}
.pku-showcase-frame::before { top: 0; left: 0; display: block !important; }
.pku-showcase-frame::after { bottom: 0; right: 0; transform: rotate(180deg); }

/* linha de evento = entrada de "quest log": poço afundado, sem faixa colorida */
.pku-ev-row {
  position: relative;
  display: flex; gap: 14px; align-items: center; text-align: left;
  padding: 10px 14px 10px 10px; margin-bottom: 10px;
  background: linear-gradient(180deg, #0c0e12, #12151a);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .7), inset 0 0 0 1px #262a31, 0 1px 0 rgba(255, 255, 255, .04);
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
}
.pku-ev-row .pku-ev-slot {
  width: 46px; height: 46px; flex: 0 0 46px; font-size: 24px; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 50% 40%, rgba(var(--ev-rgb), .22), transparent 70%), linear-gradient(180deg, #2b3039, #181b21);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 0 0 1px #07080a, 0 0 0 2px #3b414c;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.pku-ev-row strong { font-size: 15px; color: #f3efe4; letter-spacing: .2px; }
.pku-ev-tag {
  display: inline-block;
  font-family: var(--pku-font-mono, monospace);
  font-size: 9.5px; font-weight: 700; letter-spacing: 1.4px;
  padding: 3px 9px 2px;
  color: rgb(var(--ev-rgb, 242, 182, 50));
  background: linear-gradient(180deg, #2a2f38, #17191e);
  box-shadow: inset 0 0 0 1px rgba(var(--ev-rgb, 242, 182, 50), .55), inset 0 1px 0 rgba(255, 255, 255, .06);
  clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%);
}
.pku-ev-row p { font-size: 12.5px; color: #8f96a1; margin: 3px 0 0; line-height: 1.45; }

/* botão placa (VER TODOS OS EVENTOS e secundários) */
.pku-btn-secondary {
  border-radius: 0 !important;
  border: 0 !important;
  background: linear-gradient(180deg, #262b33, #16191f) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), inset 0 -1px 0 rgba(0, 0, 0, .6), 0 0 0 1px #0b0d10 !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  letter-spacing: 1.2px;
  gap: 10px;
}
.pku-btn-secondary:hover {
  background: linear-gradient(180deg, #3a3222, #211b10) !important;
  box-shadow: inset 0 0 0 1px var(--pku-gold-line) !important;
  color: #ffd98a !important;
}
.pku-btn-secondary .pku-ico { width: 18px; height: 18px; }

/* ==========================================================================
   MOLDURA GENÉRICA + aplicação no site inteiro
   ========================================================================== */
.pku-frame,
.pku-bento-box, .pku-command-panel, .pku-news-container, .pku-discord-banner, .pku-radar-container,
.pku-hub-grid > *, .team__item, .shop__item, .product__item, .tournament__box, .blog-post-item,
.sidebar__widget, .widget, .rc__post-item, .card {
  position: relative;
  background: linear-gradient(180deg, rgba(31, 35, 43, .94), rgba(13, 15, 20, .96)) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px #343a44, inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}
.pku-frame::before,
.pku-bento-box::before, .team__item::before, .shop__item::before, .product__item::before, .blog-post-item::before, .card::before {
  content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; pointer-events: none; z-index: 2;
  background: linear-gradient(135deg, transparent 7.5px, #f2b632 7.5px, #f2b632 9.5px, transparent 9.5px);
}
a.pku-frame:hover, .pku-bento-box:hover, .team__item:hover, .shop__item:hover, .product__item:hover, .blog-post-item:hover {
  box-shadow: inset 0 0 0 1px rgba(242, 182, 50, .55), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
/* imagens/avatares dentro de slot */
.pku-slot-lg, .team__thumb {
  padding: 4px;
  background: linear-gradient(180deg, #2b3039, #15181d);
  box-shadow: inset 0 0 0 1px #07080a, inset 0 0 0 2px #3b414c;
  clip-path: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  border-radius: 0 !important;
}
.pku-slot-lg img, .team__thumb img { clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); border-radius: 0 !important; }
/* botão primário: placa dourada chanfrada */
.pku-btn-primary, .tg-btn, .btn-primary {
  border-radius: 0 !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  background: linear-gradient(180deg, #f8cd5a, #d99a22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(0, 0, 0, .25) !important;
  letter-spacing: 1.2px;
}
.pku-btn-primary:hover, .tg-btn:hover, .btn-primary:hover { background: linear-gradient(180deg, #ffdc7a, #e8a92c) !important; }
/* pílulas genéricas viram etiqueta */
.pku-bento-pill { border-radius: 0 !important; clip-path: polygon(5px 0, 100% 0, calc(100% - 5px) 100%, 0 100%); }
/* títulos de seção (sub-title + title do template) */
.section__title .sub-title { font-family: var(--pku-font-mono, monospace); letter-spacing: 2px; color: #f2b632 !important; }
.section__title .sub-title::before, .section__title .sub-title::after { display: none !important; }

/* ==========================================================================
   EQUIPE (bloco compartilhado: download + perfil)
   ========================================================================== */
.pku-team { padding: 50px 0 90px; }
.pku-dl-head { text-align: center; margin-bottom: 34px; }
.pku-dl-head h1 { font-weight: 800; color: #fff; margin: 14px 0 8px; letter-spacing: .5px; }
.pku-team-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin-top: 28px; }
.pku-team-card { width: 220px; padding: 18px 16px 16px; text-align: center; }
.pku-team-card .pku-team-av { width: 120px; height: 120px; margin: 0 auto 12px; }
.pku-team-card .pku-team-av img { width: 100%; height: 100%; object-fit: cover; }
.pku-team-card h4 { color: #fff; font-size: 17px; margin: 0 0 6px; }

/* ==========================================================================
   RANKING / SIDEBARS (shop__widget é usado em ranking, loja, bazar)
   ========================================================================== */
.shop__widget {
  background: linear-gradient(180deg, rgba(31, 35, 43, .94), rgba(13, 15, 20, .96)) !important;
  border: 0 !important; border-radius: 0 !important;
  box-shadow: inset 0 0 0 1px #343a44, inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.shop__widget-title {
  font-family: var(--pku-font-mono, monospace); letter-spacing: 1.6px; font-size: 13px !important;
  color: #f2b632 !important; border-bottom: 1px solid #2a2e35; padding-bottom: 10px;
}
.shop__widget-title::before { display: none !important; }
.shop__widget .shop__search input, .shop__widget input[type="text"], .shop__ordering select, .orderby {
  background: #0c0e12 !important; border: 0 !important; border-radius: 0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .7), inset 0 0 0 1px #2a2e35 !important; color: #e8e2d0 !important;
}
/* radios do "Ordenar por" viram marcadores de losango */
.shop__widget input[type="radio"] {
  -webkit-appearance: none; appearance: none; width: 13px; height: 13px; margin-right: 8px; vertical-align: -1px;
  background: #0c0e12; box-shadow: inset 0 0 0 1px #4a515c; transform: rotate(45deg); cursor: pointer;
}
.shop__widget input[type="radio"]:checked { background: #f2b632; box-shadow: inset 0 0 0 2px #0c0e12, 0 0 0 1px #f2b632; }

/* tabelas (ranking e afins) */
.table.table-dark {
  --bs-table-bg: transparent; --bs-table-hover-bg: rgba(242, 182, 50, .06); --bs-table-hover-color: #fff;
  border-collapse: separate !important; border-spacing: 0 6px !important; background: transparent !important;
}
.table.table-dark thead th {
  background: linear-gradient(180deg, #2a2f38, #181b21) !important; color: #f2b632 !important;
  font-family: var(--pku-font-mono, monospace); font-size: 11.5px; letter-spacing: 1.6px; text-transform: uppercase;
  border: 0 !important; box-shadow: inset 0 -2px 0 #f2b632; padding: 12px 10px !important;
}
.table.table-dark tbody tr td {
  background: linear-gradient(180deg, #13161b, #0e1014) !important; border: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 #07080a; vertical-align: middle; color: #e2ddd0;
}
.table.table-dark tbody tr td:first-child {
  font-family: var(--pku-font-mono, monospace); font-weight: 700; color: #9aa0aa;
  box-shadow: inset 3px 0 0 #2f343c, inset 0 1px 0 rgba(255, 255, 255, .04);
}
/* pódio: ouro / prata / bronze */
.table.table-dark tbody tr:nth-child(1) td:first-child { color: #f2b632; box-shadow: inset 3px 0 0 #f2b632; }
.table.table-dark tbody tr:nth-child(2) td:first-child { color: #d7dbe2; box-shadow: inset 3px 0 0 #c3c8d0; }
.table.table-dark tbody tr:nth-child(3) td:first-child { color: #d9894a; box-shadow: inset 3px 0 0 #c8733a; }
.table.table-dark tbody tr:hover td { background: linear-gradient(180deg, #1d1a12, #13110c) !important; }

/* ==========================================================================
   PERFIL
   ========================================================================== */
.nav-tabs { border-bottom: 1px solid #2a2e35 !important; gap: 6px; }
.nav-tabs .nav-link {
  border: 0 !important; border-radius: 0 !important; color: #b9b3a4 !important;
  background: linear-gradient(180deg, #23272e, #15181d) !important;
  box-shadow: inset 0 0 0 1px #343a44, inset 0 1px 0 rgba(255, 255, 255, .06);
  clip-path: polygon(8px 0, 100% 0, 100% 100%, 0 100%, 0 8px);
  font-family: var(--pku-font-mono, monospace); letter-spacing: 1px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
  color: #14100a !important; background: linear-gradient(180deg, #f8cd5a, #d99a22) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
}
.tg-btn-2 {
  border-radius: 0 !important; border: 0 !important;
  clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  background: linear-gradient(180deg, #f8cd5a, #d99a22) !important; color: #14100a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), inset 0 -2px 0 rgba(0, 0, 0, .25) !important;
  letter-spacing: 1.1px;
}
.tg-btn-2::before, .tg-btn-2::after { display: none !important; }
.tg-btn-2.-secondary {
  background: linear-gradient(180deg, #262b33, #16191f) !important; color: #e9e2cf !important;
  box-shadow: inset 0 0 0 1px #3b414c, inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}
.tg-btn-2.-secondary:hover { box-shadow: inset 0 0 0 1px #f2b632 !important; color: #ffd98a !important; }
.team__info-area, .about__content-wrap, .about__img {
  position: relative;
  background: linear-gradient(180deg, rgba(31, 35, 43, .9), rgba(13, 15, 20, .94));
  box-shadow: inset 0 0 0 1px #343a44, inset 0 1px 0 rgba(255, 255, 255, .06);
  clip-path: polygon(14px 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%, 0 14px);
  padding: 22px;
}
.team__info-icon {
  border-radius: 0 !important; background: linear-gradient(180deg, #2b3039, #15181d) !important;
  box-shadow: inset 0 0 0 1px #07080a, inset 0 0 0 2px #3b414c; color: #f2b632 !important;
  clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
}
.imgPerfil { border-radius: 0 !important; clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px); }
/* barras de progresso (XP etc.): trilho afundado + preenchimento dourado */
.progress {
  border-radius: 0 !important; background: #0c0e12 !important; height: 14px !important;
  box-shadow: inset 0 2px 3px rgba(0, 0, 0, .8), inset 0 0 0 1px #2a2e35;
}
.progress .progress-bar, .progress-bar[style*="border-radius: 100px"] { border-radius: 0 !important; }
.input-grp input, .input-grp textarea, .input-grp select {
  background: #0c0e12 !important; border: 0 !important; border-radius: 0 !important; color: #e8e2d0 !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, .7), inset 0 0 0 1px #2a2e35 !important;
}

/* ranking: as linhas vêm num 2º <thead> com <th> — tratar como corpo */
.table.table-dark > thead:not(:first-child) > tr > th {
  background: linear-gradient(180deg, #13161b, #0e1014) !important; color: #e2ddd0 !important;
  font-family: inherit; font-size: 14px; letter-spacing: .3px; text-transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), inset 0 -1px 0 #07080a !important;
  vertical-align: middle; padding: 8px 10px !important; border: 0 !important;
}
.table.table-dark > thead:not(:first-child) > tr > th:first-child {
  font-family: var(--pku-font-mono, monospace); font-weight: 700; color: #9aa0aa !important;
  box-shadow: inset 3px 0 0 #2f343c !important;
}
.table.table-dark > thead:not(:first-child) > tr:nth-child(1) > th:first-child { color: #f2b632 !important; box-shadow: inset 3px 0 0 #f2b632 !important; }
.table.table-dark > thead:not(:first-child) > tr:nth-child(2) > th:first-child { color: #d7dbe2 !important; box-shadow: inset 3px 0 0 #c3c8d0 !important; }
.table.table-dark > thead:not(:first-child) > tr:nth-child(3) > th:first-child { color: #d9894a !important; box-shadow: inset 3px 0 0 #c8733a !important; }
.table.table-dark > thead:not(:first-child) > tr:hover > th { background: linear-gradient(180deg, #1d1a12, #13110c) !important; }
.table.table-dark > thead:not(:first-child) a { color: #f3efe4 !important; font-weight: 700; }
.table.table-dark > thead:not(:first-child) a:hover { color: #f2b632 !important; }
.table.table-dark th + th, .table.table-dark td + td { border-left: 0 !important; }

/* avatar do personagem (perfil / detalhes do player): span circular com aro branco -> slot chanfrado */
.team__thumb a > span[style*="border-radius"], .team__thumb > span, .team__thumb a > span {
  border-radius: 0 !important; border: 0 !important;
  background: radial-gradient(circle at 50% 40%, rgba(242, 182, 50, .14), transparent 65%), linear-gradient(180deg, #1f232a, #0e1014) !important;
  box-shadow: inset 0 0 0 1px #07080a, inset 0 0 0 2px #3b414c !important;
  clip-path: polygon(12px 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%, 0 12px);
}
.team__thumb { padding: 0 !important; background: transparent !important; box-shadow: none !important; clip-path: none !important; }
/* seletor de personagens (abas com outfit) */
.nav-tabs .nav-link img[style*="char_site"] { border-radius: 0 !important; clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); }