/* =====================================================================
   Votar: uma coluna, só o essencial
   ===================================================================== */
#rewards b.money { color: var(--money); }
.vote-section { padding-top: clamp(28px, 4vw, 44px); }
.vote-col { max-width: calc(760px + 2 * var(--gutter)); display: grid; gap: 28px; }

.vote-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: end; }
.nick-field { display: flex; gap: 8px; }
.nick-field .input { font-family: var(--display); font-weight: 600; font-size: 17px; }
.xp { display: grid; gap: 10px; padding-bottom: 30px; }
.xp-top { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.xp-top strong { font-family: var(--display); font-weight: 700; font-size: 15px; color: #8FE04A; }
.streak { font-size: 14px; color: var(--muted); }
/* barra de XP do jogo */
.xp-bar { position: relative; height: 14px; background: #0A0706; border: 2px solid #000; box-shadow: inset 0 0 0 2px #2B2B2B; }
.xp-bar span { position: absolute; inset: 2px auto 2px 2px; max-width: calc(100% - 4px); width: 0; background: linear-gradient(180deg, #C8FF7A, #80D02A 50%, #4F8F12); transition: width .6s var(--ease); }
.xp-bar::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 2px), #000 calc(25% - 2px) 25%); pointer-events: none; }
@media (max-width: 640px) { .vote-top { grid-template-columns: 1fr; } .xp { padding-bottom: 0; } }

/* sites */
.vote-list { list-style: none; border-top: 2px solid var(--line); }
.site { display: grid; grid-template-columns: 40px 1fr auto; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 2px solid var(--line); transition: opacity .2s; }
.site-logo { display: grid; place-items: center; width: 40px; height: 40px; font-family: var(--display); font-weight: 700; font-size: 18px; color: #fff; background: var(--sc); box-shadow: inset 0 2px 0 rgba(255,255,255,.3), 0 3px 0 rgba(0,0,0,.5); }
.site h3 { font-family: var(--body); font-weight: 700; font-size: 16px; }
.site .status { font-size: 14px; color: var(--muted); }
.site .countdown { font-family: var(--display); font-weight: 700; color: var(--text-2); }
.site .btn { margin-bottom: 4px; min-width: 112px; }
.site.is-voted .btn { --b-bg: var(--plate-2); --b-fg: var(--money); --b-line: var(--line-2); --b-step: #0A0706; background-image: none; background-color: var(--plate-2); }
.site.is-voted .site-logo { opacity: .5; }