:root{--bg:#f5f3ff;--fg:#1e1b4b;--card:#fff;--brand:#4f46e5;--brand-fg:#fff;--ok:#15803d;--retry:#b45309;--line:#c7d2fe}@media (prefers-color-scheme:dark){:root{--bg:#111027;--fg:#eef2ff;--card:#1c1a3d;--brand:#818cf8;--brand-fg:#0b0a1f;--ok:#4ade80;--retry:#fbbf24;--line:#3730a3}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);margin:0}body{-webkit-tap-highlight-color:transparent;font-family:Vazirmatn,IRANSans,Tahoma,system-ui,sans-serif;font-size:20px;line-height:1.8}#app{max-width:560px;padding:16px;padding-bottom:env(safe-area-inset-bottom,16px);margin:0 auto}.card{background:var(--card);border-radius:24px;margin-top:24px;padding:28px 20px;box-shadow:0 4px 18px #4f46e51f}.center{text-align:center}h1{margin:.2em 0 .5em;font-size:2rem}h2{margin:.2em 0 .5em;font-size:1.5rem}.btn{min-width:60px;min-height:60px;font:inherit;border:3px solid var(--brand);color:var(--brand);cursor:pointer;background:0 0;border-radius:18px;margin-top:16px;padding:12px 28px;font-weight:700}.btn.primary{background:var(--brand);color:var(--brand-fg)}.btn:focus-visible,.choice:focus-visible,.cell:focus-visible,.option:focus-visible{outline-offset:3px;outline:4px solid #f59e0b}.btn:disabled{opacity:.5}.stage{flex-direction:column;align-items:center;gap:14px;margin-top:16px;display:flex;position:relative}.prompt{text-align:center;margin:8px 0;font-size:1.4rem}.prompt.big{font-size:2rem}.rule{text-align:center;background:var(--card);border:3px dashed var(--line);border-radius:16px;padding:10px 16px;font-size:1.35rem;font-weight:700}.question{text-align:center;background:var(--card);direction:rtl;border-radius:20px;width:100%;padding:20px;font-size:1.7rem;font-weight:700}.big-symbol{min-height:9rem;font-size:7rem;line-height:9rem}.choices,.options{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.options{grid-template-columns:1fr}.choice{border:3px solid var(--line);background:var(--card);cursor:pointer;border-radius:20px;min-height:84px;font-size:3rem;position:relative}.choice.picked{border-color:var(--brand);background:#e0e7ff}@media (prefers-color-scheme:dark){.choice.picked{background:#312e81}}.order{top:4px;color:var(--brand);font-size:1.1rem;font-weight:800;position:absolute;inset-inline-start:8px}.option{font:inherit;border:3px solid var(--line);background:var(--card);min-height:72px;color:var(--fg);cursor:pointer;border-radius:20px;font-size:1.8rem}.option.right{border-color:var(--ok)}.option.wrong{border-color:var(--retry);opacity:.6}.grid{grid-template-columns:repeat(var(--n),1fr);gap:10px;width:100%;display:grid}.cell{aspect-ratio:1;cursor:pointer;color:#fff;text-shadow:0 1px 2px #0006;border:4px solid #0000;border-radius:18px;font-size:2.4rem;font-weight:800}.cell.picked{border-color:var(--fg);box-shadow:0 0 0 4px var(--brand) inset;transform:scale(.94)}.c-red{background:#dc2626}.c-blue{background:#1d4ed8}.c-green{background:#15803d}.c-yellow{background:#ca8a04}.progress{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.dot{background:var(--line);border-radius:50%;width:14px;height:14px}.dot.done{background:var(--brand)}.dot.now{outline:3px solid var(--brand)}.tut-badge{text-align:center;color:var(--brand);font-weight:700}.feedback{inset-inline:0;background:var(--card);border:4px solid;border-radius:20px;width:-moz-fit-content;width:fit-content;margin:auto;padding:14px 28px;font-size:1.8rem;font-weight:800;position:absolute;top:30%;box-shadow:0 6px 24px #0003}.feedback.ok{color:var(--ok);border-color:var(--ok)}.feedback.retry{color:var(--retry);border-color:var(--retry)}.hints{width:100%}.hint{background:var(--card);border-inline-start:6px solid var(--brand);border-radius:14px;margin:8px 0;padding:10px 14px}.banner{color:#78350f;text-align:center;background:#fef3c7;padding:10px;font-weight:700}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}