/* B15 Whodatpoke contest page (/whodatpoke). Loaded after rewards.css (rw* base). Everything here is prefixed wdp. */
.wdpHero{display:block;width:100%;height:auto;aspect-ratio:16/9;margin:22px 0 0;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.45);background:var(--raise)}
.wdpCount{margin:22px 0 0;padding:20px 18px;border-radius:14px;text-align:center;background:linear-gradient(160deg,#1B2C5A,var(--raise));border:1px solid rgba(232,184,75,.45)}
.wdpCountH{margin:0 0 10px;font-family:var(--util);font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--goldT)}
.wdpClock{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;min-height:76px}
.wdpU{display:flex;flex-direction:column;align-items:center;min-width:76px;padding:8px 6px;border-radius:10px;background:rgba(10,18,40,.65);border:1px solid rgba(var(--fgr),.1)}
.wdpU b{font-size:36px;font-weight:900;line-height:1.05;letter-spacing:-.02em;color:var(--goldT);font-variant-numeric:tabular-nums}
.wdpU i{font-style:normal;font-family:var(--util);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.wdpWhen{margin:12px 0 0;font-size:15px;color:var(--paper)}
.wdpPlayer{margin:18px 0 0;border-radius:14px;overflow:hidden;border:1px solid rgba(var(--fgr),.12);background:var(--raise)}
.wdpPlayer iframe{display:block;width:100%;height:450px;border:0}
.wdpWait{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:140px;padding:18px;text-align:center;color:var(--muted)}
.wdpWait p{margin:0;font-size:16px}
.wdpNote{font-size:34px;line-height:1;color:rgba(232,184,75,.7)}
.wdpCountN{margin:10px 0 0;font-family:var(--util);font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}
.wdpGap{margin-top:12px}
.rwLbl i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}
.wdpWin{margin:0;font-size:22px}.wdpWin b{color:var(--goldT)}
.wdpAns{margin:10px 0 0;font-size:17px}
.wdpPast{margin-top:34px}
.wdpPast h2{margin:0 0 14px;font-size:22px;font-weight:900}
.wdpPastGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wdpPastCard{border-radius:14px;overflow:hidden;background:var(--vinyl);border:1px solid rgba(var(--fgr),.09)}
.wdpPastCard img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.wdpPastCard div{display:flex;flex-direction:column;gap:3px;padding:10px 14px 12px;font-size:14.5px;color:var(--muted)}
.wdpPastCard b{font-size:17px;color:var(--paper)}
/* B17: "Up next" (announced contests) */
.wdpNext{margin-top:34px}
.wdpNext h2{margin:0 0 14px;font-size:22px;font-weight:900}
.wdpNextCard{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#1B2C5A,var(--raise));border:1px solid rgba(232,184,75,.45);margin:0 0 16px}
.wdpNextCard img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover}
.wdpNextCard div{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:16px 20px;font-size:15.5px;color:var(--paper)}
.wdpNextCard b{font-size:24px;font-weight:900;letter-spacing:-.01em}
.wdpNextPrize{font-family:var(--util);font-size:19px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--goldT)}
.wdpNextSmall{font-size:13.5px;color:var(--muted)}
@media(max-width:760px){.wdpNextCard{grid-template-columns:1fr}.wdpNextCard img{height:auto}}
@media(max-width:760px){.wdpPastGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.wdpPlayer iframe{height:400px}.wdpU{min-width:64px}.wdpU b{font-size:30px}.wdpHero{border-radius:12px}}
@media(max-width:420px){.wdpPastGrid{grid-template-columns:1fr}.wdpClock{gap:6px}.wdpU{min-width:58px;padding:6px 4px}.wdpU b{font-size:26px}}
/* B41: the prize (30th Celebration pack in front of the wheel) */
.wdpWin{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,427px);grid-template-areas:"t i" "s i";align-items:center;gap:6px 24px;margin:26px 0 0;padding:22px 24px;border-radius:16px;background:radial-gradient(120% 140% at 85% 50%,rgba(232,184,75,.18),transparent 60%),var(--raise);border:1px solid rgba(232,184,75,.3)}
.wdpWin img{grid-area:i;display:block;width:100%;height:auto}
.wdpWinT{grid-area:t;align-self:end;margin:0;font-family:"Luckiest Guy",var(--disp),sans-serif;font-size:64px;line-height:1.02;letter-spacing:.02em;color:#FFCB05;-webkit-text-stroke:5px #2A75BB;paint-order:stroke fill;text-shadow:0 5px 0 #1B3E6E,0 10px 22px rgba(0,0,0,.35);transform:rotate(-3deg)}
.wdpWinS{grid-area:s;align-self:start;margin:10px 0 0;font-size:16px;line-height:1.5;color:var(--paper)}
.wdpWinS a{color:var(--gold)}
@media(max-width:760px){.wdpWin{grid-template-columns:1fr;grid-template-areas:"t" "i" "s";text-align:center;padding:18px 14px}.wdpWinT{font-size:44px;-webkit-text-stroke:4px #2A75BB}.wdpWin img{max-width:340px;margin:0 auto}}
