.hw-canvas-wrap{width:100%}.hw-canvas-stack{position:relative;width:fit-content;margin:0 auto}.hw-canvas{display:block;border:3px solid var(--primary-light);border-radius:var(--radius);touch-action:none;transition:border-color .12s ease,box-shadow .12s ease}.hw-feedback-sub{display:block;font-size:.8rem;font-weight:500;margin-top:.25rem}.hw-canvas-stack.hw-drawing .hw-canvas{border-width:4px;border-color:var(--primary);box-shadow:0 0 0 3px #6b2d5c33}.hw-canvas-stack.hw-drawing.hw-inside .hw-canvas{border-color:var(--success);box-shadow:0 0 0 3px #2d6a4f47}.hw-canvas-stack.hw-drawing.hw-outside .hw-canvas{border-color:#c1121f;box-shadow:0 0 0 3px #c1121f38}.hw-live-hint{text-align:center;margin-top:.5rem;font-size:.9rem;font-weight:600;color:var(--primary)}.hw-canvas-stack.hw-inside+.hw-live-hint,.hw-canvas-wrap:has(.hw-inside) .hw-live-hint{color:var(--success)}.hw-canvas-wrap:has(.hw-outside) .hw-live-hint{color:#c1121f}.hw-canvas-guide{background:var(--card)}.hw-canvas-ink{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;cursor:crosshair}.hw-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:transparent}.hw-canvas-stack.hw-free-draw .hw-canvas{border-color:#b8a99a}.hw-canvas-stack.hw-free-draw.hw-drawing .hw-canvas{border-color:var(--primary);box-shadow:0 0 0 3px #6b2d5c2e}.hw-feedback{text-align:center;margin-top:.75rem;font-weight:700;font-size:1rem;animation:pop .35s ease}.hw-feedback-pass{color:var(--success)}.hw-feedback-fail{color:#c1121f}@keyframes pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.hw-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem}.btn-clear,.btn-check{padding:.5rem 1rem;border-radius:999px;font-weight:600}.btn-clear{background:var(--primary-light);color:var(--primary)}.btn-check{background:var(--primary);color:#fff}.stroke-count{font-size:.875rem;color:#666}.word-game{margin-bottom:1rem}.word-game-intro,.word-game-done{text-align:center;background:var(--card);padding:1.5rem;border-radius:var(--radius);box-shadow:0 2px 12px #0000000f}.word-game-intro h2,.word-game-done h2{color:var(--primary);margin-bottom:.5rem}.word-game-desc{color:#555;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.btn-play-start{padding:.75rem 1.5rem;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:1.1rem}.word-game-score{font-size:1.5rem;font-weight:700;color:var(--success);margin:1rem 0}.word-game-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;gap:.5rem}.word-game-progress{font-size:.875rem;font-weight:600;color:#555}.word-game-timer{font-weight:700;font-variant-numeric:tabular-nums;padding:.35rem .75rem;border-radius:999px;background:#eef4ff;color:var(--primary)}.word-game-timer.urgent{background:#fff0f0;color:#c1121f}.word-prompt{text-align:center;font-size:2rem;font-weight:700;color:var(--primary);margin-bottom:.75rem}.word-game-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem}.word-game-pass{width:100%;text-align:center;color:var(--success);font-weight:700;margin:0}.btn-word-next{padding:.6rem 1.25rem;border-radius:999px;background:var(--success);color:#fff;font-weight:700}.btn-word-next:disabled{background:#b8d4bb;cursor:not-allowed}.btn-word-skip{padding:.6rem 1rem;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:600}.app{max-width:560px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,var(--primary),#4a1942);color:#fff;padding:1.25rem;text-align:center}.app-nav{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.app-nav button{padding:.4rem 1rem;border-radius:999px;background:#fff3;color:#fff;font-weight:600}.app-nav button.active{background:#fff;color:var(--primary)}.main{flex:1;padding:1rem}.letter-info{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;background:var(--card);padding:1rem;border-radius:var(--radius);box-shadow:0 2px 12px #0000000f}.big-letter{font-size:3rem;font-weight:700;color:var(--primary);min-width:3rem;text-align:center}.letter-name{font-weight:600}.example{font-size:.9rem;color:#555;margin-top:.25rem}.controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin:1rem 0}.controls button{padding:.5rem .75rem;border-radius:var(--radius);background:var(--card);border:2px solid var(--primary-light);font-weight:600}.controls button:disabled{opacity:.4}.btn-done{background:var(--success)!important;color:#fff!important;border-color:var(--success)!important}.btn-done:disabled{background:#b8d4bb!important;border-color:#b8d4bb!important;cursor:not-allowed}.alphabet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:.35rem}.grid-letter{aspect-ratio:1;font-size:1.1rem;font-weight:700;border-radius:8px;background:var(--card);border:2px solid transparent}.grid-letter.active{border-color:var(--primary);background:var(--primary-light)}.grid-letter.done{background:#d8f3dc;color:var(--success)}.progress-text{text-align:center;margin-top:1rem;font-size:.875rem;color:#666}.celebrate{text-align:center;color:var(--success);font-weight:700;font-size:1.25rem;animation:pop .4s ease}@keyframes pop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.footer{text-align:center;padding:1rem;font-size:.7rem;color:#888}:root{--bg: #faf7f2;--card: #fff;--ink: #1a1a2e;--primary: #6b2d5c;--primary-light: #e8d5e5;--guide: #c4b8a8;--success: #2d6a4f;--radius: 12px;--font: "Noto Sans Armenian", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;touch-action:manipulation}body{font-family:var(--font);background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none}