.vote-wrap{--pc-gold:#ffc54d;--pc-gold-hi:#ffdc85;--pc-gold-lo:#f2a92b;--pc-gold-lip:#b97410;--pc-amber-hi:#ffbf6e;--pc-amber:#f7a043;--pc-amber-lo:#ea8424;--pc-amber-lip:#a3530f;--pc-ink:#2c1a07;--pc-cream:#fff5df;--pc-panel:#201d18;--pc-line:#3a3226;max-width:1000px;padding-bottom:72px}
.vote-hero{text-align:center;padding:52px 0 30px}
.vote-hero h1{font-size:clamp(2.1rem,5.4vw,3.2rem);letter-spacing:-.02em;margin:0 0 10px}
.vote-hero p{margin:0;color:var(--muted,#b7b2a9);font-size:1rem}
.vote-label{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b7a88e;margin:0}

/* Two reward cards in warm Popcorn gold, with a solid lip underneath. */
.vote-rewards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 22px}
.vote-reward{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:150px;padding:22px 24px 24px;border-radius:20px;color:var(--pc-ink);box-shadow:0 6px 0 var(--lip),0 16px 30px #00000059}
.vote-reward-site{--lip:var(--pc-gold-lip);background:linear-gradient(165deg,var(--pc-gold-hi),var(--pc-gold) 55%,var(--pc-gold-lo))}
.vote-reward-bonus{--lip:var(--pc-amber-lip);background:linear-gradient(165deg,var(--pc-amber-hi),var(--pc-amber) 55%,var(--pc-amber-lo))}
.vote-reward-amount{display:flex;align-items:center;gap:10px;font-family:MinecraftScreen,monospace;font-size:clamp(2.8rem,6vw,3.8rem);line-height:.9}
.vote-reward-amount img{width:34px;height:34px;image-rendering:pixelated}
.vote-reward strong{display:block;margin:10px 0 4px;font-size:12px;font-weight:950;letter-spacing:.12em}
.vote-reward p{margin:0;font-size:13px;line-height:1.5;max-width:270px;color:inherit;opacity:.78;font-weight:650}
.vote-reward-art{flex:none;width:104px;height:104px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 8px #00000038);transform:rotate(-8deg);animation:vote-bob 4s ease-in-out infinite}
.vote-reward-bonus .vote-reward-art{animation-delay:-2s;transform:rotate(8deg)}
@keyframes vote-bob{0%,100%{translate:0 0}50%{translate:0 -6px}}

/* Daily progress towards the all-sites bonus. */
.vote-progress{border:1px solid var(--pc-line);background:var(--pc-panel);border-radius:18px;padding:18px 20px 16px}
.vote-progress-top,.vote-progress-foot{display:flex;justify-content:space-between;align-items:center;gap:16px}
.vote-progress-top strong{color:var(--pc-gold);font-size:12px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.vote-progress-row{display:flex;align-items:center;gap:12px;margin:14px 0}
.vote-milestones{display:flex;align-items:center;gap:8px;flex:1;flex-wrap:wrap}
.vote-step{display:grid;place-content:center;flex:1;min-width:40px;height:32px;border-radius:999px;background:#2b2720;color:#a8997f;font-weight:900;font-size:13px}
.vote-step.is-confirmed{color:var(--pc-ink);background:var(--pc-gold)}
.vote-bonus-icon{flex:none;width:40px;height:40px;padding:6px;border-radius:12px;background:#2b2720;image-rendering:pixelated;filter:grayscale(1) brightness(.65);transition:filter .3s}
.vote-bonus-icon.is-earned{filter:none;background:#3a2e17}
.vote-progress-foot{border-top:1px solid #312a20;padding-top:12px;font-size:12px;color:#b0a38c;flex-wrap:wrap}
.vote-progress-foot [data-vote-bonus-state]{color:#e7c78c;font-weight:800;text-align:right;margin-left:auto}
.vote-progress-foot [data-vote-account]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.vote-progress code{font-family:inherit;color:var(--pc-gold);font-weight:900}
.vote-progress-note{margin:8px 0 0;font-size:11px;color:#8f8676;line-height:1.5}
.vote-account-name{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:#f4e6cc}
.vote-account-name img{width:24px;height:24px;border-radius:6px;image-rendering:pixelated}
.vote-name-form{display:flex;gap:6px}
.vote-name-form input{width:180px;min-height:34px;padding:0 10px;border:1px solid #4a3f2e;border-radius:9px;background:#15130f;color:#f6f5f2;font:inherit;font-size:13px}
.vote-name-form input:focus{outline:2px solid var(--pc-gold);outline-offset:1px}
.vote-name-form input[aria-invalid=true]{border-color:#e0674f}
.vote-name-go,.vote-name-change{min-height:34px;padding:0 12px;border:0;border-radius:9px;background:#3a2e17;color:var(--pc-gold);font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.vote-name-change{min-height:0;padding:4px 8px;background:none;text-decoration:underline;text-underline-offset:3px}
.vote-name-hint{color:#8f8676}
.vote-muted{font-size:13px;color:#a89d88;margin:0}

/* Vote links: calm dark tiles; the gold button is the one thing that stands out. */
.vote-sites-section,.vote-week-section{margin-top:38px}
.vote-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 14px}
.vote-section-head h2{font-size:1.4rem;margin:0}
.vote-section-head h2.vote-label{font-size:12px}
.vote-section-head>span{font-size:11px;color:#9f9380}
.vote-site-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(172px,1fr));gap:12px}
.vote-site-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:228px;padding:20px 16px 16px;border:1px solid var(--pc-line);border-radius:18px;background:linear-gradient(180deg,#26221b,var(--pc-panel));transition:border-color .15s,transform .15s}
.vote-site-card:hover{border-color:#5e4c2c;transform:translateY(-2px)}
.vote-tile-art{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}
.vote-tile-amount{font-family:MinecraftScreen,monospace;font-size:2.6rem;line-height:1;margin-top:10px;color:var(--pc-gold)}
.vote-site-number{font-size:10px;font-weight:950;letter-spacing:.14em;color:#a8997f;margin-top:4px}
.vote-site-card h3{font-size:14px;font-weight:800;margin:4px 0 16px;color:#f2e7d3;overflow-wrap:anywhere}
.vote-site-card .button{display:flex;justify-content:center;gap:8px;align-items:center;width:100%;margin-top:auto;min-height:40px;padding:8px 13px;border-radius:11px;border:0;background:linear-gradient(180deg,var(--pc-gold-hi),var(--pc-gold-lo));color:var(--pc-ink);font-size:14px;font-weight:900;box-shadow:0 4px 0 var(--pc-gold-lip);transition:transform .1s,box-shadow .1s}
.vote-site-card .button:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--pc-gold-lip)}
.vote-site-card .button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--pc-gold-lip)}
.vote-site-card .button:disabled{background:#2b2720;color:#a8997f;box-shadow:none;cursor:not-allowed;transform:none}
.vote-voted-badge{position:absolute;top:12px;right:12px;padding:3px 8px;border-radius:999px;background:#1f3318;color:#a9e08a;font-size:10px;font-weight:900;letter-spacing:.04em}
.vote-timer{display:grid;gap:2px;width:100%;margin-top:auto;padding:7px 10px;border-radius:11px;background:#15130f;border:1px solid #342c21}
.vote-timer small{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#9f9380}
.vote-countdown{font-family:MinecraftScreen,monospace;font-size:1.8rem;line-height:1;color:var(--pc-gold)}
.vote-wait{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:auto}.vote-wait .vote-timer{flex:999 1 128px;width:auto;margin-top:0}.vote-site-card .vote-visit{flex:1 0 auto;width:auto;min-height:0;margin:0;padding:8px 14px;background:#2b2419;color:var(--pc-gold);border:1px solid #5a4829;box-shadow:0 4px 0 #120e09}.vote-site-card .vote-visit:hover{border-color:#7a5f33;box-shadow:0 5px 0 #120e09}.vote-site-card .vote-visit:active{box-shadow:0 1px 0 #120e09}.vote-reset-clock{font-variant-numeric:tabular-nums;color:var(--pc-gold);font-weight:950}.vote-site-card.is-waiting .vote-tile-art,.vote-site-card.is-waiting .vote-tile-amount{opacity:.55}
.vote-confirmed{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.vote-tile-extras{font-size:11px;font-weight:900;color:#8fd8ff;margin-top:2px;letter-spacing:.02em}
.vote-reward-extras{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 8px;padding:0}
.vote-reward-extras li{padding:3px 9px;border-radius:999px;background:#2c1a071f;border:1px solid #2c1a0733;font-size:12px;font-weight:900}

/* What the keys and tokens are for: the Vote Crate and chat colours. */
.vote-spend{margin-top:38px}
.vote-spend .vote-section-head code{font-family:inherit;color:var(--pc-gold);font-weight:900}
.vote-spend-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:14px;align-items:start}
.vote-spend-card{border:1px solid var(--pc-line);border-radius:18px;background:linear-gradient(180deg,#26221b,var(--pc-panel));padding:20px 20px 18px}
.vote-spend-card .vote-label{color:var(--pc-gold)}
.vote-spend-card h3{font-size:1.2rem;line-height:1.25;margin:6px 0 8px;color:#f6ecd8}
.vote-spend-card h3 em{font-style:normal;color:var(--pc-gold)}
.vote-spend-card>p{font-size:13px;color:#b8ac96;margin:0 0 14px;line-height:1.6}
.vote-spend-card code{font-family:inherit;color:var(--pc-gold);font-weight:900}
.vote-crate-card{border-color:#2f4a55;background:linear-gradient(160deg,#1c2a30,var(--pc-panel) 60%)}
.vote-crate-card .vote-label{color:#8fd8ff}
.vote-prize-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vote-prize{display:grid;justify-items:center;gap:4px;padding:12px 8px 10px;border-radius:13px;background:#15130f;border:1px solid #2d2a24;text-align:center}
.vote-prize img{width:44px;height:44px;image-rendering:pixelated;filter:drop-shadow(0 4px 4px #0006)}
.vote-prize.is-rare{border-color:#6d5427;background:radial-gradient(circle at 50% 30%,#3a2e17,#15130f 70%)}
.vote-prize-name{font-size:12px;font-weight:850;color:#f2e7d3;line-height:1.25}
.vote-prize-chance{font-size:11px;font-weight:900;color:#8fd8ff}
.vote-prize.is-rare .vote-prize-chance{color:var(--pc-gold)}
.vote-prize-glyph{font-size:30px;line-height:44px;color:#8fd8ff}
.vote-prize-table{margin-top:12px}
.vote-prize-table summary{cursor:pointer;font-size:13px;font-weight:900;color:#8fd8ff;padding:6px 0}
.vote-prize-table .table-scroll{margin-top:8px;border-radius:12px}
.vote-prize-table .comparison{min-width:0;font-size:12px}
.vote-prize-table .comparison th,.vote-prize-table .comparison td{padding:8px 12px;white-space:normal}
.vote-prize-table .comparison td:last-child{text-align:right;color:#8fd8ff;font-weight:900;white-space:nowrap}
.vote-prize-table .comparison th:nth-child(2),.vote-prize-table .comparison td:nth-child(2){text-align:center}
.vote-prize-table .vote-muted{margin-top:8px;font-size:12px}
.vote-colour-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.vote-colour-list li{display:flex;flex-direction:column;gap:0;padding:6px 10px;border-radius:10px;background:#15130f;border:1px solid #2d2a24;min-width:0}
.vote-colour-name{font-family:PopcornMinecraft,MinecraftScreen,monospace;font-size:16px;max-width:max-content;line-height:1.4;color:transparent;-webkit-background-clip:text;background-clip:text;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vote-colour-price{flex:none;font-size:11px;font-weight:900;color:var(--pc-gold)}
@media(max-width:860px){.vote-spend-grid{grid-template-columns:1fr}}
@media(max-width:480px){.vote-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vote-colour-list li{flex-direction:row;align-items:baseline;justify-content:space-between}.vote-site-card .vote-tile-extras{grid-area:number;margin:0}.vote-site-card .vote-site-number{display:none}}

/* Weekly leaderboard with its payout timer. */
.vote-week-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 0 10px;padding:16px 18px;border-radius:16px;border:1px solid #57442a;background:linear-gradient(120deg,#2d2416,var(--pc-panel) 70%)}
.vote-week-banner .vote-label{color:var(--pc-gold)}
.vote-week-banner p{margin:4px 0 0;font-size:13px;color:#d6c6aa}
.vote-week-timer{display:flex;align-items:center;gap:10px;flex:none;padding:7px 14px;border-radius:12px;background:#15130f;border:1px solid #4a3a24;color:var(--pc-gold)}
.vote-week-timer [data-vote-week-countdown]{font-family:MinecraftScreen,monospace;font-size:1.9rem;line-height:1;color:var(--pc-cream);min-width:7.5ch;text-align:right}
.vote-last-week{margin:0 0 10px;font-size:12px;color:#a89d88}
.vote-leaderboard{--metric-colour:var(--pc-gold);display:grid;gap:6px}
.vote-leaderboard .leaderboard-row>strong{font-family:MinecraftScreen,monospace;font-size:1.6rem;font-weight:400;color:var(--pc-cream)}

.vote-leaderboard.has-prizes .leaderboard-row{grid-template-columns:25px minmax(0,1fr) 104px 110px}.vote-leaderboard .leaderboard-row>strong{text-align:right}
.vote-prize-chip.is-empty{visibility:hidden}.vote-leaderboard [data-position="2"] .vote-prize-chip{border-color:#5d636c;background:#22252a;color:#c0c7d2}.vote-leaderboard [data-position="3"] .vote-prize-chip{border-color:#6e4c31;background:#2a1f17;color:#cd9464}
.vote-prize-chip{justify-self:center;text-align:center;min-width:84px;box-sizing:border-box;padding:3px 9px;border-radius:999px;border:1px solid #6d5427;background:#2d2416;color:var(--pc-gold);font-size:12px;font-weight:900;white-space:nowrap}
.vote-empty{grid-column:1/-1;text-align:center;padding:36px 22px;color:#a9a398;border:1px dashed #51442f;border-radius:16px;line-height:1.7}
.vote-leaderboard .vote-empty{border:1px solid #383229;background:#1d1c19}
.vote-empty h3{font-size:16px;color:#e9deca;margin:0 0 8px}.vote-empty p{font-size:13px;margin:0 auto;max-width:460px}
.vote-footnote{max-width:760px;margin:26px auto 0;text-align:center;color:#958d7f;font-size:12px;line-height:1.8}
.vote-wrap a:focus-visible,.vote-site-card .button:focus-visible,.vote-name-go:focus-visible,.vote-name-change:focus-visible{outline:3px solid var(--pc-cream);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.vote-reward-art{animation:none}.vote-site-card{transition:none}}
@media(max-width:760px){.vote-hero{padding:34px 0 24px}.vote-rewards{grid-template-columns:1fr}.vote-reward-art{width:84px;height:84px}.vote-week-banner{flex-direction:column;align-items:flex-start}.vote-leaderboard.has-prizes .leaderboard-row{grid-template-columns:20px minmax(0,1fr) 96px 86px}.vote-prize-chip{min-width:0;max-width:96px;padding:3px 7px;font-size:11px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:480px){.vote-reward{padding:18px 18px 20px}.vote-reward-art{width:70px;height:70px}.vote-reward-amount{font-size:2.6rem}.vote-reward-amount img{width:26px;height:26px}.vote-site-grid{grid-template-columns:1fr;gap:12px}.vote-site-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"art amount" "art number" "art name" "action action";column-gap:14px;align-items:center;text-align:left;min-height:0;padding:14px}.vote-tile-art{grid-area:art;width:48px;height:48px}.vote-tile-amount{grid-area:amount;font-size:2.1rem;margin:0}.vote-site-number{grid-area:number;margin:0}.vote-site-card h3{grid-area:name;margin:2px 0 0}.vote-site-card>.button,.vote-wait{grid-area:action;margin-top:12px}.vote-progress-foot [data-vote-bonus-state]{margin-left:0;text-align:left}.vote-name-form input{width:150px}.vote-leaderboard.has-prizes .leaderboard-row{grid-template-columns:20px minmax(0,1fr) auto}.vote-prize-chip{display:none}}