.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}.ws-lb{background:var(--card);padding:1rem;border-radius:var(--radius);box-shadow:0 2px 12px #0000000f;margin-bottom:1rem}.ws-lb--compact{margin-top:1.25rem;padding:.85rem}.ws-lb--compact .ws-lb-title{font-size:1rem;text-align:center}.ws-lb--compact .ws-lb-head,.ws-lb--compact .ws-lb-row{font-size:.8rem;padding:.35rem .2rem}.ws-lb-title{color:var(--primary);font-size:1.1rem;margin-bottom:.25rem}.ws-lb-desc{font-size:.8rem;color:#555;margin-bottom:.75rem}.ws-lb-status,.ws-lb-empty{text-align:center;font-size:.9rem;color:#666;padding:1rem 0}.ws-lb-list{list-style:none;margin:0;padding:0}.ws-lb-head,.ws-lb-row{display:grid;grid-template-columns:2rem 1fr 4.5rem 3rem;gap:.35rem;align-items:center;padding:.45rem .25rem;font-size:.85rem}.ws-lb-head{font-weight:700;color:var(--primary);border-bottom:2px solid var(--primary-light);font-size:.75rem}.ws-lb-row{border-bottom:1px solid #eee}.ws-lb-row:last-child{border-bottom:none}.ws-lb-row-you{background:var(--primary-light);border-radius:8px;font-weight:600}.ws-lb-rank{text-align:center;font-weight:700;color:#888}.ws-lb-row:nth-child(2) .ws-lb-rank{color:#c9a227}.ws-lb-row:nth-child(3) .ws-lb-rank{color:#8a8a8a}.ws-lb-row:nth-child(4) .ws-lb-rank{color:#b87333}.ws-lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-lb-you-tag{margin-left:.35rem;font-size:.7rem;font-weight:700;color:var(--primary);background:#fff;padding:.1rem .35rem;border-radius:4px}.ws-lb-levels,.ws-lb-max{text-align:center;font-variant-numeric:tabular-nums}.ws-lb-refresh{display:block;margin:.75rem auto 0;padding:.45rem 1rem;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:600;font-size:.85rem}.ws-game{margin-bottom:1rem}.ws-username-prompt{text-align:center;margin-top:.75rem;padding:1rem;background:var(--primary-light);border-radius:var(--radius)}.ws-username-prompt .ws-desc{margin-bottom:.75rem}.ws-intro{text-align:center;background:var(--card);padding:1.5rem;border-radius:var(--radius);box-shadow:0 2px 12px #0000000f}.ws-intro h2{color:var(--primary);margin-bottom:.5rem}.ws-desc{color:#555;font-size:.9rem;margin-bottom:1rem;line-height:1.5}.ws-username-label{display:flex;flex-direction:column;gap:.35rem;text-align:left;font-weight:600;margin-bottom:1rem}.ws-username-input{padding:.6rem .75rem;border-radius:var(--radius);border:2px solid var(--primary-light);font-family:inherit;font-size:1rem}.ws-btn-primary{padding:.75rem 1.5rem;border-radius:999px;background:var(--primary);color:#fff;font-weight:700;font-size:1.05rem}.ws-btn-primary:disabled{opacity:.6}.ws-subnav{display:flex;gap:.5rem;justify-content:center;margin-bottom:.75rem}.ws-subnav button{padding:.4rem .9rem;border-radius:999px;background:var(--primary-light);color:var(--primary);font-weight:600;font-size:.85rem}.ws-subnav button.active{background:var(--primary);color:#fff}.ws-top{margin-bottom:.75rem}.ws-player{font-weight:600;font-size:.9rem;color:var(--primary)}.ws-progress-summary{font-size:.8rem;color:#666;margin-top:.25rem}.ws-level-pick{display:flex;flex-wrap:wrap;gap:.25rem;max-height:120px;overflow-y:auto;padding:.5rem;background:var(--card);border-radius:var(--radius);margin-bottom:.75rem;box-shadow:0 2px 8px #0000000d}.ws-level-btn{min-width:2rem;height:2rem;padding:0 .35rem;border-radius:6px;background:var(--bg);font-size:.75rem;font-weight:600;border:1px solid transparent}.ws-level-btn.active{border-color:var(--primary);background:var(--primary-light)}.ws-level-btn.done{background:#d8f3dc;color:var(--success)}.ws-hint{text-align:center;font-size:.85rem;color:#555;margin-bottom:.5rem}.ws-grid-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.ws-grid{display:grid;grid-template-columns:repeat(var(--ws-size, 6),1fr);gap:3px;max-width:min(100%,360px);width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.ws-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:clamp(.65rem,3vw,1rem);line-height:1.1;padding:.1rem;font-weight:700;background:var(--card);border-radius:6px;border:2px solid var(--primary-light);color:var(--ink)}.ws-cell.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.ws-word-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:.5rem}.ws-word-list li{padding:.35rem .65rem;background:var(--card);border-radius:999px;font-weight:600;font-size:.9rem;border:2px solid var(--primary-light)}.ws-word-list li.found{text-decoration:line-through;opacity:.55;background:#d8f3dc;border-color:var(--success);color:var(--success)}.ws-found-count{text-align:center;font-size:.875rem;font-weight:600;color:#555}.ws-win{text-align:center;margin-top:1rem}.ws-celebrate{color:var(--success);font-weight:700;font-size:1.2rem;margin-bottom:.75rem}.ws-all-done{font-weight:700;color:var(--primary)}.ws-msg{text-align:center;font-size:.8rem;margin-top:.5rem}.ws-msg-warn{color:#b5451b}.app{max-width:600px;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;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:.75rem}.app-nav button{padding:.4rem .75rem;font-size:.85rem;border-radius:999px;background:#fff3;color:#fff;font-weight:600}.app-nav button.active{background:#fff;color:var(--primary)}@keyframes nav-pulse{0%,to{box-shadow:0 0 8px #7ed2b980;transform:scale(1)}50%{box-shadow:0 0 20px #a0ebd2bf;transform:scale(1.05)}}.app-nav button.nav-highlight{background:linear-gradient(135deg,#3d8f72,#2d6a4f);border:2px solid #a8e6cf;color:#fff;box-shadow:0 0 12px #7ed2b973;font-weight:700;animation:nav-pulse 2s ease-in-out infinite}.app-nav button.nav-highlight.active{background:#e8f7f0;color:#1b5c45;border-color:#5aab88;box-shadow:0 0 14px #7ed2b98c;animation:none;transform:none}@media(prefers-reduced-motion:reduce){.app-nav button.nav-highlight{animation:none}}.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;margin-bottom:0;font-size:.875rem;color:#666}.home-word-game{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--primary-light);scroll-margin-top:1rem}.home-section-title{text-align:center;color:var(--primary);font-size:1.25rem;margin-bottom:1rem}.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}.footer a{color:#5a7a9a;text-decoration:none}.footer a:hover{text-decoration:underline}: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}