/* Word on the Street — shared styles for scores, marks and medals. */

/* Daily marks: Clean Solve is an outlined rubber stamp, Perfect Score a solid gold seal. */
.stamp{display:inline-flex; align-items:center; gap:6px; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; padding:5px 10px 5px 8px; border:1.5px solid var(--gold); color:var(--gold); border-radius:2px; position:relative; transform:rotate(-2deg); font-family:Georgia, serif; white-space:nowrap;}
.stamp::after{content:""; position:absolute; inset:2px; border:1px solid rgba(201,162,75,.45); pointer-events:none;}
.stamp svg{width:14px; height:14px;}
.seal{display:inline-flex; align-items:center; gap:7px; font-size:10px; letter-spacing:1.5px; text-transform:uppercase; padding:6px 11px 6px 7px; background:var(--gold); color:var(--navy); border-radius:2px; font-weight:700; box-shadow:0 0 0 1px var(--navy), 0 0 0 2px var(--gold); font-family:Georgia, serif; white-space:nowrap;}
.seal svg{width:16px; height:16px;}
.stamp.sm{font-size:8px; padding:2px 6px 2px 5px; gap:3px; letter-spacing:1.1px; border-width:1px; transform:none;}
.stamp.sm svg{width:10px; height:10px;}
.stamp.sm::after{display:none;}
.seal.sm{font-size:8px; padding:2px 6px 2px 4px; gap:3px; letter-spacing:1.1px;}
.seal.sm svg{width:11px; height:11px;}

/* "New medal" card on the result screen. */
.unlock{display:flex; align-items:center; gap:10px; background:var(--paper); color:var(--paper-ink); border:1px solid var(--gold); padding:8px 10px; text-align:left; text-decoration:none;}
.unlock svg{width:46px; height:46px; flex-shrink:0;}
.unlock p{margin:0; font-size:12px; line-height:1.35;}
.unlock .k{display:block; font-size:8.5px; letter-spacing:1.4px; text-transform:uppercase; color:var(--gold-dark); font-weight:700;}
.unlock .w{display:block; font-size:11px; color:#5b5848; font-style:italic;}

@media (prefers-reduced-motion:no-preference){
  .unlock{animation:wots-pop .5s ease both;}
  @keyframes wots-pop{from{transform:scale(.94); opacity:0;} to{transform:none; opacity:1;}}
}