.htp-overlay[hidden]{display:none}.htp-overlay{z-index:1080;overscroll-behavior:contain;background:#2e294e8c;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.htp-overlay__panel{background:var(--surface);color:var(--ink);width:100%;max-width:40rem;min-height:100%}@media (width>=64rem){.htp-overlay__panel{max-width:56rem}}@media (width>=90rem){.htp-overlay__panel{max-width:64rem}}.htp-overlay__bar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.htp-overlay__heading{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);letter-spacing:.02em;margin:0}.htp-overlay__close{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;min-width:44px;min-height:44px;padding:.5rem 1rem;font-size:1rem}.htp-overlay__close:focus-visible,.htp-overlay__panel :focus-visible{box-shadow:var(--focus-ring);outline:none}.htp-overlay__body{padding:1rem}@media (width>=48rem){.htp-overlay__body{padding:var(--space-6)}}.htp{max-width:44rem}@media (width>=64rem){.htp{margin-inline:auto}}.htp__title{font-family:var(--font-display);font-weight:700;font-size:var(--text-xl);border-bottom:1px solid var(--border);align-items:center;gap:.625rem;margin:2.25rem 0 .75rem;padding-bottom:.5rem;line-height:1.25;display:flex}.htp__title:before{content:"";border-radius:var(--radius-pill);background:var(--htp-accent,var(--fill-lime));flex:none;width:.5rem;height:1.375rem}.htp__title:first-child{margin-top:0}.htp__title:first-of-type{--htp-accent:var(--card-deep)}.htp__title:nth-of-type(2){--htp-accent:var(--fill-blue)}.htp__title:nth-of-type(3){--htp-accent:var(--fill-lime)}.htp__title:nth-of-type(4){--htp-accent:var(--fill-warn)}.htp__title:nth-of-type(5){--htp-accent:var(--danger)}.htp__title:nth-of-type(6){--htp-accent:var(--fill-success)}.htp__title:nth-of-type(7){--htp-accent:var(--card-deep)}.htp__lead,.htp__note{margin:0 0 .75rem;line-height:1.7}.htp__note{color:var(--ink-2);font-size:.9375rem}.htp__lobby-step{grid-template-columns:2rem 1fr;align-items:baseline;gap:0 .875rem;margin:0;padding-bottom:1.25rem;display:grid;position:relative}.htp__lobby-step:before{content:"";background:var(--border);width:2px;position:absolute;top:1.5rem;bottom:.25rem;left:calc(1rem - 1px)}.htp__lobby-step-tag{border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--ink-2);text-align:center;text-transform:uppercase;letter-spacing:.04em;grid-area:1/1/span 2;align-self:start;padding:.1875rem 0;font-size:.6875rem;font-weight:600}.htp__lobby-step-name{font-family:var(--font-display);color:var(--ink);grid-column:2;font-size:1.0625rem;font-weight:700;line-height:1.4}.htp__lobby-step-detail{color:var(--ink-2);grid-column:2;font-size:.9375rem;line-height:1.7;display:block}.htp__steps{margin:0 0 .5rem;padding:0;list-style:none}.htp__step{grid-template-columns:2rem 1fr;gap:0 .875rem;padding-bottom:1.25rem;display:grid;position:relative}.htp__step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:2.125rem;bottom:.25rem;left:calc(1rem - 1px)}.htp__step-num{border-radius:var(--radius-pill);width:2rem;height:2rem;font-family:var(--font-display);background:var(--htp-step-fill);color:var(--htp-step-ink);grid-column:1;justify-content:center;align-items:center;font-size:1rem;font-weight:700;line-height:1;display:flex;position:relative}.htp__step--draw{--htp-step-fill:var(--ink-blue);--htp-step-ink:#fff}.htp__step--theme{--htp-step-fill:var(--ink-blue-soft);--htp-step-ink:#fff}.htp__step--talk{--htp-step-fill:var(--ink-success);--htp-step-ink:#fff}.htp__step--ask{--htp-step-fill:var(--ink-warn);--htp-step-ink:#fff}.htp__step--guess{--htp-step-fill:var(--ink-lime);--htp-step-ink:#fff}.htp__step--reveal{--htp-step-fill:var(--danger);--htp-step-ink:#fff}.htp__step--result{--htp-step-fill:var(--card-deep);--htp-step-ink:#fff}.htp__step-body{grid-column:2;display:block}.htp__step-head{flex-wrap:wrap;align-items:baseline;gap:.375rem .625rem;min-height:2rem;margin-bottom:.25rem;display:flex}.htp__step-name{font-family:var(--font-display);color:var(--ink);font-size:1.0625rem;font-weight:700;line-height:1.4}.htp__step-actor{border-radius:var(--radius-pill);background:var(--surface);white-space:nowrap;color:var(--htp-actor-ink,var(--ink-2));border:1px solid;flex:none;padding:.125rem .5rem;font-size:.75rem;line-height:1.5}.htp__step--draw{--htp-actor-ink:var(--ink-blue)}.htp__step--talk{--htp-actor-ink:var(--ink-success)}.htp__step--ask{--htp-actor-ink:var(--ink-warn)}.htp__step--guess{--htp-actor-ink:var(--ink-lime)}.htp__step--reveal{--htp-actor-ink:var(--danger-ink)}.htp__step--result{--htp-actor-ink:var(--ink-2)}.htp__step-detail{color:var(--ink-2);font-size:.9375rem;line-height:1.7;display:block}.htp__emph{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--fill-lime);text-decoration-color:var(--fill-lime);text-underline-offset:.25em;font-weight:600;text-decoration-thickness:2px}.htp__cards{counter-reset:htp-card;margin:0;padding:0;list-style:none}.htp__card{margin:0 0 1.5rem}.htp__card:last-child{margin-bottom:0}.htp__card-name{counter-increment:htp-card;font-family:var(--font-display);color:var(--ink);align-items:center;gap:.5rem;margin:0 0 .625rem;font-size:1.0625rem;font-weight:700;line-height:1.4;display:flex}.htp__card-name:before{content:counter(htp-card);border-radius:var(--radius-pill);background:var(--ink);width:1.5rem;height:1.5rem;color:var(--accent-on);flex:none;justify-content:center;align-items:center;font-size:.8125rem;display:flex}.htp__faces{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.875rem;display:grid}.htp__face{flex-direction:column;margin:0;display:flex}.htp__face figcaption{color:var(--ink-2);margin-top:.5rem;font-size:.8125rem;line-height:1.5}.htp__face--num{max-width:9rem}.htp__numart{display:block}.htp__numart .numtag{margin:0}.htp__card-note{color:var(--ink-2);margin:.75rem 0 0;font-size:.9375rem;line-height:1.7}.htp__cardart{flex:1;display:block;container-type:inline-size}.htp__cardart .wordcard,.htp__cardart .themecard{width:100%;margin:0}.htp__cardart .cardback{width:100%;min-height:100%;margin:0}.htp__dos{margin:0 0 .75rem;padding:0;list-style:none}.htp__do{border:1px solid var(--border);border-left:3px solid var(--fill-warn);border-radius:var(--radius-sm);background:var(--surface);gap:.25rem;margin-bottom:.375rem;padding:.625rem .75rem;display:grid}.htp__bad,.htp__good{font-weight:600}.htp__bad{color:var(--danger)}.htp__good{color:var(--ink-success)}.htp__bad span[aria-hidden],.htp__good span[aria-hidden]{width:1.25rem;font-weight:700;display:inline-block}.htp__why{color:var(--ink-2);font-size:.875rem}.htp__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.htp__modes,.htp__score{margin:0;padding:0;list-style:none}.htp__score-hit{color:var(--ink-success)}.htp__score-miss{color:var(--danger)}.htp__score{border:1px solid var(--border);border-left:3px solid var(--fill-lime);border-radius:var(--radius-sm);background:var(--surface);padding:.75rem .875rem}.htp__score li{margin-bottom:.375rem;padding-left:1rem;font-size:.9375rem;line-height:1.7;position:relative}.htp__score li:last-child{margin-bottom:0}.htp__score li:before{content:"";border-radius:var(--radius-pill);background:var(--ink-lime);width:.375rem;height:.375rem;position:absolute;top:.6875rem;left:0}.htp__roles{margin:0 0 .75rem;padding:0;list-style:none}.htp__role{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.375rem 0;display:flex}.htp__role:last-child{border-bottom:none}.htp__role-name{border-radius:var(--radius-pill);background:var(--surface-sunk);white-space:nowrap;flex:none;padding:.0625rem .5rem;font-size:.8125rem;font-weight:600}.htp__role-detail{white-space:pre-line;min-width:0;color:var(--ink-2);flex:8rem;font-size:.9375rem;line-height:1.6}.htp__roles--nested{border-left:2px solid var(--border-soft);flex-basis:100%;margin:.25rem 0 0 1.25rem;padding-left:.75rem}.htp__roles--nested .htp__role{border-bottom:none;padding:.25rem 0}.htp__roles--nested .htp__role-name{color:var(--ink-2);background:0 0;padding:0;font-weight:500}.htp__mode{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.625rem;padding:.75rem}.htp__mode--active{border-color:var(--ink-blue);background:var(--lime-wash);border-width:2px}.htp__mode-name{margin-bottom:.25rem;font-weight:700;display:block}.htp__mode-detail{color:var(--ink-2);font-size:.9375rem;line-height:1.6;display:block}.htp__badge{border-radius:var(--radius-pill);background:var(--ink-blue);color:#fff;vertical-align:middle;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;display:inline-block}@media (prefers-reduced-motion:no-preference){.htp-overlay{scroll-behavior:smooth}}