.hnStage{--hn-paper:#ebf0e6;--hn-ink:#1b1913;--hn-accent:#3d6b52;--wr-paper:var(--hn-paper);--wr-ink:var(--hn-ink);--wr-accent:var(--hn-accent);background:var(--hn-paper);background-image:linear-gradient(to right, transparent 0 26px, color-mix(in srgb, var(--hn-accent) 16%, transparent) 26px 27px, transparent 27px);color:var(--hn-ink);position:fixed;inset:0;overflow:hidden}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .hnStage{--hn-paper:#141510;--hn-ink:#f3f1e9;--hn-accent:#85b394}}:root[data-theme=dark] .hnStage{--hn-paper:#141510;--hn-ink:#f3f1e9;--hn-accent:#85b394}.hnColumn{padding:calc(52px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);place-items:stretch center;gap:10px;display:grid;position:absolute;inset:0;overflow-y:auto}.hnPrompt{text-align:center;justify-items:center;gap:6px;max-width:640px;display:grid}.hnPromptEyebrow{font-family:var(--display-stack);letter-spacing:-.018em;margin:0;font-size:clamp(1.7rem,5.4vw,2.5rem);font-weight:580;line-height:1.05}.hnSheet{grid-template-rows:minmax(0,1fr) auto;justify-self:center;gap:14px;width:min(100%,560px);min-height:0;display:grid}.hnClues{align-content:space-between;gap:10px;min-height:0;margin:0;padding:0;list-style:none;display:grid;position:relative;overflow-y:auto}.hnClues:before{content:"";background:color-mix(in srgb, var(--hn-ink) 11%, transparent);width:2px;position:absolute;top:20px;bottom:20px;left:32px}.hnCluePrice{z-index:1;position:relative}.hnClue{border:1px solid color-mix(in srgb, var(--hn-ink) 18%, transparent);background:color-mix(in srgb, var(--hn-ink) 2.5%, var(--hn-paper));border-radius:2px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;display:grid;position:relative}.hnClue:nth-child(odd){rotate:-.35deg}.hnClue:nth-child(2n){rotate:.3deg}.hnClue[data-current=true]{border-color:color-mix(in srgb, var(--hn-accent) 55%, transparent)}.hnClue[data-unseen=true]{opacity:.5;border-style:dashed}.hnClue[data-locked=true]{border-style:dashed;border-color:color-mix(in srgb, var(--hn-ink) 13%, transparent);background:0 0;align-items:center;padding:7px 14px;animation:none}.hnClue[data-locked=true] .hnCluePrice{border-color:color-mix(in srgb, var(--hn-ink) 16%, transparent);background:var(--hn-paper);color:color-mix(in srgb, var(--hn-ink) 34%, transparent)}.hnClueLocked{align-items:center;margin:0;display:flex}.hnClueRule{background:repeating-linear-gradient(to right, color-mix(in srgb, var(--hn-ink) 15%, transparent) 0 5px, transparent 5px 11px);width:100%;height:1px;display:block}.hnCluePrice{border:1px solid color-mix(in srgb, var(--hn-ink) 30%, transparent);font-variant-numeric:tabular-nums;min-width:34px;height:26px;color:color-mix(in srgb, var(--hn-ink) 68%, transparent);border-radius:999px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.hnClue[data-current=true] .hnCluePrice{background:var(--hn-accent);border-color:var(--hn-accent);color:var(--hn-paper)}.hnClueText{transform-origin:0 0;margin:2px 0 0;line-height:1.45;animation:.34s cubic-bezier(.2,1.1,.4,1) both hnDeal}.hnClue:not([data-current=true]) .hnClueText{color:color-mix(in srgb, var(--hn-ink) 82%, transparent)}.hnClue[data-unseen=true] .hnClueText{animation-delay:calc(var(--hn-delay,0) * .11s)}@keyframes hnDeal{0%{opacity:0;transform:translateY(-8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.hnPlay{align-content:end;justify-items:stretch;gap:10px;min-height:0;display:grid}.hnPrice{align-items:baseline;gap:10px;margin:0;display:flex}.hnPriceNumber{font-family:var(--display-stack);letter-spacing:-.03em;color:var(--hn-accent);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,3.4rem);font-weight:600;line-height:.9}.hnPriceLabel{color:color-mix(in srgb, var(--hn-ink) 62%, transparent);font-size:.82rem;font-weight:640;line-height:1.25}.hnWrong{color:color-mix(in srgb, var(--hn-ink) 80%, transparent);margin:0;font-weight:640;animation:.3s hnShake}.hnNear{color:var(--hn-accent);margin:0;font-weight:640;animation:.32s hnLean}@keyframes hnLean{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hnShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}55%{transform:translate(3px)}80%{transform:translate(-2px)}}.hnGuessForm{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.hnInput{border:1px solid color-mix(in srgb, var(--hn-ink) 32%, transparent);background:var(--hn-paper);min-width:0;color:var(--hn-ink);font:inherit;border-radius:2px;padding:12px 14px;font-size:1.05rem}.hnInput:focus-visible{outline:3px solid var(--hn-ink);outline-offset:1px}.hnInput::placeholder{color:color-mix(in srgb, var(--hn-ink) 42%, transparent)}.hnSecondary{justify-items:center;display:grid}.hnResult{padding-top:4px}.hnHudTop{padding:calc(12px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid color-mix(in srgb, currentColor 14%, transparent);pointer-events:none;background:color-mix(in srgb, var(--hn-paper) 88%, transparent);justify-content:space-between;align-items:baseline;display:flex;position:absolute;top:0;left:0;right:0}.hnHudTop a,.hnHudTop button{pointer-events:auto}.hnWordmark{font-family:var(--display-stack);font-variation-settings:"WONK" 1;letter-spacing:-.008em;color:var(--hn-ink);font-size:1.02rem;font-weight:640;text-decoration:none}.hnRound{letter-spacing:.15em;text-transform:uppercase;color:color-mix(in srgb, var(--hn-ink) 55%, transparent);margin:0;font-size:.75rem;font-weight:560}.hnLoading,.hnError{color:color-mix(in srgb, var(--hn-ink) 60%, transparent);place-items:center;margin:0;font-weight:650;display:grid;position:absolute;inset:0}.hnError{text-align:center;place-content:center;justify-items:center;gap:14px}.hnError p{color:var(--hn-ink);margin:0;font-size:1.1rem}@media (min-width:720px){.hnColumn{padding-top:calc(64px + env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.hnClue,.hnClueText,.hnWrong,.hnNear{animation:none}.hnClue:nth-child(odd),.hnClue:nth-child(2n){rotate:none}}.hnCategoryTell{border:1px solid color-mix(in srgb, var(--hn-accent) 55%, transparent);letter-spacing:.04em;color:var(--hn-accent);white-space:nowrap;vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:.72rem;font-weight:700;display:inline-block}@media (min-width:860px){.hnSheet{width:min(100%,720px)}.hnClueText{font-size:1.06rem}.hnClue{padding:14px 18px}}