/* PobrePlay — site público · identidade preto + amarelo-ouro, cantos chanfrados.
   Tokens vêm de :root (inline, gerados das configurações). */

@font-face { font-family: 'Bebas Neue'; src: url('../fonts/BebasNeue-Regular.otf') format('opentype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'Montserrat'; src: url('../fonts/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-display: swap; }

:root {
	--pp-bg: #0B0B0B; --pp-panel: #141414; --pp-ouro: #FFC400; --pp-ouro2: #FFD84D; --pp-laranja: #FF6A00; --pp-laranja2: #FFB000;
	--pp-texto: #fff; --pp-texto2: #9AA0A6; --pp-ok: #2ECC71; --pp-erro: #E53935; --pp-chanfro: 14px; --pp-vinheta: .55;
	--pp-font-titulo: 'Bebas Neue', 'Montserrat', Impact, sans-serif;
	--pp-linha: rgba(255,255,255,.08); --pp-panel-a: rgba(13,13,13,.85);
	--pp-cut: polygon(var(--pp-chanfro) 0, 100% 0, 100% calc(100% - var(--pp-chanfro)), calc(100% - var(--pp-chanfro)) 100%, 0 100%, 0 var(--pp-chanfro));
	--pp-cut-sm: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body.pp-body { margin: 0; background: var(--pp-bg); color: var(--pp-texto); font: 16px/1.6 'Montserrat', system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body.pp-body.admin-bar .pp-topo { top: 32px; }
@media (max-width: 782px) { body.pp-body.admin-bar .pp-topo { top: 46px; } }
img { max-width: 100%; height: auto; }
a { color: var(--pp-ouro); text-decoration: none; }
a:hover { color: var(--pp-ouro2); }
button { font: inherit; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .9em; }
.pp-skip { position: absolute; left: -9999px; top: 0; background: var(--pp-ouro); color: #000; padding: 8px 12px; z-index: 999; }
.pp-skip:focus { left: 8px; top: 8px; }
.pp-hp { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.pp-wrap { width: min(1200px, 100% - 32px); margin-inline: auto; }
.pp-wrap-md { width: min(860px, 100% - 32px); }
.pp-wrap-sm { width: min(560px, 100% - 32px); }
.pp-main { min-height: 60vh; padding-top: 86px; }

/* tipografia */
.pp-display { font-family: var(--pp-font-titulo); font-weight: 400; font-size: clamp(44px, 8vw, 96px); line-height: .92; letter-spacing: .01em; text-transform: uppercase; margin: 8px 0 12px; color: var(--pp-texto); text-shadow: 0 4px 24px rgba(0,0,0,.6); }
.pp-display-md { font-size: clamp(36px, 6vw, 64px); }
.pp-display-sm { font-size: clamp(30px, 5vw, 44px); }
.pp-h2 { font-family: var(--pp-font-titulo); font-weight: 400; font-size: clamp(26px, 3.6vw, 38px); line-height: 1; letter-spacing: .02em; text-transform: uppercase; margin: 0 0 14px; }
h3 { font-family: var(--pp-font-titulo); font-weight: 400; font-size: 24px; letter-spacing: .03em; text-transform: uppercase; margin: 0 0 10px; display: flex; align-items: center; gap: 8px; }
h3 .pp-ico { color: var(--pp-ouro); }
h3 small { font: 600 12px/1 'Montserrat'; color: var(--pp-texto2); text-transform: none; letter-spacing: 0; }
h4 { font: 800 13px/1.3 'Montserrat'; text-transform: uppercase; letter-spacing: .08em; color: var(--pp-ouro); margin: 18px 0 6px; }
.pp-kicker { display: inline-flex; align-items: center; gap: 8px; font: 800 12px/1 'Montserrat'; letter-spacing: .14em; text-transform: uppercase; color: var(--pp-texto2); margin-bottom: 10px; }
.pp-kicker::before { content: ''; width: 4px; height: 14px; background: var(--pp-ouro); }
.pp-kicker-ouro { color: var(--pp-ouro); }
.pp-lead { font-size: 18px; line-height: 1.65; color: #E6E8EA; max-width: 68ch; }
.pp-muted { color: var(--pp-texto2); font-size: 14px; }
.pp-forte { font-weight: 800; color: var(--pp-ouro); }
.pp-centro { text-align: center; }
.pp-mt { margin-top: 28px; }
.pp-vazio { color: var(--pp-texto2); padding: 20px; text-align: center; border: 1px dashed var(--pp-linha); }
.pp-link { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 14px; }
.pp-link .pp-ico { transition: transform .2s; }
.pp-link:hover .pp-ico { transform: translateX(3px); }

/* botões */
.pp-btn { display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; background: var(--pp-ouro); color: #0B0B0B; font: 800 14px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .06em; border: 0; cursor: pointer; clip-path: var(--pp-cut-sm); transition: background .15s, transform .15s; }
.pp-btn:hover { background: var(--pp-ouro2); color: #000; transform: translateY(-1px); }
.pp-btn .pp-ico { color: #0B0B0B; }
.pp-btn-ghost { background: transparent; color: var(--pp-ouro); box-shadow: inset 0 0 0 2px var(--pp-ouro); }
.pp-btn-ghost:hover { background: rgba(255,196,0,.1); color: var(--pp-ouro2); }
.pp-btn-ghost .pp-ico { color: var(--pp-ouro); }
.pp-btn-lg { padding: 17px 30px; font-size: 16px; }
.pp-btn-sm { padding: 9px 14px; font-size: 12px; }
.pp-btns { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }

/* painéis chanfrados */
.pp-painel { position: relative; background: var(--pp-panel-a); padding: 22px; clip-path: var(--pp-cut); isolation: isolate; }
.pp-painel::before { content: ''; position: absolute; inset: 0; clip-path: var(--pp-cut); padding: 1px; background: var(--pp-linha); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; -webkit-mask-composite: xor; pointer-events: none; z-index: -1; }
.pp-painel-ouro::before { background: linear-gradient(135deg, var(--pp-ouro), rgba(255,196,0,.25)); }
.pp-painel-ouro { background: linear-gradient(180deg, rgba(255,196,0,.07), var(--pp-panel-a) 40%); }
.pp-tag { display: inline-block; padding: 4px 10px; background: rgba(255,196,0,.14); color: var(--pp-ouro); font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px); }
.pp-tag-erro { background: rgba(229,57,53,.2); color: #ff8a80; }

/* topo */
.pp-topo { position: fixed; top: 0; left: 0; right: 0; z-index: 50; background: linear-gradient(180deg, rgba(11,11,11,.96), rgba(11,11,11,.85)); backdrop-filter: blur(10px); border-bottom: 1px solid var(--pp-linha); }
.pp-topo-in { display: flex; align-items: center; gap: 18px; height: 70px; }
.pp-logo img { height: 52px; width: auto; display: block; filter: drop-shadow(0 2px 8px rgba(0,0,0,.6)); }
.pp-nav { display: flex; gap: 2px; margin-left: 6px; }
.pp-nav a { padding: 8px 12px; font: 600 13px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .08em; color: #D9DCE0; border-bottom: 2px solid transparent; }
.pp-nav a:hover { color: var(--pp-ouro); }
.pp-nav a[aria-current] { color: var(--pp-ouro); border-bottom-color: var(--pp-ouro); }
.pp-topo-acoes { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.pp-lang { display: flex; align-items: center; gap: 2px; margin-right: 6px; color: var(--pp-texto2); }
.pp-lang a { padding: 6px 7px; font: 800 12px/1 'Montserrat'; color: var(--pp-texto2); border: 1px solid transparent; }
.pp-lang a.on { color: var(--pp-ouro); border-color: var(--pp-ouro); }
.pp-burger { display: none; margin-left: auto; width: 44px; height: 44px; background: transparent; border: 1px solid var(--pp-linha); cursor: pointer; flex-direction: column; justify-content: center; align-items: center; gap: 5px; }
.pp-burger span { width: 20px; height: 2px; background: var(--pp-ouro); transition: transform .2s, opacity .2s; }
@media (max-width: 1024px) {
	.pp-nav, .pp-topo-acoes { display: none; }
	.pp-burger { display: flex; }
	.pp-topo.open .pp-nav, .pp-topo.open .pp-topo-acoes { display: flex; flex-direction: column; align-items: stretch; position: absolute; left: 0; right: 0; background: #0B0B0B; padding: 12px 16px; border-bottom: 1px solid var(--pp-linha); }
	.pp-topo.open .pp-nav { top: 70px; gap: 0; }
	.pp-topo.open .pp-nav a { padding: 14px 8px; border-bottom: 1px solid var(--pp-linha); font-size: 15px; }
	.pp-topo.open .pp-topo-acoes { top: calc(70px + 7 * 50px + 56px); gap: 12px; }
	.pp-topo.open .pp-lang { justify-content: center; }
	.pp-topo.open .pp-burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.pp-topo.open .pp-burger span:nth-child(2) { opacity: 0; }
	.pp-topo.open .pp-burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}

/* hero */
.pp-hero { position: relative; min-height: 86vh; display: flex; align-items: center; padding: 60px 0 70px; overflow: hidden; isolation: isolate; }
.pp-cena { position: absolute; inset: 0; z-index: -1; background: radial-gradient(120% 70% at 50% 100%, var(--pp-laranja2) 0%, var(--pp-laranja) 28%, #7a2a00 55%, #1a0a00 78%, var(--pp-bg) 100%); }
.pp-hero[style*="--pp-hero-img"] .pp-cena { background: var(--pp-hero-img) center/cover no-repeat; }
.pp-hero[style*="--pp-hero-img"] .pp-cena > * { display: none; }
.pp-cena::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,11,11,.55) 0%, rgba(11,11,11,calc(var(--pp-vinheta) * .6)) 45%, rgba(11,11,11,var(--pp-vinheta)) 100%); }
.pp-cena-sol { position: absolute; left: 50%; bottom: 18%; width: 46vmin; height: 46vmin; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(circle, var(--pp-ouro2) 0%, var(--pp-laranja2) 45%, rgba(255,106,0,0) 72%); opacity: .9; filter: blur(2px); }
.pp-cena-skyline { position: absolute; left: 0; right: 0; bottom: 0; height: 38%; background: url('../img/skyline.svg') center bottom / cover no-repeat; filter: brightness(0) ; opacity: .9; }
.pp-cena-palm { position: absolute; bottom: -2%; width: 28vmin; height: 60vmin; background: url('../img/palm.svg') center bottom / contain no-repeat; filter: brightness(0); opacity: .95; }
.pp-cena-palm.l { left: -4vmin; }
.pp-cena-palm.r { right: -4vmin; transform: scaleX(-1); }
.pp-hero-in { position: relative; max-width: 820px; }
.pp-hero-quando { font: 800 clamp(18px, 2.6vw, 26px)/1.3 'Montserrat'; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 10px; color: var(--pp-ouro2); text-shadow: 0 2px 12px rgba(0,0,0,.6); }
.pp-hero-quando strong { color: #fff; }
.pp-hero-sub { font-size: 18px; max-width: 60ch; color: #F2F3F4; text-shadow: 0 1px 8px rgba(0,0,0,.7); margin: 0 0 18px; }
.pp-hero-sem { color: var(--pp-ouro2); }
.pp-online { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 10px; font-size: 14px; }
.pp-status { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.pp-status i { width: 10px; height: 10px; border-radius: 50%; background: var(--pp-texto2); box-shadow: 0 0 0 0 rgba(46,204,113,.5); }
.pp-status i.on { background: var(--pp-ok); animation: pp-pulse 2s infinite; }
@keyframes pp-pulse { 0% { box-shadow: 0 0 0 0 rgba(46,204,113,.6); } 70% { box-shadow: 0 0 0 9px rgba(46,204,113,0); } 100% { box-shadow: 0 0 0 0 rgba(46,204,113,0); } }
.pp-copiar { cursor: pointer; }
code.pp-copiar { background: rgba(0,0,0,.45); border: 1px solid var(--pp-linha); padding: 5px 10px; color: var(--pp-ouro2); }
.pp-ip-grande { font-size: 22px; padding: 10px 18px; display: inline-block; }

/* contador */
.pp-countdown { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 14px 0 6px; }
.pp-cd-label { font: 800 12px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .12em; color: var(--pp-texto2); }
.pp-countdown.hoje .pp-cd-label, .pp-countdown.rolando .pp-cd-label { color: var(--pp-ok); font-size: 16px; }
.pp-countdown.hoje .pp-cd-blocos, .pp-countdown.rolando .pp-cd-blocos { display: none; }
.pp-cd-blocos { display: flex; gap: 6px; }
.pp-cd-blocos span { display: flex; flex-direction: column; align-items: center; min-width: 64px; padding: 8px 6px 6px; background: rgba(0,0,0,.5); border: 1px solid rgba(255,196,0,.35); clip-path: var(--pp-cut-sm); }
.pp-cd-blocos b { font: 400 34px/1 var(--pp-font-titulo); color: var(--pp-ouro); font-variant-numeric: tabular-nums; }
.pp-cd-blocos i { font: 600 10px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-texto2); font-style: normal; margin-top: 3px; }
.pp-cd-data { font-weight: 600; color: #E6E8EA; }
.pp-inscritos { display: inline-flex; align-items: center; gap: 6px; }

/* seções */
.pp-sec { padding: 60px 0; }
.pp-sec-alt { background: linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,0)); border-top: 1px solid var(--pp-linha); border-bottom: 1px solid var(--pp-linha); }
.pp-sec-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 22px; flex-wrap: wrap; }
.pp-duas { display: grid; grid-template-columns: 1.2fr .8fr; gap: 28px; align-items: start; }
.pp-duas-inv { grid-template-columns: .9fr 1.1fr; }
.pp-tres { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: start; }
@media (max-width: 900px) { .pp-duas, .pp-duas-inv, .pp-tres { grid-template-columns: 1fr; } }
.pp-pagina-topo { padding: 50px 0 10px; background: radial-gradient(90% 60% at 50% 0%, rgba(255,106,0,.25), transparent 70%); }
.pp-lista-ico { list-style: none; padding: 0; margin: 14px 0; display: grid; gap: 12px; }
.pp-lista-ico li { display: flex; gap: 12px; align-items: flex-start; padding: 12px 14px; background: rgba(255,255,255,.03); border-left: 3px solid var(--pp-ouro); }
.pp-lista-ico .pp-ico { flex: 0 0 auto; color: var(--pp-ouro); margin-top: 3px; }

/* modos */
.pp-modos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 760px) { .pp-modos { grid-template-columns: 1fr; } }
.pp-modo { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 22px; min-height: 150px; background: var(--pp-panel-a); color: var(--pp-texto); clip-path: var(--pp-cut); border-top: 3px solid var(--pp-linha); transition: transform .15s; }
.pp-modo:hover { transform: translateY(-3px); color: var(--pp-texto); }
.pp-modo.on { background: linear-gradient(160deg, var(--pp-ouro) 0%, var(--pp-laranja2) 100%); color: #0B0B0B; border-top-color: #fff6; }
.pp-modo.on .pp-modo-ico, .pp-modo.on span { color: #0B0B0B; }
.pp-modo.off { opacity: .55; cursor: default; }
.pp-modo b { font: 400 30px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-modo span { font-size: 13px; color: var(--pp-texto2); font-weight: 600; }
.pp-modo-ico { color: var(--pp-ouro); }

/* tabelas */
.pp-tabela-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.pp-tabela { width: 100%; border-collapse: collapse; font-size: 14px; }
.pp-tabela th { text-align: left; font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-texto2); padding: 10px 10px; border-bottom: 1px solid var(--pp-linha); }
.pp-tabela td { padding: 10px; border-bottom: 1px solid var(--pp-linha); vertical-align: top; }
.pp-tabela tr:last-child td { border-bottom: 0; }
.pp-tabela .pp-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.pp-ranking td a { color: var(--pp-texto); font-weight: 600; }
.pp-ranking tr.pp-pos-1 td:first-child b { color: var(--pp-ouro); font-size: 18px; }
.pp-ranking tr.pp-pos-2 td:first-child b { color: #C0C0C0; }
.pp-ranking tr.pp-pos-3 td:first-child b { color: #CD7F32; }
.pp-faixas { display: grid; gap: 10px; }
.pp-faixa { display: grid; gap: 2px; padding: 10px 12px; background: rgba(255,255,255,.03); border-left: 3px solid var(--pp-ouro); }
.pp-faixa b { font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-ouro); }
.pp-faixa span { font-size: 14px; color: #E6E8EA; }
.pp-arenas { display: flex; flex-wrap: wrap; gap: 6px; }
.pp-arenas span { padding: 6px 10px; background: rgba(255,255,255,.04); border: 1px solid var(--pp-linha); border-left: 3px solid var(--pp-ouro); font-size: 13px; color: #E6E8EA; }
.pp-arma-unica b { display: inline-block; font: 400 34px/1 var(--pp-font-titulo); letter-spacing: .04em; color: var(--pp-ouro); margin: 2px 0 6px; }
.pp-colocacao { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
.pp-colocacao span { display: inline-flex; gap: 6px; align-items: baseline; padding: 5px 9px; background: rgba(0,0,0,.4); border: 1px solid var(--pp-linha); font-variant-numeric: tabular-nums; font-size: 13px; }
.pp-colocacao b { color: var(--pp-ouro); }
.pp-times { display: grid; grid-template-columns: 1fr auto 1fr; gap: 12px; align-items: center; margin: 12px 0 20px; }
.pp-time { padding: 14px; background: rgba(0,0,0,.4); border-top: 3px solid; clip-path: var(--pp-cut-sm); }
.pp-time.a { border-color: #48A0FF; }
.pp-time.b { border-color: var(--pp-laranja); }
.pp-time b { display: block; font: 400 28px/1 var(--pp-font-titulo); text-transform: uppercase; letter-spacing: .03em; margin-bottom: 6px; }
.pp-time span { font-size: 13px; color: var(--pp-texto2); }
.pp-vs { font: 400 40px/1 var(--pp-font-titulo); color: var(--pp-ouro); }
.pp-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.pp-chip { padding: 8px 14px; font: 700 12px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .06em; color: #D9DCE0; background: rgba(255,255,255,.05); border: 1px solid var(--pp-linha); clip-path: var(--pp-cut-sm); }
.pp-chip.on { background: var(--pp-ouro); color: #0B0B0B; border-color: var(--pp-ouro); }
.pp-filtros { margin-bottom: 18px; }
.pp-eventos-lista { display: grid; gap: 8px; }
.pp-evento-item { display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 12px 14px; background: rgba(255,255,255,.03); border-left: 3px solid var(--pp-ouro); color: var(--pp-texto); }
.pp-evento-item:hover { background: rgba(255,196,0,.08); color: var(--pp-texto); }
.pp-evento-item b { font-weight: 800; white-space: nowrap; }
.pp-evento-item span { font-size: 13px; color: var(--pp-texto2); }
.pp-evento-item em { font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-ouro); font-style: normal; }

/* cards de notícia */
.pp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 900px) { .pp-cards { grid-template-columns: 1fr; } }
.pp-card { display: flex; flex-direction: column; background: var(--pp-panel-a); color: var(--pp-texto); clip-path: var(--pp-cut); border-top: 3px solid var(--pp-ouro); transition: transform .15s; }
.pp-card:hover { transform: translateY(-3px); color: var(--pp-texto); }
.pp-card-img img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.pp-card-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.pp-card-topo { display: flex; justify-content: space-between; align-items: center; }
.pp-card-ico { color: var(--pp-ouro); }
.pp-card-num { display: flex; align-items: baseline; gap: 8px; }
.pp-card-num b { font: 400 44px/1 var(--pp-font-titulo); color: var(--pp-ouro); }
.pp-card-num span { font-size: 12px; color: var(--pp-texto2); text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
.pp-card h3 { font-size: 24px; margin: 0; }
.pp-card p { margin: 0; color: #D9DCE0; font-size: 14px; flex: 1; }
.pp-card-link { display: inline-flex; align-items: center; gap: 6px; font: 800 12px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-ouro); margin-top: 6px; }

/* discord / parceiros */
.pp-sec-discord { background: radial-gradient(80% 100% at 80% 50%, rgba(88,101,242,.18), transparent 70%); }
.pp-widget-wrap { display: flex; justify-content: flex-end; }
.pp-discord-widget { max-width: 100%; clip-path: var(--pp-cut); }
.pp-logos { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 16px; }
.pp-logo-parc { display: flex; align-items: center; justify-content: center; min-width: 140px; height: 72px; padding: 10px 18px; background: rgba(255,255,255,.04); border: 1px solid var(--pp-linha); clip-path: var(--pp-cut-sm); color: #E6E8EA; font-weight: 700; }
.pp-logo-parc img { max-height: 52px; width: auto; filter: grayscale(1) brightness(1.4); transition: filter .2s; }
.pp-logo-parc:hover img { filter: none; }

/* formulários */
.pp-form { display: grid; gap: 14px; margin-top: 14px; }
.pp-form label { display: grid; gap: 6px; font-size: 13px; font-weight: 600; color: #D9DCE0; }
.pp-form label > span { font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-texto2); }
.pp-form small { font-weight: 400; color: var(--pp-texto2); font-size: 12px; }
.pp-form input[type=text], .pp-form input[type=password], .pp-form input[type=email], .pp-form select, .pp-form textarea { width: 100%; padding: 13px 14px; background: #0B0B0B; color: #fff; border: 1px solid rgba(255,255,255,.14); font: 500 15px 'Montserrat'; clip-path: var(--pp-cut-sm); outline: 0; }
.pp-form input:focus, .pp-form select:focus, .pp-form textarea:focus { border-color: var(--pp-ouro); box-shadow: 0 0 0 2px rgba(255,196,0,.25); }
.pp-form select option { background: #141414; }
.pp-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 600px) { .pp-form-2 { grid-template-columns: 1fr; } }
.pp-senha-wrap { position: relative; display: block; }
.pp-senha-wrap input { padding-right: 44px; }
.pp-olho { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); background: transparent; border: 0; color: var(--pp-texto2); cursor: pointer; padding: 6px; }
.pp-olho:hover { color: var(--pp-ouro); }
.pp-check { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 10px; }
.pp-check input { margin-top: 3px; accent-color: var(--pp-ouro); }
.pp-checks { border: 1px solid var(--pp-linha); padding: 12px 14px; display: grid; gap: 8px; }
.pp-checks legend { font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-texto2); padding: 0 6px; }
.pp-checks label { display: flex; flex-direction: row; gap: 8px; align-items: center; font-weight: 500; }
.pp-checks input { accent-color: var(--pp-ouro); }
.pp-erro { padding: 12px 14px; background: rgba(229,57,53,.15); border-left: 3px solid var(--pp-erro); color: #ffb4b0; font-weight: 600; }
.pp-ok { padding: 14px 16px; background: rgba(46,204,113,.12); border-left: 3px solid var(--pp-ok); }
.pp-ok b { display: block; font-size: 17px; margin-bottom: 4px; }
.pp-ok code { font-size: 20px; color: var(--pp-ouro); }
.pp-details summary { cursor: pointer; color: var(--pp-ouro); font-weight: 600; font-size: 14px; }
.pp-details p { font-size: 14px; color: #D9DCE0; }
.pp-conta-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 24px; align-items: start; }
@media (max-width: 860px) { .pp-conta-grid { grid-template-columns: 1fr; } }
.pp-passos { padding-left: 20px; display: grid; gap: 10px; color: #E6E8EA; }
.pp-passos li::marker { color: var(--pp-ouro); font-weight: 800; }
.pp-equipes { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.pp-equipes li { display: grid; gap: 2px; padding: 10px 12px; background: rgba(255,255,255,.03); border-left: 3px solid var(--pp-ouro); }
.pp-equipes b { color: var(--pp-ouro); }
.pp-equipes span { font-size: 13px; color: #D9DCE0; }

/* perfil */
.pp-perfil-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; }
@media (max-width: 860px) { .pp-perfil-grid { grid-template-columns: 1fr; } }
.pp-jogador-card { display: grid; grid-template-columns: auto 1fr auto; gap: 18px; align-items: center; }
.pp-avatar { width: 84px; height: 84px; display: grid; place-items: center; background: linear-gradient(160deg, var(--pp-ouro), var(--pp-laranja)); color: #0B0B0B; clip-path: var(--pp-cut-sm); }
.pp-patente-nome { display: flex; align-items: center; gap: 12px; margin: 6px 0 10px; color: var(--pp-ouro); }
.pp-patente-nome b { font: 400 40px/1 var(--pp-font-titulo); color: #fff; text-transform: uppercase; }
.pp-barra { height: 10px; background: rgba(255,255,255,.08); clip-path: var(--pp-cut-sm); overflow: hidden; }
.pp-barra i { display: block; height: 100%; background: linear-gradient(90deg, var(--pp-ouro), var(--pp-ouro2)); }
.pp-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 8px; }
@media (max-width: 500px) { .pp-tiles { grid-template-columns: repeat(2, 1fr); } }
.pp-tile { display: grid; gap: 2px; padding: 12px; background: rgba(0,0,0,.4); border: 1px solid var(--pp-linha); clip-path: var(--pp-cut-sm); color: var(--pp-ouro); }
.pp-tile b { font: 400 32px/1 var(--pp-font-titulo); color: #fff; }
.pp-tile span { font: 700 10px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .1em; color: var(--pp-texto2); }
.pp-sair { margin: 0; }

/* loja */
.pp-produtos { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 12px; margin: 0 0 28px; }
.pp-produto { display: grid; gap: 6px; padding: 16px; background: var(--pp-panel-a); border-top: 3px solid var(--pp-ouro); clip-path: var(--pp-cut-sm); }
.pp-produto b { font: 400 22px/1 var(--pp-font-titulo); text-transform: uppercase; letter-spacing: .03em; }
.pp-preco { font: 800 20px/1 'Montserrat'; color: var(--pp-ouro); }
.pp-preco small { font-size: 11px; color: var(--pp-texto2); text-transform: uppercase; letter-spacing: .08em; }

/* artigo */
.pp-prose { font-size: 17px; line-height: 1.75; color: #E6E8EA; }
.pp-prose h2 { font-family: var(--pp-font-titulo); font-weight: 400; font-size: 32px; text-transform: uppercase; margin: 30px 0 10px; color: #fff; }
.pp-prose h3 { margin-top: 24px; }
.pp-prose img { clip-path: var(--pp-cut); }
.pp-prose table { width: 100%; border-collapse: collapse; margin: 14px 0; }
.pp-prose td, .pp-prose th { padding: 8px 10px; border-bottom: 1px solid var(--pp-linha); }
.pp-prose ul { padding-left: 22px; }
.pp-prose li::marker { color: var(--pp-ouro); }
.pp-capa { margin: 0 0 24px; }
.pp-ficha { margin: 20px 0; }
.pp-share { display: flex; align-items: center; gap: 12px; margin-top: 30px; padding-top: 18px; border-top: 1px solid var(--pp-linha); font-size: 14px; }
.pp-share span { color: var(--pp-texto2); font-weight: 700; text-transform: uppercase; letter-spacing: .1em; font-size: 11px; }
.pagination, .nav-links { display: flex; gap: 6px; margin-top: 24px; }
.nav-links .page-numbers { padding: 8px 12px; border: 1px solid var(--pp-linha); color: #D9DCE0; }
.nav-links .page-numbers.current { background: var(--pp-ouro); color: #000; }

/* rodapé */
.pp-rodape { margin-top: 60px; border-top: 1px solid var(--pp-linha); background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(0,0,0,.4)); }
.pp-rodape-in { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 28px; padding: 44px 0 30px; }
@media (max-width: 860px) { .pp-rodape-in { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { .pp-rodape-in { grid-template-columns: 1fr; } }
.pp-rodape-marca img { height: 60px; width: auto; }
.pp-rodape-marca p { font-size: 14px; color: var(--pp-texto2); max-width: 36ch; }
.pp-rodape-col { display: grid; gap: 8px; align-content: start; font-size: 14px; }
.pp-rodape-col b { font: 800 11px/1 'Montserrat'; text-transform: uppercase; letter-spacing: .12em; color: var(--pp-ouro); margin-bottom: 4px; }
.pp-rodape-col a { color: #D9DCE0; display: inline-flex; align-items: center; gap: 8px; }
.pp-rodape-col a:hover { color: var(--pp-ouro); }
.pp-rodape-servidor code { font-size: 14px; }
.pp-rodape-legal { border-top: 1px solid var(--pp-linha); padding: 14px 0; font-size: 12px; color: var(--pp-texto2); }
.pp-rodape-legal .pp-wrap { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } html { scroll-behavior: auto; } }

/* =====================================================================
   2.1.0 — site novo (Início, Calendário, Ranking, Promoções, Season 2, Skins)
   ===================================================================== */
:root { --pp-discord: #5865F2; --pp-discord2: #7983F5; }
.pp-h3 { font: 800 13px/1 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; color: var(--pp-ouro); margin: 0 0 12px; }
.pp-sec-curta { padding-top: 26px; padding-bottom: 26px; }

/* menu */
.pp-btn-discord { background: var(--pp-discord); color: #fff; box-shadow: 0 0 0 0 rgba(88,101,242,.6); animation: pp-pulso 2.4s infinite; }
.pp-btn-discord:hover { background: var(--pp-discord2); color: #fff; }
.pp-nav-discord { display: none; }
@keyframes pp-pulso { 0% { box-shadow: 0 0 0 0 rgba(88,101,242,.55); } 70% { box-shadow: 0 0 0 14px rgba(88,101,242,0); } 100% { box-shadow: 0 0 0 0 rgba(88,101,242,0); } }
@media (prefers-reduced-motion: reduce) { .pp-btn-discord, .pp-discord-mega { animation: none !important; } }

/* hero */
.pp-hero2 { position: relative; overflow: hidden; padding: 64px 0 56px; background: radial-gradient(ellipse at 50% -10%, rgba(255,196,0,.20), transparent 60%), var(--pp-hero-img, none) center/cover no-repeat, #070707; }
.pp-hero2::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(11,11,11,.9) 85%, var(--pp-bg)); pointer-events: none; }
.pp-hero2 .pp-cena { opacity: .55; }
.pp-hero2-in { position: relative; z-index: 2; display: grid; justify-items: center; text-align: center; gap: 18px; }
.pp-selo { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px; background: rgba(0,0,0,.55); border: 1px solid var(--pp-linha); font: 700 13px/1 'Montserrat'; color: #fff; }
.pp-selo i { width: 9px; height: 9px; border-radius: 50%; background: var(--pp-ouro); box-shadow: 0 0 10px var(--pp-ouro); }
.pp-selo i.on { background: var(--pp-ok); box-shadow: 0 0 10px var(--pp-ok); }
.pp-hero2-titulo { font-family: var(--pp-font-titulo); font-weight: 400; font-size: clamp(46px, 9vw, 108px); line-height: .9; text-transform: uppercase; margin: 0; max-width: 14ch; text-shadow: 0 6px 30px rgba(0,0,0,.7); }
.pp-hero2-titulo em { font-style: normal; color: var(--pp-ouro); text-shadow: 0 0 30px rgba(255,196,0,.45); }
.pp-hero2-sub { margin: 0; max-width: 46ch; font-size: clamp(16px, 2.4vw, 20px); color: #E8EAED; }
.pp-hero2-dias { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 4px; }
.pp-hero2-dia { display: grid; gap: 2px; padding: 10px 18px; background: rgba(0,0,0,.55); border: 1px solid var(--pp-linha); border-left: 3px solid var(--pp-ouro); color: #fff; text-align: left; clip-path: var(--pp-cut-sm); }
.pp-hero2-dia b { font: 400 22px/1 var(--pp-font-titulo); letter-spacing: .04em; text-transform: uppercase; color: var(--pp-ouro); }
.pp-hero2-dia span { font-size: 13px; color: #ddd; }
.pp-hero2-dia:hover { color: #fff; border-color: var(--pp-ouro); }

/* Discord gigante */
.pp-discord-mega { display: inline-grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; padding: 18px 26px; min-width: min(520px, 100%); background: linear-gradient(135deg, var(--pp-discord), #4752C4); color: #fff; border-radius: 6px; text-align: left; box-shadow: 0 10px 40px rgba(88,101,242,.45), inset 0 1px 0 rgba(255,255,255,.25); animation: pp-pulso 2.4s infinite; transition: transform .15s; }
.pp-discord-mega:hover { color: #fff; transform: translateY(-2px) scale(1.01); background: linear-gradient(135deg, var(--pp-discord2), var(--pp-discord)); }
.pp-discord-mega-ico { display: inline-flex; width: 56px; height: 56px; align-items: center; justify-content: center; background: rgba(255,255,255,.16); border-radius: 50%; }
.pp-discord-mega-txt b { display: block; font: 400 clamp(28px, 4.4vw, 40px)/1 var(--pp-font-titulo); letter-spacing: .04em; text-transform: uppercase; }
.pp-discord-mega-txt small { display: block; margin-top: 4px; font-size: 13px; opacity: .9; }
.pp-discord-mega-hero { min-width: min(600px, 100%); }
@media (max-width: 520px) { .pp-discord-mega { grid-template-columns: auto 1fr; padding: 14px 16px; gap: 12px; } .pp-discord-mega-seta { display: none; } .pp-discord-mega-ico { width: 46px; height: 46px; } }

/* IP */
.pp-ipbox { display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; padding: 10px 12px 10px 16px; background: rgba(0,0,0,.6); border: 1px solid rgba(255,196,0,.35); clip-path: var(--pp-cut-sm); }
.pp-ipbox-rot { display: inline-flex; align-items: center; gap: 6px; font: 800 12px/1 'Montserrat'; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-texto2); }
.pp-ipbox-ip { font: 700 clamp(18px, 3vw, 24px)/1 ui-monospace, Menlo, Consolas, monospace; color: var(--pp-ouro); letter-spacing: .02em; }
.pp-ipbox-vazio { color: #ddd; font-size: 14px; }
.pp-ipbox .pp-copiar { cursor: pointer; }

/* terça / quinta */
.pp-dias { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
@media (max-width: 820px) { .pp-dias { grid-template-columns: 1fr; } }
.pp-dia { position: relative; display: grid; gap: 12px; align-content: start; padding: 22px; background: linear-gradient(180deg, #161616, #101010); border: 1px solid var(--pp-linha); border-top: 4px solid var(--pp-ouro); clip-path: var(--pp-cut); }
.pp-dia-terca { border-top-color: #48A0FF; }
.pp-dia-topo { display: flex; justify-content: space-between; align-items: center; }
.pp-dia-nome { font: 400 40px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; color: var(--pp-ouro); }
.pp-dia-terca .pp-dia-nome { color: #7CBBFF; }
.pp-dia-hora { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; background: rgba(255,255,255,.06); font: 800 16px/1 'Montserrat'; }
.pp-dia-titulo { margin: 0; font: 800 22px/1.2 'Montserrat'; }
.pp-dia-texto { margin: 0; color: #D7DADF; }
.pp-dia-btn { justify-self: start; }
.pp-cd2 { display: grid; gap: 6px; }
.pp-cd2 .pp-cd-label { font: 800 12px/1 'Montserrat'; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-texto2); }
.pp-cd2 .pp-cd-blocos { display: flex; gap: 8px; }
.pp-cd2 .pp-cd-blocos span { display: grid; justify-items: center; min-width: 58px; padding: 8px 6px; background: rgba(0,0,0,.45); border: 1px solid var(--pp-linha); }
.pp-cd2 .pp-cd-blocos b { font: 400 30px/1 var(--pp-font-titulo); }
.pp-cd2 .pp-cd-blocos i { font-style: normal; font-size: 11px; color: var(--pp-texto2); }
.pp-cd2.perto .pp-cd-label, .pp-cd2.rolando .pp-cd-label { color: var(--pp-ouro); }
.pp-cd2.rolando .pp-cd-blocos { display: none; }
.pp-campeao { display: grid; gap: 6px; margin-top: 4px; padding: 14px; background: rgba(255,196,0,.07); border: 1px dashed rgba(255,196,0,.35); }
.pp-campeao-rot { display: inline-flex; align-items: center; gap: 6px; font: 800 11px/1 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; color: var(--pp-ouro); }
.pp-campeao-eq { font: 400 30px/1 var(--pp-font-titulo); letter-spacing: .03em; }
.pp-campeao-membros { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.pp-campeao-membros li { padding: 4px 10px; background: rgba(0,0,0,.5); border: 1px solid var(--pp-linha); font: 600 13px/1.3 'Montserrat'; }
.pp-campeao-vazio { color: #ddd; }

/* aberto 24h */
.pp-a24 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; }
.pp-a24-modo { position: relative; display: grid; gap: 6px; padding: 20px; background: #121212; border: 1px solid var(--pp-linha); clip-path: var(--pp-cut-sm); }
.pp-a24-modo b { font: 400 30px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-a24-modo span:not(.pp-a24-ico) { color: #ccc; font-size: 14px; }
.pp-a24-ico { color: var(--pp-ouro); }
.pp-a24-modo em { position: absolute; top: 14px; right: 14px; font: 800 12px/1 'Montserrat'; font-style: normal; color: #111; background: var(--pp-ok); padding: 5px 8px; border-radius: 3px; }

/* promoções */
.pp-promos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.pp-promo { display: grid; gap: 10px; align-content: start; padding: 22px; background: linear-gradient(160deg, #1a1608, #121212 60%); border: 1px solid rgba(255,196,0,.25); color: #fff; clip-path: var(--pp-cut); transition: transform .15s, border-color .15s; }
.pp-promo:hover { color: #fff; transform: translateY(-3px); border-color: var(--pp-ouro); }
.pp-promo-ico { display: inline-flex; width: 60px; height: 60px; align-items: center; justify-content: center; background: rgba(255,196,0,.14); color: var(--pp-ouro); border-radius: 50%; }
.pp-promo-img img { width: 100%; max-height: 160px; object-fit: cover; }
.pp-promo-titulo { font: 400 32px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-promo-linha { display: grid; gap: 2px; font-size: 15px; }
.pp-promo-linha small { font: 800 11px/1 'Montserrat'; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-texto2); }
.pp-promo-ganha { color: var(--pp-ouro2); font-weight: 700; }
.pp-promo-btn { justify-self: start; margin-top: 4px; }

/* ranking */
.pp-abas { display: inline-flex; gap: 4px; padding: 4px; background: #111; border: 1px solid var(--pp-linha); margin-bottom: 18px; }
.pp-abas button { padding: 10px 22px; background: none; border: 0; color: #ccc; font: 800 14px/1 'Montserrat'; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.pp-abas button.on { background: var(--pp-ouro); color: #111; }
.pp-rk2 .pp-rk-nick { font-weight: 700; }
.pp-rk2 td b { font-size: 16px; }
.pp-torneios { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; }
.pp-torneio { display: grid; gap: 6px; padding: 18px; background: #121212; border: 1px solid var(--pp-linha); border-left: 4px solid var(--pp-ouro); color: #fff; }
.pp-torneio:hover { color: #fff; border-color: var(--pp-ouro); }
.pp-torneio-topo { display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: var(--pp-texto2); }
.pp-torneio-rot { display: inline-flex; align-items: center; gap: 6px; font: 800 11px/1 'Montserrat'; letter-spacing: .1em; text-transform: uppercase; color: var(--pp-ouro); }
.pp-torneio-eq { font: 400 30px/1 var(--pp-font-titulo); letter-spacing: .03em; }
.pp-torneio-membros { font-size: 13px; color: #ddd; }
.pp-torneio-mais { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; color: var(--pp-ouro); }

/* season 2 */
.pp-s2 { position: relative; display: grid; justify-items: start; gap: 10px; padding: 34px; min-height: 220px; align-content: center; overflow: hidden; color: #fff; background: radial-gradient(ellipse at 85% 50%, rgba(181,123,255,.35), transparent 60%), var(--s2-img, none) right center/cover no-repeat, linear-gradient(120deg, #1a0f2b, #0e0e0e 70%); border: 1px solid rgba(181,123,255,.35); clip-path: var(--pp-cut); }
.pp-s2:hover { color: #fff; border-color: #B57BFF; }
.pp-s2-selo { display: inline-block; padding: 5px 10px; background: #B57BFF; color: #12091f; font: 800 12px/1 'Montserrat'; letter-spacing: .1em; text-transform: uppercase; }
.pp-s2-titulo { font: 400 clamp(46px, 8vw, 84px)/.9 var(--pp-font-titulo); text-transform: uppercase; }
.pp-s2-texto { max-width: 48ch; color: #e6e0f0; }
.pp-s2-topo { padding: 70px 0 40px; background: radial-gradient(ellipse at 50% 0%, rgba(181,123,255,.35), transparent 60%), var(--s2-img, none) center/cover no-repeat, #0d0a14; }
.pp-s2-topo .pp-cd2 { justify-items: center; margin-top: 10px; }
.pp-s2-data { font: 800 18px/1 'Montserrat'; color: #d8c2ff; }
.pp-s2-lista { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.pp-s2-lista li { display: flex; gap: 10px; align-items: center; padding: 12px 14px; background: #121212; border-left: 3px solid #B57BFF; font-size: 16px; }
.pp-s2-lista .pp-ico { color: #B57BFF; }

/* skins */
.pp-skins { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 14px; margin-bottom: 26px; }
.pp-skin { position: relative; display: grid; justify-items: center; gap: 6px; padding: 16px 12px; text-align: center; background: linear-gradient(180deg, color-mix(in srgb, var(--rar) 14%, #121212), #101010 70%); border: 1px solid color-mix(in srgb, var(--rar) 40%, transparent); border-top: 4px solid var(--rar); }
.pp-skin-rar { font: 800 11px/1 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; color: var(--rar); }
.pp-skin-img { display: inline-flex; width: 130px; height: 150px; align-items: center; justify-content: center; }
.pp-skin-img img { max-width: 100%; max-height: 100%; object-fit: contain; filter: drop-shadow(0 8px 16px rgba(0,0,0,.6)); }
.pp-skin-sem { color: var(--rar); background: rgba(255,255,255,.03); border-radius: 50%; width: 110px; height: 110px; margin: 20px 0; }
.pp-skin-nome { font: 400 26px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-skin-como { font-size: 13px; color: #ccc; }
.pp-skin-lendaria { box-shadow: 0 0 30px rgba(255,196,0,.18); }
.pp-skins-grupo { display: flex; align-items: center; gap: 10px; color: var(--rar); }
.pp-skins-grupo small { font: 800 14px/1 'Montserrat'; color: var(--pp-texto2); }

/* calendário */
.pp-cal-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 14px; }
.pp-cal-cab .pp-h2 { margin: 0; }
@media (max-width: 620px) { .pp-cal-cab .pp-btn span { display: none; } }
.pp-cal { border: 1px solid var(--pp-linha); background: #0f0f0f; }
.pp-cal-sem, .pp-cal-dias { display: grid; grid-template-columns: repeat(7, 1fr); }
.pp-cal-sem span { padding: 8px; text-align: center; font: 800 12px/1 'Montserrat'; letter-spacing: .08em; text-transform: uppercase; color: var(--pp-texto2); border-bottom: 1px solid var(--pp-linha); }
.pp-cal-dia { min-height: 96px; padding: 6px; border-right: 1px solid var(--pp-linha); border-bottom: 1px solid var(--pp-linha); display: grid; align-content: start; gap: 4px; }
.pp-cal-dia:nth-child(7n) { border-right: 0; }
.pp-cal-dia.vazio { background: rgba(255,255,255,.015); }
.pp-cal-dia.hoje { background: rgba(255,196,0,.08); box-shadow: inset 0 0 0 2px var(--pp-ouro); }
.pp-cal-n { font: 800 14px/1 'Montserrat'; color: #ddd; }
.pp-cal-n small { font-size: 10px; color: var(--pp-ouro); text-transform: uppercase; }
.pp-cal-ev { display: block; padding: 3px 5px; font-size: 11px; line-height: 1.25; background: color-mix(in srgb, var(--cor) 22%, transparent); border-left: 3px solid var(--cor); color: #fff; overflow: hidden; text-overflow: ellipsis; }
.pp-cal-ev b { font-weight: 800; }
@media (max-width: 700px) { .pp-cal-dia { min-height: 54px; padding: 3px; } .pp-cal-ev { font-size: 0; padding: 0; height: 6px; border-left-width: 0; background: var(--cor); border-radius: 3px; } .pp-cal-ev b { display: none; } }
.pp-agenda { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.pp-agenda li { display: grid; grid-template-columns: 90px 1fr; gap: 14px; align-items: center; padding: 12px 14px; background: #121212; border-left: 4px solid var(--cor); }
.pp-agenda-data b { display: block; font: 400 28px/1 var(--pp-font-titulo); }
.pp-agenda-data small { font-size: 12px; color: var(--pp-texto2); }
.pp-agenda-txt b { display: block; font-size: 16px; }
.pp-agenda-txt small { color: #ccc; font-size: 13px; }

/* faixa do discord */
.pp-discord-faixa { background: radial-gradient(ellipse at 50% 100%, rgba(88,101,242,.25), transparent 65%), #0c0c12; }
.pp-discord-faixa .pp-lead { margin: 0 auto 18px; }

/* celular: menu com o Discord no topo */
@media (max-width: 1024px) {
	.pp-topo.open .pp-nav-discord { display: flex; align-items: center; gap: 8px; margin-top: 6px; padding: 14px 16px; background: var(--pp-discord); color: #fff; font-weight: 800; }
}
.pp-hero2-titulo { max-width: 17ch; }
@media (max-width: 620px) { .pp-hero2-dias { display: grid; grid-template-columns: 1fr 1fr; width: 100%; } .pp-hero2-dia { padding: 10px 12px; } .pp-ipbox { width: 100%; } }
.pp-campeoes-mini { display: grid; gap: 12px; }
.pp-campeoes-mini .pp-campeao { margin: 0; }
.pp-campeoes-mini .pp-campeao-dia { font: 400 24px/1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; color: var(--pp-ouro); }

/* ===== 2.1.0 — páginas dos modos ===== */
.pp-abas-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 18px; }
.pp-abas-scroll .pp-abas { margin-bottom: 0; white-space: nowrap; }
.pp-abas button { flex: 0 0 auto; }
.pp-passos { list-style: none; counter-reset: passo; margin: 0; padding: 0; display: grid; gap: 10px; }
.pp-passos li { counter-increment: passo; position: relative; padding: 12px 14px 12px 58px; background: #141414; border: 1px solid var(--pp-linha); font-size: 16px; line-height: 1.45; }
.pp-passos li::before { content: counter(passo); position: absolute; left: 12px; top: 50%; transform: translateY(-50%); width: 34px; height: 34px; display: grid; place-items: center; background: var(--pp-ouro); color: #111; font: 400 22px/1 'Bebas Neue', Impact, sans-serif; clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 8px, 100% 100%, 0 100%); }
.pp-fatos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.pp-fato { display: grid; gap: 4px; padding: 14px; background: #141414; border: 1px solid var(--pp-linha); border-top: 3px solid var(--pp-ouro); }
.pp-fato b { font: 400 20px/1 'Bebas Neue', Impact, sans-serif; letter-spacing: .03em; color: #fff; }
.pp-fato span { color: #cfd2d6; font-size: 14px; line-height: 1.4; }
.pp-modo-resumo { margin: -6px 0 14px; }
a.pp-a24-modo { color: inherit; text-decoration: none; transition: border-color .15s, transform .15s; }
a.pp-a24-modo:hover { border-color: var(--pp-ouro); transform: translateY(-2px); }
.pp-a24-mais { font-style: normal; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--pp-ouro); display: inline-flex; align-items: center; gap: 4px; margin-top: 4px; }
@media (max-width: 720px) {
	.pp-fatos { grid-template-columns: 1fr; }
	.pp-passos li { font-size: 15px; padding-left: 54px; }
}

/* ===== 2.1.1 — início novo, conectar no MTA, Discord discreto, rodapé curto, Season 2 ===== */
:root { --pp-laranja: #FF7A1A; --pp-carvao: #151413; --pp-areia: #D9D4CC; --pp-cinza-q: #A59F96; }

/* hero: a frase de impacto é o centro de tudo; o resto fica calmo */
.pp-hero3 { position: relative; overflow: hidden; padding: 76px 0 60px; background: radial-gradient(ellipse 70% 60% at 50% 0%, rgba(255,122,26,.20), transparent 70%), var(--pp-hero-img, none) center/cover no-repeat, #080808; }
.pp-hero3::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(8,8,8,.9) 88%, var(--pp-bg)); pointer-events: none; }
.pp-hero3 .pp-cena { opacity: .5; }
.pp-hero3-in { position: relative; z-index: 2; display: grid; justify-items: center; text-align: center; gap: 20px; }
.pp-hero3-titulo { margin: 0; display: grid; gap: 10px; }
.pp-hero3-l1 { font: 500 clamp(20px, 3.2vw, 32px)/1.2 'Montserrat', system-ui, sans-serif; color: var(--pp-areia); }
.pp-hero3-l2 { font: 400 clamp(52px, 8.6vw, 120px)/.9 var(--pp-font-titulo); color: #fff; text-transform: uppercase; letter-spacing: .005em; text-shadow: 0 6px 34px rgba(0,0,0,.6); }
.pp-hero3-legenda { margin: 0; max-width: 56ch; font-size: clamp(16px, 2.1vw, 19px); line-height: 1.6; color: #C9C3BA; }
.pp-hero3-eventos { display: grid; grid-template-columns: repeat(2, minmax(0, 350px)); gap: 14px; margin-top: 10px; }
.pp-evbtn { display: grid; gap: 8px; justify-items: start; text-align: left; padding: 18px 20px; background: rgba(21,20,19,.88); border: 1px solid rgba(255,122,26,.32); border-top: 3px solid var(--pp-laranja); color: #fff; transition: border-color .15s, background-color .15s; }
.pp-evbtn:hover, .pp-evbtn:focus-visible { color: #fff; border-color: var(--pp-ouro); background: rgba(30,27,22,.95); }
.pp-evbtn-quando { font: 700 14px/1 'Montserrat', system-ui, sans-serif; color: var(--pp-laranja); }
.pp-evbtn-nome { font: 400 clamp(26px, 3.2vw, 34px)/1 var(--pp-font-titulo); letter-spacing: .02em; text-transform: uppercase; }
.pp-evbtn-mais { display: inline-flex; align-items: center; gap: 6px; font: 600 13px/1 'Montserrat', system-ui, sans-serif; color: var(--pp-ouro); }
.pp-hero3-arma { margin: -6px 0 0; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #BDB7AE; }
.pp-hero3-arma .pp-ico { color: var(--pp-laranja); }
.pp-hero3-entrar { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 8px; }
.pp-hero3-mta { margin-top: -6px; font-size: 13px; color: #8F8980; text-decoration: underline; text-underline-offset: 3px; }
.pp-hero3-mta:hover { color: var(--pp-ouro); }

/* conectar: IP + botão que abre o MTA */
.pp-conectar { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 10px 10px 10px 18px; background: rgba(21,20,19,.92); border: 1px solid rgba(255,199,44,.26); }
.pp-conectar-ip { display: grid; gap: 5px; text-align: left; }
.pp-conectar-ip span { font: 600 12px/1 'Montserrat', system-ui, sans-serif; color: #9C968D; }
.pp-conectar-ip code { font: 700 clamp(17px, 2.4vw, 21px)/1 'Montserrat', system-ui, sans-serif; font-variant-numeric: tabular-nums; color: var(--pp-ouro); background: none; padding: 0; letter-spacing: .01em; }
.pp-conectar-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.pp-conectar-vazio { color: #ddd; font-size: 14px; padding: 6px 8px 6px 0; }
.pp-btn-ghost.pp-copiar { box-shadow: inset 0 0 0 1px rgba(255,199,44,.5); }

/* Discord nas cores do PobrePlay: sem azul, sem piscar */
.pp-btn-disc, .pp-btn-discord { background: transparent; color: #F2EFEA; box-shadow: inset 0 0 0 1px rgba(255,255,255,.24); animation: none; }
.pp-btn-disc:hover, .pp-btn-discord:hover { background: rgba(255,199,44,.08); color: var(--pp-ouro); box-shadow: inset 0 0 0 1px var(--pp-ouro); }
.pp-btn-disc .pp-ico, .pp-btn-discord .pp-ico { color: currentColor; }
.pp-discord-mega { grid-template-columns: auto 1fr auto; gap: 14px; padding: 14px 18px; min-width: min(460px, 100%); background: var(--pp-carvao); color: #fff; border: 1px solid rgba(255,199,44,.25); border-radius: 0; box-shadow: none; animation: none; }
.pp-discord-mega:hover { color: #fff; transform: none; background: #1b1916; border-color: var(--pp-ouro); }
.pp-discord-mega-ico { width: 44px; height: 44px; background: rgba(255,199,44,.12); color: var(--pp-ouro); }
.pp-discord-mega-txt b { font: 700 17px/1.2 'Montserrat', system-ui, sans-serif; letter-spacing: 0; text-transform: none; }
.pp-discord-mega-txt small { font-size: 13px; color: var(--pp-cinza-q); opacity: 1; }
.pp-discord-mega-seta { color: var(--pp-ouro); }
.pp-discord-mega-hero { min-width: 0; }
.pp-discord-faixa { background: radial-gradient(ellipse at 50% 100%, rgba(255,122,26,.14), transparent 65%), #0c0b0a; }
.pp-sec-discord { background: radial-gradient(80% 100% at 80% 50%, rgba(255,122,26,.10), transparent 70%); }
.pp-topo.open .pp-nav-discord { background: var(--pp-carvao); color: var(--pp-ouro); box-shadow: inset 0 0 0 1px rgba(255,199,44,.35); }

/* rodapé curto */
.pp-rodape-curto { margin-top: 40px; }
.pp-rodape-curto .pp-rodape-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 0; }
.pp-rodape-curto .pp-rodape-marca img { height: 40px; width: auto; display: block; }
.pp-rodape-nav { display: flex; flex-wrap: wrap; gap: 8px 26px; }
.pp-rodape-nav a { color: var(--pp-areia); font-weight: 600; font-size: 14px; }
.pp-rodape-nav a:hover { color: var(--pp-ouro); }

/* promoções: passos e prazo */
.pp-promo-img img { object-position: center 18%; }
.pp-promo-passos { display: grid; gap: 6px; font-size: 14px; color: var(--pp-areia); }
.pp-promo-passos small { font: 700 12px/1 'Montserrat', system-ui, sans-serif; color: var(--pp-texto2); }
.pp-promo-passos ol { margin: 0; padding-left: 20px; display: grid; gap: 4px; }
.pp-promo-ate { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: var(--pp-laranja); }

/* Season 2 (cores do banner: laranja e fogo) */
.pp-s2-selo { background: var(--pp-laranja); color: #140a02; }
.pp-s2-data { color: var(--pp-laranja); }
.pp-s2h { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); align-items: center; background: var(--pp-carvao); border: 1px solid rgba(255,122,26,.25); color: #fff; overflow: hidden; }
.pp-s2h:hover { color: #fff; border-color: var(--pp-laranja); }
.pp-s2h-img img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.pp-s2h-txt { display: grid; justify-items: start; gap: 10px; padding: 28px 32px; }
.pp-s2h-titulo { font: 400 clamp(44px, 6vw, 72px)/.9 var(--pp-font-titulo); text-transform: uppercase; }
.pp-s2h-sub { font-weight: 600; color: var(--pp-laranja); }
.pp-s2h .pp-s2-texto { color: #C9C3BA; max-width: 46ch; }
.pp-s2b { padding: 34px 0 26px; background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(255,122,26,.16), transparent 70%); }
.pp-s2b-banner { margin: 0 0 26px; border: 1px solid rgba(255,122,26,.3); overflow: hidden; }
.pp-s2b-banner img { display: block; width: 100%; height: auto; }
.pp-s2b-txt { display: grid; justify-items: center; text-align: center; gap: 10px; }
.pp-s2b-txt .pp-lead { margin: 4px auto 0; max-width: 56ch; }
.pp-s2b-titulo { margin: 0; font: 400 clamp(52px, 9vw, 104px)/.9 var(--pp-font-titulo); text-transform: uppercase; }
.pp-s2b-sub { margin: 0; font: 600 clamp(16px, 2.2vw, 20px)/1.3 'Montserrat', system-ui, sans-serif; color: var(--pp-laranja); }
.pp-s2-nov { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.pp-s2-item { display: grid; gap: 6px; align-content: start; padding: 20px; background: var(--pp-carvao); border: 1px solid rgba(255,122,26,.22); }
.pp-s2-ico { color: var(--pp-laranja); }
.pp-s2-item b { font: 400 26px/1 var(--pp-font-titulo); letter-spacing: .02em; text-transform: uppercase; }
.pp-s2-item > span:last-child { color: #C9C3BA; font-size: 15px; }
.pp-s2-lema { margin: 0 0 20px; font: 400 clamp(30px, 4.6vw, 48px)/1.05 var(--pp-font-titulo); text-transform: uppercase; }

@media (max-width: 900px) { .pp-s2-nov { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .pp-s2h { grid-template-columns: 1fr; } .pp-s2h-txt { padding: 22px 20px; } }
@media (max-width: 620px) {
	.pp-hero3 { padding: 52px 0 44px; }
	.pp-hero3-eventos { grid-template-columns: 1fr; width: 100%; }
	.pp-hero3-entrar { width: 100%; }
	.pp-conectar { width: 100%; justify-content: space-between; padding: 12px 14px; }
	.pp-conectar-acoes { width: 100%; }
	.pp-conectar-acoes .pp-btn { flex: 1 1 auto; justify-content: center; }
	.pp-hero3-entrar .pp-btn-disc { width: 100%; justify-content: center; }
	.pp-s2-nov { grid-template-columns: 1fr; }
	.pp-rodape-curto .pp-rodape-in { justify-content: center; text-align: center; }
	.pp-rodape-nav { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) { .pp-evbtn, .pp-discord-mega { transition: none; } }

/* 2.1.3: card de promoção é informativo (não é link) */
.pp-promo { transition: none; }
.pp-promo:hover { transform: none; border-color: rgba(255,196,0,.25); }
.pp-promo .pp-promo-titulo { margin: 0; color: #fff; }
.pp-promo .pp-promo-linha, .pp-promo .pp-promo-ate { margin: 0; }

/* ---- 2.2.0: arquivo do dia do jogo (períodos, pódio, recordes) ---- */
.pp-rk-periodos { margin: 0 0 14px; }
.pp-rk-periodos .pp-chip { text-decoration: none; }
.pp-rk-periodos .pp-chip:hover { color: #fff; border-color: var(--pp-ouro); }
.pp-rk-periodos .pp-chip.on:hover { color: #0B0B0B; }
.pp-campeao-faixa { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 16px; padding: 12px 16px; background: rgba(255,196,0,.08); border: 1px solid rgba(255,196,0,.35); color: #fff; text-decoration: none; }
.pp-campeao-faixa span { font: 800 11px/1 'Montserrat'; letter-spacing: .12em; text-transform: uppercase; color: var(--pp-ouro); }
.pp-campeao-faixa b { font: 400 24px/1 var(--pp-font-titulo); letter-spacing: .03em; }
.pp-campeao-faixa small { color: var(--pp-texto2); font-size: 13px; }
.pp-campeao-faixa:hover { color: #fff; border-color: var(--pp-ouro); }
.pp-podio { display: grid; gap: 14px; padding: 18px; background: #121212; border: 1px solid var(--pp-linha); border-top: 4px solid var(--pp-ouro); }
.pp-podio-topo { display: grid; gap: 6px; }
.pp-podio-titulo { font: 400 30px/1.05 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-podio-meta { font-size: 13px; color: var(--pp-texto2); }
.pp-podio-lugares { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.pp-podio-lugares > li { display: grid; gap: 8px; align-content: start; padding: 14px; background: rgba(255,255,255,.03); border: 1px solid var(--pp-linha); }
.pp-podio-lugares > li.pp-podio-1 { background: rgba(255,196,0,.08); border-color: rgba(255,196,0,.45); }
.pp-podio-med { font-size: 22px; line-height: 1; }
.pp-podio-time { font: 400 26px/1 var(--pp-font-titulo); letter-spacing: .03em; }
.pp-podio-1 .pp-podio-time { font-size: 32px; color: var(--pp-ouro); }
.pp-podio-compacto .pp-podio-lugares { grid-template-columns: 1fr; }
.pp-recordes { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 14px; }
.pp-recorde { padding: 14px; background: #121212; border: 1px solid var(--pp-linha); border-left: 4px solid var(--pp-ouro); overflow-x: auto; }
.pp-recorde-pista { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font: 400 24px/1.1 var(--pp-font-titulo); letter-spacing: .03em; text-transform: uppercase; }
.pp-recorde-pista small { font: 600 12px/1 'Montserrat'; color: var(--pp-texto2); text-transform: none; letter-spacing: 0; }
@media (max-width: 600px) {
	.pp-podio-titulo { font-size: 24px; }
	.pp-recordes { grid-template-columns: 1fr; }
}