.htt-hero{border-top:8px solid var(--pc-select);text-align:center}.htt-band-chip{color:var(--ff-forge-text);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:999px;margin:0 0 .6rem;padding:.35rem .9rem;font-size:.95rem;font-weight:800;display:inline-block}.htt-hero-h{margin:0 0 .4rem;font-size:2.2rem;line-height:1.05}.htt-hero-lede{color:var(--ff-anvil);max-width:46ch;margin:0 auto 1rem;font-size:1.2rem;line-height:1.5}.htt-hero-cta{justify-content:center;display:flex}.htt-hero-chips{margin-top:.9rem}.htt-cta{background:var(--ff-forge);color:#fff;border-color:var(--ff-forge);align-items:center;gap:.5rem;min-height:64px;padding:.9rem 1.5rem;font-size:1.3rem;font-weight:800;display:inline-flex}.htt-sec-h{text-align:center;margin:1.2rem 0 .6rem;font-size:1.5rem}.htt-launcher{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.htt-tile{text-align:center;background:var(--ff-paper);border:3px solid var(--ff-outline);min-height:160px;color:var(--ff-anvil);border-radius:20px;flex-direction:column;align-items:center;gap:.4rem;padding:1.2rem;text-decoration:none;display:flex}.htt-tile:hover{border-color:var(--pc-select)}.htt-tile-ico{font-size:3.2rem;line-height:1}.htt-tile-title{color:var(--ff-forge-text);font-size:1.4rem;font-weight:800}.htt-tile-desc{font-size:1rem;line-height:1.35}.htt-friends{border-top:6px solid var(--pc-select)}.htt-friends-list{gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.htt-friend{color:var(--ff-anvil);background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:12px;padding:.5rem .7rem;font-size:1.1rem;line-height:1.4}.htt-friend-emoji{font-size:1.5rem}.htt-friend strong{color:var(--ff-forge-text)}.htt-stage{flex-direction:column;align-items:center;gap:1rem;display:flex}.htt-h{text-align:center;margin:.4rem 0 .6rem;font-size:1.7rem}.htt-mic-gate{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:34ch;margin:0 auto;padding:1.5rem;display:flex}.htt-mic-gate p{color:var(--ff-anvil);margin:0;font-size:1.15rem;line-height:1.5}.htt-mic-btn{background:var(--ff-forge);color:#fff;border:3px solid var(--ff-forge);cursor:pointer;border-radius:18px;align-items:center;gap:.6rem;min-height:64px;padding:1rem 1.6rem;font-size:1.3rem;font-weight:800;display:inline-flex}.htt-note{color:var(--ff-slate-text);font-size:.95rem}.htt-sky{border:3px solid var(--ff-outline);background:linear-gradient(180deg, var(--ff-warm), var(--ff-paper));border-radius:24px;width:100%;max-width:420px;height:340px;margin:0 auto;position:relative;overflow:hidden}.htt-hummy{will-change:top;filter:drop-shadow(0 3px 4px #0000002e);font-size:3rem;line-height:1;transition:top 90ms linear,left 90ms linear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.htt-hummy{transition:none}}.htt-flower{font-size:2.6rem;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.htt-flower--near{animation:.6s ease-in-out infinite htt-bob}@keyframes htt-bob{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@media (prefers-reduced-motion:reduce){.htt-flower--near{animation:none}}.htt-target-ring{border:3px dashed var(--pc-select);opacity:.7;border-radius:20px;width:96px;height:40px;position:absolute;left:50%;transform:translate(-50%)}.htt-landed .htt-flower{animation:none}.htt-meter{width:100%;max-width:420px;margin:0 auto}.htt-meter-bar{background:var(--ff-warm);border:2px solid var(--ff-outline);border-radius:999px;height:26px;position:relative;overflow:hidden}.htt-meter-fill{background:var(--pc-select);opacity:.35;position:absolute;top:0;bottom:0}.htt-meter-labels{color:var(--ff-slate-text);justify-content:space-between;margin-top:.3rem;font-size:1rem;font-weight:800;display:flex}.htt-status{text-align:center;color:var(--ff-forge-text);min-height:2.2rem;padding:.4rem .8rem;font-size:1.3rem;font-weight:800}.htt-status--win{color:var(--pc-correct)}.htt-hear-btn{background:var(--ff-paper);color:var(--ff-anvil);border:3px solid var(--ff-outline);cursor:pointer;border-radius:16px;align-items:center;gap:.5rem;min-height:56px;padding:.8rem 1.2rem;font-size:1.1rem;font-weight:800;display:inline-flex}.htt-controls{flex-wrap:wrap;justify-content:center;gap:.8rem;display:flex}.htt-mysing{text-align:center}.htt-range-card{background:var(--ff-warm);border:3px solid var(--ff-outline);border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;margin:.6rem auto;padding:1.2rem 1.6rem;display:inline-flex}.htt-range-notes{color:var(--ff-forge-text);font-size:1.6rem;font-weight:800}.htt-range-sub{color:var(--ff-anvil);font-size:1.05rem}