.hm-shell{max-width:1000px;margin:auto;padding:40px 16px 64px}.hm-game{--chalk:#f0f0db;--chalk-muted:#becac0;position:relative;isolation:isolate;overflow:hidden;outline:none;background:radial-gradient(ellipse at 25% 15%,#344e46,transparent 65%),linear-gradient(120deg,#203c33,#182e28);color:var(--chalk);border:9px solid #735439;border-radius:8px;padding:22px;box-shadow:0 18px 60px #0005,inset 0 0 0 2px #10251c,inset 0 0 60px #0004;min-height:580px}.hm-game:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:repeating-linear-gradient(174deg,transparent 0 38px,#e1eddd04 39px,transparent 41px),radial-gradient(ellipse at 75% 70%,#d4e6d20a,transparent 48%);pointer-events:none}.hm-game:after{content:"";position:absolute;bottom:5px;right:140px;width:45px;height:6px;border-radius:2px;background:#efeeda;box-shadow:55px 0 #e3c986,105px 0 #d79293;transform:rotate(-2deg);pointer-events:none}.hm-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #dae7da3d}.hm-toolbar h2{font-family:inherit;font-size:22px;font-weight:600}.hm-tools{display:flex;gap:6px;align-items:center}.hm-game .hm-button{background:transparent;color:var(--chalk);border:1px solid #c3d3c278;border-radius:7px 10px 6px 9px;box-shadow:none}.hm-game .hm-button:hover{background:#e4eedb0d;border-color:#e0e5c7}.hm-game .hm-button[aria-pressed=true]{background:#f0dc9a12;color:#f5df9f;border-color:#edda98;box-shadow:inset 0 -2px #e6d78d;--tw-ring-color:transparent}.hm-game .hm-primary{background:#e7dfa9;color:#24372d;border:1px solid #f8edb6;border-radius:6px 10px 7px 9px;box-shadow:2px 3px #0b211c;font-weight:800}.hm-game .hm-primary:hover{background:#faf0be;transform:translateY(-1px)}.hm-game button:focus-visible{outline:3px solid #f7df91;outline-offset:3px}.hm-game .text-gray-400,.hm-game .text-gray-300,.hm-game .text-gray-500{color:var(--chalk-muted)}.hm-game .text-red-300{color:#ffb4ac}.hm-game input{background:#102a2280;border-color:#d4dfc9;color:var(--chalk)}.hm-setup,.hm-help,.hm-handoff{padding:20px;border:1px solid #cad9c24d;border-radius:4px 9px 5px 8px;background:#0d261e33;box-shadow:none}.hm-help{margin-bottom:18px}.hm-help p{color:var(--chalk-muted)}.hm-setup fieldset legend{color:#e6dda9;font-family:inherit;font-size:15px;font-weight:600}.hm-setup fieldset{border:0;border-bottom:1px solid #c5d6c329;padding-bottom:16px}.hm-setup .border-t{border-color:transparent;padding-top:0}.hm-handoff{margin:30px auto;max-width:580px}.hm-handoff svg{color:#e3d594}.hm-round{display:flex;flex-direction:column;align-items:center;gap:20px}.hm-stage{width:100%;display:flex;align-items:center;justify-content:center;gap:32px}.hm-chalkboard{position:relative;width:290px;padding:12px 16px 18px;background:transparent;border:2px dashed #c2d4bf33;border-radius:3px;box-shadow:none;text-align:center;color:var(--chalk)}.hm-board-label{display:block;font-family:inherit;font-size:14px;color:#cad8c7}.hm-drawing{width:190px;height:180px;margin:8px auto 0;filter:drop-shadow(1px 0 0 #eff1d433)}.hm-frame{color:#c7d1b59c}.hm-ink{color:#fff9da}.hm-ink>g,.hm-ink>path{animation:hm-draw .25s ease-out}.hm-chalk-rest{position:absolute;bottom:5px;right:15px;width:25px;height:4px;border-radius:2px;background:#eeecd7;transform:rotate(-4deg)}.hm-lives{text-align:center}.hm-hearts{display:flex;justify-content:center;gap:5px;padding:12px 16px;background:transparent;border:1px dashed #d4ddc66b;border-radius:5px;box-shadow:none}.hm-hearts .is-alive{fill:transparent;color:#f1b7a5}.hm-hearts .is-used{fill:transparent;color:#91a99855}.hm-lives p{font-size:13px;font-weight:600;margin-top:10px}.hm-lives p span{font-weight:400;color:var(--chalk-muted)}.hm-word{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px;width:100%;padding:12px 10px}.hm-word-group{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:100%}.hm-answer-tile{display:grid;place-items:center;width:38px;height:46px;border:0;border-bottom:3px solid #d7dfc1;border-radius:0;background:transparent;box-shadow:none;font-family:inherit;font-size:26px;font-weight:600;color:var(--chalk)}.hm-answer-tile.is-revealed{background:transparent;color:#eae49c;border-color:#eae49c;box-shadow:none;animation:hm-pop .22s ease-out}.hm-answer-tile.is-missed{background:transparent;color:#f5a99f;border-color:#f5a99f;box-shadow:none}.hm-answer-tile.is-punctuation{border:0;width:15px}.hm-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;max-width:570px;width:100%;padding:18px;border-radius:6px;background:#10281f50;border:1px solid #d3e0c447;box-shadow:none}.hm-key{height:48px;flex:0 0 calc((100% - 56px)/9);min-width:0;border-radius:5px 7px 4px 6px;border:1px solid #c9d6bb8c;background:transparent;color:#f3f1d7;font-family:inherit;font-size:22px;font-weight:600;box-shadow:none;transition:background .12s,color .12s}.hm-key:not(:disabled):hover{background:#e9eac81a;border-color:#f3e6af}.hm-key:not(:disabled):active{transform:translateY(1px)}.hm-key.is-correct{background:#d9eaa51a;border-color:#c4df9d;color:#e2f5b9;box-shadow:none}.hm-key.is-wrong{background:transparent;border-color:#a2b69b26;color:#839c8c;text-decoration:line-through;box-shadow:none}.hm-result{background:#16372e!important;border:1px dashed #d9e3b59c!important;border-radius:6px!important;color:var(--chalk);width:100%;max-width:600px;box-shadow:none}.hm-result .hm-primary{min-width:160px}.hm-result h3{color:#ece5ac;font-family:inherit;font-size:24px}.hm-expanded{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;border:0;border-radius:0;height:100dvh;min-height:0;overflow-y:auto;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.hm-expanded .hm-round{flex:1;justify-content:space-between}.hm-expanded .hm-stage{flex:1}.hm-expanded .hm-keyboard,.hm-expanded .hm-word{flex-shrink:0}@keyframes hm-pop{0%{transform:translateY(4px) scale(.9)}to{transform:none}}@keyframes hm-draw{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@media(min-width:768px){.hm-expanded{padding-inline:max(24px,calc((100vw - 1100px)/2))}.hm-expanded .hm-keyboard{margin-top:10px}}@media(max-width:767px){.hm-shell{padding:12px 10px 48px}.hm-header{padding:12px;margin-bottom:12px}.hm-header h1{font-size:17px}.hm-header p{font-size:11px}.hm-header img{width:36px;height:36px}.hm-game{padding:14px 12px;background-size:100% 100%}.hm-toolbar{gap:8px;margin-bottom:16px}.hm-toolbar h2{font-size:16px}.hm-tools .hm-button{padding:8px;min-width:40px}.hm-tools{gap:5px}.hm-settings-label{display:none}.hm-tools .hm-button:last-child{display:none}.hm-toolbar:has(+.hm-setup) .hm-tools .hm-button:last-child{display:inline-flex}.hm-stage{flex-direction:column;gap:18px}.hm-chalkboard{width:252px;max-width:100%;border-width:2px;padding:10px 10px 16px}.hm-drawing{width:180px;height:170px;margin-top:6px}.hm-hearts{padding:8px 14px}.hm-lives p{margin-top:6px;font-size:12px}.hm-round{gap:12px}.hm-word{padding:8px 2px;gap:8px 14px}.hm-answer-tile{width:30px;height:38px;font-size:22px}.hm-word-group{gap:4px}.hm-keyboard{gap:7px 5px;padding:12px 8px;max-width:440px}.hm-key{flex-basis:calc((100% - 30px)/7);height:48px;font-size:21px;border-radius:8px}.hm-setup{padding:14px}.hm-setup .hm-button{font-size:12px;padding:7px 10px}.hm-help-open{display:block}.hm-help-open .hm-round{margin-top:24px}.hm-handoff{padding:25px 15px}.hm-expanded.hm-editing{display:block}.hm-expanded .hm-stage{justify-content:center}.hm-expanded .hm-keyboard{margin-bottom:6px}}@media(max-width:350px){.hm-toolbar h2{font-size:14px}.hm-tools .hm-button{min-width:36px;padding:7px}.hm-key{flex-basis:calc((100% - 25px)/6);height:44px}.hm-chalkboard{width:218px}.hm-drawing{height:142px;width:152px}.hm-stage{gap:12px}.hm-word-group{gap:3px}.hm-answer-tile{width:26px;height:34px;font-size:20px}}@media(max-height:720px)and (max-width:767px){.hm-drawing{height:130px;width:145px}.hm-chalkboard{padding-block:7px}.hm-stage{gap:10px}.hm-toolbar{margin-bottom:10px}.hm-round{gap:8px}.hm-key{height:44px}}@media(prefers-reduced-motion:reduce){.hm-answer-tile.is-revealed,.hm-ink>g,.hm-ink>path{animation:none}.hm-key{transition:none}}@media(min-width:768px){.hm-shell{padding-top:24px}.hm-game{padding-block:18px}.hm-round{gap:16px}}@media(max-width:350px){.hm-keyboard{padding-inline:3px;-moz-column-gap:4px;column-gap:4px}.hm-key{flex-basis:calc((100% - 20px)/6)}.hm-long-word .hm-drawing{height:105px;width:125px}.hm-long-word .hm-chalkboard{width:185px;padding:6px}.hm-long-word .hm-stage{gap:8px}.hm-long-word .hm-board-label{font-size:10px}}[dir=rtl] .hm-word,[dir=rtl] .hm-word-group{direction:rtl}[dir=rtl] .hm-key,[dir=rtl] .hm-answer-tile{letter-spacing:0}@media(max-width:350px)and (max-height:750px){[dir=rtl] .hm-expanded .hm-drawing{height:95px;width:115px}[dir=rtl] .hm-expanded .hm-chalkboard{width:180px;padding-block:5px}[dir=rtl] .hm-expanded .hm-board-label{font-size:10px}}.hm-secret.is-masked{-webkit-text-security:disc;text-security:disc}.hm-letter-note{margin:2px auto 0;max-width:570px;text-align:center;font-size:12px;color:#c9d6bbcc}.hm-difficulty-bars{flex-shrink:0}