.hm{--hm-ease: cubic-bezier(.2,.8,.3,1);--hm-hit: #1E8A4F;--hm-hit-lit: #2AAE64;--hm-brass: #E8B84B;--hm-coral: #FF4D6D;--hm-cyan: #22D3EE;--hm-spent: #1B2634;--hm-key: #2A3746;--hm-line: rgb(255 255 255 / .17);display:flex;flex-direction:column;align-items:stretch;gap:clamp(var(--sp-1),1.4cqi,var(--sp-3));padding:clamp(var(--sp-2),1.8cqi,var(--sp-4));inline-size:100%;position:relative;color:#eaf1f8;font:600 15px/1.3 inherit;font-family:inherit;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.hm__bar{display:flex;align-items:center;gap:var(--sp-2) var(--sp-2);flex-wrap:wrap}.hm__stat{display:flex;flex-direction:column;justify-content:center;min-width:4.5rem;min-height:44px;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-sm);background:var(--scrim-2);box-shadow:var(--e-sink)}.hm__stat span{font-size:var(--fs-1);letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:700}.hm__stat b{font-size:var(--fs-4);font-variant-numeric:tabular-nums;font-weight:800;line-height:1.1}.hm__pips{display:flex;align-items:center;gap:var(--sp-1);min-height:44px}.hm__pips i{inline-size:clamp(7px,1.2cqi,10px);aspect-ratio:1;border-radius:50%;background:var(--hm-brass);box-shadow:0 0 6px color-mix(in srgb,var(--art-near) 45%,transparent);transition:background-color .16s,box-shadow .16s,transform .16s var(--hm-ease)}.hm__pips i.is-spent{background:transparent;box-shadow:inset 0 0 0 2px var(--wash-5);transform:scale(.8)}.hm__level{display:flex;align-items:center;gap:var(--sp-2)}.hm__seg{min-width:210px}.hm__chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-chip);background:color-mix(in srgb,var(--art-near) 16%,transparent);color:var(--hm-brass);font-weight:800;font-size:var(--fs-1);white-space:nowrap}.hm__actions{margin-left:auto;display:flex;gap:var(--sp-1)}.hm__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-1);min-height:44px;min-width:44px;padding:0 var(--sp-3);border:1px solid var(--wash-4);border-radius:var(--r-sm);background:var(--wash-3);color:inherit;font:inherit;font-weight:700;font-size:var(--fs-1);cursor:pointer;white-space:nowrap;transition:background-color .12s,transform .12s var(--hm-ease)}.hm__btn:hover{background:var(--wash-4)}.hm__btn:active{transform:translateY(1px)}.hm__btn[hidden]{display:none}.hm__btn:focus-visible,.hm__key:focus-visible{outline:3px solid var(--hm-hit-lit);outline-offset:2px}@container (max-width: 34rem){.hm__level{order:4;flex:1 0 100%}.hm__seg{min-width:0}.hm__actions{margin-left:auto}}.hm__play{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);grid-template-areas:"art  side" "keys keys";align-items:center;justify-items:center;gap:clamp(var(--sp-1),1.4cqi,var(--sp-3h)) clamp(var(--sp-2),2.4cqi,var(--sp-5));flex:1 1 auto;min-height:0}.hm__art{grid-area:art}.hm__side{grid-area:side}.hm__keys{grid-area:keys}.hm__side{display:flex;flex-direction:column;justify-content:center;gap:clamp(var(--sp-1),1.2cqi,var(--sp-3));inline-size:100%;min-width:0;flex:0 0 auto}.hm__art{--hm-art-w: min(26rem, 100%, 37cqh);inline-size:var(--hm-art-w);max-inline-size:100%;flex:0 0 auto;display:flex;justify-content:center;align-items:center;margin-inline:auto}.hm-rocket{inline-size:100%;block-size:auto;aspect-ratio:200 / 250;overflow:hidden;filter:drop-shadow(0 12px 22px rgb(0 0 0 / .5))}@container (min-width: 46rem){.hm__play{grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-areas:"art side" "art keys";gap:clamp(var(--sp-3),3cqi,var(--sp-9))}.hm__art{align-self:center;--hm-art-w: min(100%, calc((var(--fold, 100vh - 16rem) - 9rem) * .8));inline-size:var(--hm-art-w);max-inline-size:100%}.hm__side{justify-content:center;gap:clamp(var(--sp-2),1.6cqi,var(--sp-5));max-inline-size:34rem}.hm__keys{inline-size:100%}.hm__key{min-height:clamp(46px,7cqh,74px)}.hm__tile{max-inline-size:4.25rem}}.hm-part{transition:opacity .12s}.hm-part.is-gone{opacity:0;pointer-events:none}.hm-star{fill:#eaf1f8;opacity:.5;animation:hm-twinkle 3.6s var(--d, 0s) ease-in-out infinite}@keyframes hm-twinkle{0%,to{opacity:.22}50%{opacity:.8}}.hm-craft{transform-origin:100px 212px}.hm-flame{opacity:0;transform-origin:100px 210px}.hm-smoke{opacity:0}.hm-smoke circle{fill:#93a5b8}.hm-rocket.is-launching .hm-flame{opacity:1;animation:hm-burn .16s steps(2,end) infinite}.hm-rocket.is-launching .hm-smoke{opacity:.4;animation:hm-launch-smoke 1.2s var(--hm-ease) forwards}@keyframes hm-burn{0%{transform:scaleY(1) scaleX(1)}to{transform:scaleY(1.18) scaleX(.92)}}@keyframes hm-launch-smoke{0%{opacity:0;transform:scale(.4)}35%{opacity:.55}to{opacity:.16;transform:scale(1.7) translateY(6px)}}@keyframes hm-billow{0%{opacity:0;transform:scale(.4)}40%{opacity:.5}to{opacity:0;transform:scale(1.9) translateY(10px)}}.hm-rocket.is-lost .hm-hull{filter:grayscale(.55) brightness(.72)}.hm-rocket.is-lost .hm-smoke{opacity:.28;animation:hm-billow 1.6s var(--hm-ease) forwards}.hm__cat{margin:0;min-height:1.5em;text-align:center;font-size:var(--fs-1);font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:transparent;transition:color .2s}.hm__cat.is-on{color:var(--hm-brass)}.hm__word{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(var(--sp-1),1cqi,var(--sp-2));inline-size:100%;touch-action:manipulation}.hm__tile{position:relative;display:grid;place-items:center;inline-size:min(calc((100% - (var(--hm-len, 8) - 1) * 9px) / var(--hm-len, 8)),3.25rem);min-inline-size:1.4rem;aspect-ratio:4 / 5;border-radius:var(--r-sm) var(--r-sm) var(--r-sm) var(--r-sm);background:linear-gradient(180deg,var(--wash-1),var(--wash-1));border-bottom:4px solid var(--wash-6);font-size:clamp(var(--fs-4),4.5cqi,var(--fs-7));font-weight:800;line-height:1.15;color:#eaf1f8;transition:border-color .16s,background-color .16s;backface-visibility:hidden}.hm__tile b{font-weight:inherit}.hm__tile.is-filled{background:linear-gradient(180deg,#2aae6438,color-mix(in srgb,var(--art-hit) 10%,transparent));border-bottom-color:var(--hm-hit-lit)}.hm__tile.is-missed{background:linear-gradient(180deg,#ff4d6d29,#ff4d6d0d);border-bottom-color:var(--hm-coral);color:#ffc9d4}.hm__status{margin:0;min-height:2.5em;text-align:center;font-size:var(--fs-1);font-weight:600;color:#eaf1f8e0}@container (min-width: 46rem){.hm__status{min-height:1.45em}}.hm__keys{--hm-kgap: clamp(var(--sp-1),.8cqi,var(--sp-1));display:flex;flex-direction:column;gap:clamp(var(--sp-1),1cqi,var(--sp-2));inline-size:min(100%,30rem);margin-inline:auto;touch-action:manipulation}.hm__krow{display:flex;gap:var(--hm-kgap);justify-content:center}.hm__key{position:relative;overflow:hidden;flex:0 1 calc((100% - 9 * var(--hm-kgap)) / 10);min-width:0;min-height:46px;display:grid;place-items:center;border:0;border-radius:var(--r-sm);background:var(--hm-key);color:#eaf1f8;font:inherit;font-weight:800;font-size:var(--fs-3);cursor:pointer;transition:background-color .12s,transform 90ms var(--hm-ease),opacity .12s}.hm__key:hover:not(:disabled){background:#33424f}.hm__key.is-down{transform:translateY(2px) scale(.97);background:#3d4d5c}.hm__key:disabled{cursor:default}.hm__key.is-hit{background:var(--hm-hit);color:#fff}.hm__key.is-miss{background:var(--hm-spent);color:#eaf1f86b;box-shadow:var(--ring-inset)}.hm__kmark{position:absolute;inset:0;border-radius:inherit;opacity:0;pointer-events:none}.hm__key.is-hit .hm__kmark{opacity:.95;background:linear-gradient(#fff,#fff) no-repeat 84% 16% / 6px 6px;border-radius:var(--r-sm)}.hm__key.is-miss .hm__kmark{opacity:.75;background:linear-gradient(to top left,transparent calc(50% - 1px),rgb(234 241 248 / .6) calc(50% - 1px),rgb(234 241 248 / .6) calc(50% + 1px),transparent calc(50% + 1px))}.hm--over .hm__keys{opacity:.55}.hm__float{color:var(--hm-brass);font-size:var(--fs-3);font-weight:800}@media(prefers-reduced-motion:reduce){.hm__btn,.hm__key,.hm__tile,.hm__pips i,.hm__cat,.hm-part{transition:none}.hm-star{animation:none;opacity:.5}.hm-rocket.is-launching .hm-flame{animation:none}.hm-rocket.is-launching .hm-smoke{animation:none;opacity:.16}.hm-rocket.is-lost .hm-smoke{animation:none;opacity:.26}}