:root{
  --plank:#0d211a; --plank2:#14302a; --plankd:#07130f;
  --sheet:#ecd9a6; --sheet2:#d4b674; --burn:#8a6127; --soot:#2a1a08; --soot2:#5e4319;
  --nail:#c9a24a; --ochre:#dcae38; --ochre2:#fbd877; --ochred:#8c6213;
  --fern:#239766; --fern2:#11593b; --crimson:#9e2433; --sage:#a3c0b0;
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh; display:flex; justify-content:center; align-items:flex-start; padding:26px 16px 30px;
  font:400 15px/1.5 "Roboto Slab",Georgia,serif; color:var(--soot);
  background:
    repeating-linear-gradient(90deg,transparent 0 88px,rgba(0,0,0,.35) 88px 91px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.015) 0 3px,transparent 3px 9px),
    linear-gradient(90deg,var(--plank),var(--plank2) 50%,var(--plank));
}
@media (min-height:820px){body{align-items:center}}
.wp{width:100%; max-width:400px}

.wp-poster{
  position:relative; text-align:center; padding:26px 20px 20px; transform:rotate(-1deg);
  background:
    radial-gradient(ellipse at 50% 50%,transparent 50%,rgba(138,97,39,.45) 100%),
    radial-gradient(circle at 12% 88%,rgba(138,97,39,.25),transparent 18%),
    linear-gradient(180deg,var(--sheet),var(--sheet2));
  clip-path:polygon(0 1%,6% 0,20% 1%,38% 0,56% 1%,74% 0,92% 1%,100% 0,99% 20%,100% 42%,99% 66%,100% 88%,99% 100%,80% 99%,60% 100%,40% 99%,22% 100%,4% 99%,1% 100%,0 80%,1% 56%,0 30%);
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.55));
}
.wp-nail{position:absolute;top:10px;width:14px;height:14px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#fff3c2,var(--nail) 50%,#6b4a10);box-shadow:0 2px 3px rgba(0,0,0,.5)}
.wp-nail--l{left:14px}.wp-nail--r{right:14px}

.wp-wanted{font:56px/1 Rye,serif;letter-spacing:2px;text-transform:uppercase;color:var(--soot)}
.wp-who{font-weight:800;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--soot2);margin:6px 0 10px;
  border-top:2px solid var(--soot);border-bottom:2px solid var(--soot);padding:4px 0}

.wp-mug{margin:0 auto 10px;max-width:250px;padding:5px;background:var(--soot);box-shadow:0 0 0 2px var(--ochre)}
.wp-mug svg{display:block;width:100%;height:auto}

.wp-reward{font-weight:400;margin-bottom:4px}
.wp-reward small{display:block;font:22px/1 Rye,serif;text-transform:uppercase;letter-spacing:4px;color:var(--crimson)}
.wp-reward b{
  display:block; font:400 70px/1.05 Rye,serif;
  background:linear-gradient(180deg,var(--ochre2) 10%,var(--ochre) 55%,var(--ochred));
  -webkit-background-clip:text; background-clip:text; color:transparent;
  -webkit-text-stroke:1.5px #4d3305; filter:drop-shadow(0 3px 0 rgba(60,35,5,.4));
}
.wp-reward span{display:block;font:800 26px/1.1 "Roboto Slab",serif;color:var(--soot)}
.wp-terms{font-size:11.5px;color:var(--soot2);margin-bottom:10px}

.wp-txt{font-size:13.5px;text-align:left;margin-bottom:14px;padding:8px 0;border-top:1px dashed var(--burn);border-bottom:1px dashed var(--burn)}
.wp-txt a{color:var(--fern2);font-weight:800}

.wp-btn{
  display:block; text-decoration:none; color:#fff; padding:14px 16px; border-radius:999px;
  font:21px/1 Rye,serif; letter-spacing:1px; text-transform:uppercase;
  background:linear-gradient(180deg,#3cc58a,var(--fern) 50%,var(--fern2));
  border:2px solid var(--ochre2); box-shadow:0 0 0 3px var(--ochred),inset 0 2px 0 rgba(255,255,255,.3),0 8px 14px rgba(40,20,0,.35);
  text-shadow:0 2px 0 rgba(0,0,0,.3); transition:transform .15s;
}
.wp-btn:hover{transform:rotate(1deg) scale(1.02)}
.wp-fine{font-size:11px;color:var(--soot2);margin-top:8px}

.wp-note{
  position:relative; margin:18px 14px 0; padding:10px 14px; font-size:13px; color:var(--soot);
  background:#f6eccf; transform:rotate(1.2deg); box-shadow:0 8px 14px rgba(0,0,0,.4);
}
.wp-note::before{content:"";position:absolute;top:-8px;left:50%;width:60px;height:16px;margin-left:-30px;background:rgba(220,174,56,.55)}
.wp-note b{color:var(--crimson)}
.wp-note a{color:var(--fern2);font-weight:800}

.wp-foot{margin-top:20px;text-align:center;font-size:11.5px;color:var(--sage)}
.wp-foot a{color:var(--ochre2)}
.wp-foot p+p{margin-top:2px}

@media (max-width:380px){
  .wp-poster{padding:24px 14px 18px}
  .wp-wanted{font-size:44px}.wp-reward b{font-size:58px}.wp-reward span{font-size:22px}
}