/* Ned Hardy Games: "Up next" card on results screens. */
.nhn{box-sizing:border-box;width:100%;margin:18px 0 10px;padding:16px 16px 14px;background:#fff;border:1px solid #E3E3E3;border-radius:18px;font-family:"Libre Franklin","DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#121212;text-align:left;line-height:1.3}
.nhn *{box-sizing:border-box}
.nhn p{margin:0}
.nhn-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.nhn-k{font-family:"Fraunces",Georgia,"Times New Roman",serif;font-weight:900;font-size:20px;letter-spacing:-.01em;line-height:1}
.nhn-c{font-size:13px;font-weight:600;color:#5C5C5C;white-space:nowrap}
.nhn-dots{display:flex;gap:4px;margin:-4px 0 6px}
.nhn-dots i{flex:1;height:6px;border-radius:999px;background:#E6E6E6}
.nhn-dots i.on{background:#121212}
.nhn-row{display:flex;gap:8px;overflow-x:auto;padding:10px 2px 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nhn-row::-webkit-scrollbar{display:none}
.nhn a.nhn-chip{flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px 10px;border-radius:14px;background:var(--p,#F2F2F2);color:#121212;text-decoration:none;text-align:center;position:relative;border:0;box-shadow:none;transition:transform .12s ease}
.nhn a.nhn-chip:hover{transform:translateY(-2px)}
.nhn a.nhn-chip:focus-visible{outline:3px solid #121212;outline-offset:2px}
.nhn .nhn-ic{width:44px;height:44px;display:block}
.nhn-chip b{font-family:"Fraunces",Georgia,serif;font-weight:900;font-size:14px;line-height:1.1}
.nhn-chip small{font-size:11px;font-weight:700;color:#3a3a3a}
.nhn a.nhn-chip.is-next{outline:2px solid #121212;outline-offset:-2px}
.nhn-chip em{position:absolute;top:-8px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#121212;color:#fff;border-radius:999px;padding:3px 8px;line-height:1.2}
.nhn-done{display:flex;gap:14px;align-items:center;padding:14px;border-radius:14px;background:#F4F1E8}
.nhn-badge{width:52px;height:52px;flex:0 0 auto;border-radius:50%;background:#121212;display:grid;place-items:center}
.nhn-dtxt b{display:block;font-family:"Fraunces",Georgia,serif;font-weight:900;font-size:20px;line-height:1.1}
.nhn-dtxt p{margin:3px 0 0;font-size:13.5px;color:#2E2E2E}
.nhn-cd{font-weight:800;font-variant-numeric:tabular-nums}
.nhn-streak{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;background:#FFE08A;border-radius:999px;padding:3px 10px}
.nhn-icons{display:flex;gap:6px;margin-top:12px;justify-content:space-between}
.nhn-icons a{flex:1;display:block;line-height:0;max-width:38px}
.nhn-icons .nhn-ic{width:100%;height:auto;aspect-ratio:1}
@media (prefers-reduced-motion:reduce){.nhn a.nhn-chip{transition:none}.nhn a.nhn-chip:hover{transform:none}}