.ht-scrim{z-index:120;-webkit-backdrop-filter:blur(6px);overscroll-behavior:contain;background:#0c0a129e;place-items:center;padding:clamp(.75rem,3vw,2rem);display:grid;position:fixed;inset:0}.ht-panel{--ht-glass:#0d0b16e6;--ht-line:#ffffff29;--ht-ink:#f7f2e7;--ht-ink-soft:#f7f2e7a8;--ht-ink-faint:#f7f2e76b;--ht-gold:#f0c987;border:1px solid var(--ht-line);background:var(--ht-glass);width:min(40rem,100%);max-height:min(92dvh,46rem);color:var(--ht-ink);border-radius:1.5rem;flex-direction:column;gap:.85rem;padding:clamp(1rem,2.5vw,1.5rem);display:flex;position:relative;overflow-y:auto;box-shadow:0 30px 70px -24px #000000e6}.ht-panel:focus-visible{outline:2px solid var(--ht-gold);outline-offset:3px}.ht-head{align-items:flex-start;gap:.75rem;display:flex}.ht-emoji{background:#ffffff14;border-radius:1rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;font-size:1.5rem;line-height:1;display:grid}.ht-head-text{flex:auto;min-width:0}.ht-title{font-family:var(--font-display,inherit);letter-spacing:.01em;margin:0;font-size:1.15rem;font-weight:800}.ht-what{color:var(--ht-ink-soft);margin:.15rem 0 0;font-size:.86rem;line-height:1.4}.ht-x{border:1px solid var(--ht-line);width:2rem;height:2rem;color:var(--ht-ink-soft);cursor:pointer;background:#ffffff0f;border-radius:999px;flex:none;font-size:.8rem}.ht-x:hover{color:var(--ht-ink);background:#ffffff24}.ht-glance{color:var(--ht-ink-faint);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.78rem;display:flex}.ht-hello{color:var(--ht-gold)}.ht-stage{aspect-ratio:16/9;border:1px solid var(--ht-line);background:radial-gradient(120% 90% at 50% 8%,#ffffff1f,#0000 62%),linear-gradient(#221c31 0%,#16121f 100%);border-radius:1.15rem;width:100%;position:relative;overflow:hidden}.ht-stage-glow{pointer-events:none;background:radial-gradient(60% 50% at 50% 45%,#f0c98724,#0000 70%);position:absolute;inset:0}.ht-prompt{z-index:3;border:1px solid var(--ht-line);white-space:nowrap;text-overflow:ellipsis;background:#00000073;border-radius:999px;align-items:center;gap:.4rem;max-width:90%;padding:.3rem .7rem;font-size:.8rem;font-weight:700;display:inline-flex;position:absolute;top:.55rem;left:50%;overflow:hidden;transform:translate(-50%)}.ht-speak{font-size:.85rem;display:inline-block}.ht-prompt[data-bare]{padding:.28rem .55rem}.ht-prompt[data-bare] .ht-speak{font-size:1rem}.ht-board{position:absolute;inset:0}.ht-piece{min-width:var(--ht-size);min-height:var(--ht-size);border:1px solid var(--ht-line);background:#ffffff14;border-radius:.85rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.25rem;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 18px -10px #000c}.ht-piece-emoji{font-size:calc(var(--ht-size) * .46);line-height:1.05}.ht-piece-label{max-width:calc(var(--ht-size) * 2.1);text-align:center;color:var(--ht-ink);overflow-wrap:anywhere;font-size:.68rem;font-weight:700;line-height:1.15}.ht-piece:not(:has(.ht-piece-emoji)) .ht-piece-label{font-size:.78rem}.ht-piece[data-shape=round]{border-radius:999px}.ht-piece[data-shape=card]{min-height:calc(var(--ht-size) * 1.25);background:linear-gradient(#ffffff24,#ffffff0d);border-radius:.6rem}.ht-piece[data-shape=door]{min-height:calc(var(--ht-size) * 1.5);background:linear-gradient(#966a428c,#5c3e268c);border-color:#f0c9874d;border-radius:.7rem .7rem .2rem .2rem}.ht-piece[data-shape=basket]{background:linear-gradient(#be8c5466,#78543073);border-radius:.4rem .4rem 1rem 1rem}.ht-piece[data-shape=bare]{box-shadow:none;background:0 0;border-color:#0000}.ht-piece[data-state=focus]{border-color:var(--ht-gold);box-shadow:0 0 0 2px #f0c98759,0 10px 22px -10px #000000e6}.ht-piece[data-state=right]{background:#8fd6a438;border-color:#8fd6a4;box-shadow:0 0 0 2px #8fd6a459,0 12px 26px -10px #000000e6}.ht-piece[data-state=wrong]{background:#f0969629;border-color:#f09696b3}.ht-hand{z-index:4;filter:drop-shadow(0 4px 6px #0009);pointer-events:none;font-size:1.4rem;position:absolute;transform:translate(-30%,-10%)}.ht-caption{text-align:center;place-items:center;min-height:3.1rem;padding:0 .25rem;display:grid}.ht-caption p{margin:0;font-size:.98rem;font-weight:600;line-height:1.45}.ht-dots{justify-content:center;gap:.4rem;display:flex}.ht-dot{cursor:pointer;background:#ffffff3d;border:0;border-radius:999px;width:.5rem;height:.5rem;padding:0;transition:background .2s,width .2s}.ht-dot[data-on]{background:var(--ht-gold);width:1.3rem}.ht-controls{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ht-btn{border:1px solid var(--ht-line);min-height:2.5rem;color:var(--ht-ink);cursor:pointer;background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;padding:0 .95rem;font-size:.86rem;font-weight:700;text-decoration:none;display:inline-flex}.ht-btn:hover:not(:disabled){background:#ffffff29}.ht-btn:disabled{opacity:.35;cursor:default}.ht-icon{min-width:2.5rem;padding:0}.ht-go{background:var(--ht-gold);color:#2a1f14;border-color:#0000}.ht-go:hover{background:#f6d9a4}.ht-skip{color:var(--ht-ink-faint);cursor:pointer;background:0 0;border:0;align-self:center;padding:.1rem .4rem;font-size:.78rem;text-decoration:underline}.ht-skip:hover{color:var(--ht-ink)}.ht-help{cursor:pointer;justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.ht-help-card{border:1px solid var(--ring);width:1.9rem;height:1.9rem;color:var(--violet);background:#ffffffe6;border-radius:999px;font-size:.9rem;font-weight:800;line-height:1}.ht-help-card:hover{color:var(--ink);background:#fff;transform:scale(1.08)}@media (prefers-reduced-motion:reduce){.ht-help-card:hover{transform:none}.ht-scrim{-webkit-backdrop-filter:none}}