:root{--bg: #f5f3ee;--surface: #ffffff;--ink: #1d1b18;--muted: #6b655c;--line: #dbd5ca;--accent: #2f5d50;--accent-ink: #ffffff;--ok: #2d7a3c;--bad: #a43d2e;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #161513;--surface: #211f1c;--ink: #ece8e1;--muted: #a19b91;--line: #38352f;--accent: #80b9a7;--accent-ink: #0f1f1a;--ok: #7cc48a;--bad: #e38b7c;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,-apple-system,Segoe UI,Noto Sans,Noto Sans Armenian,sans-serif}button{font:inherit;color:inherit}#app{max-width:600px;margin:0 auto;padding:16px 16px 40px}.bar{display:flex;align-items:center;gap:12px}.levels{display:flex;gap:6px;flex:1;min-width:0}.level{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-variant-numeric:tabular-nums;cursor:pointer}.level.passed{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.level[aria-current=true]{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.level:disabled{opacity:.4;cursor:default}.script-toggle{display:flex;flex-shrink:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.script-toggle button{padding:6px 10px;white-space:nowrap;border:0;background:var(--surface);cursor:pointer}.script-toggle button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}@media (max-width: 420px){.bar{gap:8px}.levels{gap:4px}.level{width:30px;height:30px;font-size:14px}}.close{flex-shrink:0;width:36px;height:36px;border:0;background:none;font-size:26px;line-height:1;color:var(--muted);cursor:pointer}main{display:flex;flex-direction:column;align-items:center;text-align:center}.range{margin:32px 0 8px;color:var(--muted);font-variant-numeric:tabular-nums}.dots{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.dot.on{background:var(--accent)}.number{margin:24px 0 16px;font-size:clamp(64px,18vw,104px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.answer{width:100%;min-height:60px;padding:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;border-bottom:2px solid var(--line)}.answer.ok{border-color:var(--ok)}.answer.wrong{border-color:var(--bad)}.bank{width:100%;min-height:48px;margin:24px 0 8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tile{min-width:44px;padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:19px;cursor:pointer}.tile:hover:not(:disabled){border-color:var(--accent)}.tile:disabled{cursor:default}.feedback{min-height:24px;margin:8px 0 16px;color:var(--muted)}.feedback.ok{color:var(--ok)}.feedback.wrong{color:var(--bad)}.primary{padding:11px 32px;border:0;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);font-weight:600;cursor:pointer}.primary:disabled{opacity:.4;cursor:default}.done h1{margin:16px 0 32px;font-size:26px;font-weight:600}.message{padding-top:30vh;gap:16px}
