.hh-page{--hh-purple:#6f3c78;--hh-cream:#fff4d8}.hh-hero figure{min-width:min(100%,360px)}.hh-brand{min-height:215px;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at 50% 35%,#8f5d91 0,#452d52 48%,#1f263d 100%);border:4px solid #2d2038;border-radius:18px;box-shadow:inset 0 0 0 3px #b98b91}.hh-brand img{width:min(100%,254px);height:auto;image-rendering:pixelated;filter:drop-shadow(0 6px 0 #24172c)}.hh-icon{object-fit:contain;image-rendering:pixelated}.hh-note{font-size:.88rem;color:var(--muted);border-top:1px solid var(--line);padding-top:.75rem}.hh-lore{white-space:pre-line}.hh-horror details ul{padding-left:1.2rem}.hh-horror details li+li{margin-top:.6rem}.hh-controls{position:sticky;top:.5rem;z-index:2}.hh-planner{display:grid;gap:1rem}.hh-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.65rem}.hh-results button{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;text-align:left;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);cursor:pointer}.hh-results button:hover,.hh-results button:focus-visible{border-color:var(--hh-purple);transform:translateY(-1px)}.hh-results small{color:var(--muted)}.hh-total{padding:1rem;border:2px solid var(--hh-purple);border-radius:14px;background:color-mix(in srgb,var(--hh-purple) 8%,var(--surface))}.hh-total ul{columns:2;margin-bottom:0}@media(max-width:650px){.hh-controls{position:static}.hh-hero figure{min-width:0}.hh-total ul{columns:1}}
.hh-planner>label{display:grid;gap:.35rem;font-weight:700}.hh-planner>label input{width:100%;min-height:44px;padding:.65rem}