/* The Honeypot */
.hp__stats { display: flex; flex-wrap: wrap; gap: .9rem 1.4rem; margin: 0; font-size: .78rem; letter-spacing: .08em; color: var(--fg-muted); }
.hp__stats b { display: block; font-size: 1.4rem; font-weight: 400; letter-spacing: 0; color: var(--glo-green); }
.hp__jar { justify-self: start; }
.hp__jar span { margin-left: .5em; font-size: .8em; opacity: .8; }
.hp__shop { display: grid; gap: .5rem; }
@media (min-width: 560px) { .hp__shop { grid-template-columns: 1fr 1fr; } }
.hp__buy { display: grid; gap: .2rem; text-align: left; padding: .7rem .8rem; border-radius: 10px; cursor: pointer;
           background: var(--glo-void); color: var(--fg); border: 1px solid rgba(143,163,148,.3); font: inherit; }
.hp__buy[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }
.hp__buy:not([aria-disabled="true"]):hover { border-color: var(--glo-green); box-shadow: var(--glo-halo-sm); }
.hp__buy:focus-visible { outline: 3px solid var(--glo-green-soft); outline-offset: 2px; }
.hp__buy .hp__name { font-family: var(--font-mono); font-size: .8rem; letter-spacing: .06em; color: var(--glo-green-soft); }
.hp__buy .hp__desc { font-size: .78rem; color: var(--fg-muted); }
.hp__buy .hp__cost { font-family: var(--font-mono); font-size: .78rem; }
.hp__say { margin: 0; min-height: 2.6em; font-size: .82rem; line-height: 1.6; color: var(--fg); }