@keyframes pop{50%{transform:scale(1.12)}}@keyframes flip{0%{transform:scaleY(1)}50%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes bounce{0%,20%{transform:translateY(0)}40%{transform:translateY(-1rem)}50%{transform:translateY(0)}60%{transform:translateY(-.5rem)}80%{transform:translateY(.15rem)}to{transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-.1rem)}20%,80%{transform:translate(.25rem)}30%,50%,70%{transform:translate(-.4rem)}40%,60%{transform:translate(.4rem)}}@keyframes rise{0%{opacity:0;transform:translateY(.5rem)}}.tw{--tw-bg:#f3ede0;--surface:#fffaf0;--ink:#221d17;--muted:#776d60;--line:#d3c8b2;--line-strong:#a89c86;--key:#e7dcc6;--key-edge:#c2b59b;--correct:#4d9a5b;--correct-edge:#32703f;--present:#e2a62d;--present-edge:#a97913;--absent:#8a8377;--absent-edge:#5f594f;--accent:#221d17;--on-accent:#fffaf0;--font-ui:var(--font-instrument), system-ui, sans-serif;--font-tile:var(--font-alfa), Georgia, serif;background:var(--tw-bg);color:var(--ink);font-family:var(--font-ui);flex-direction:column;min-height:100dvh;line-height:1.4;display:flex;overflow-x:hidden}.tw[data-contrast=high]{--correct:#f2762e;--correct-edge:#b0500f;--present:#5aaef0;--present-edge:#2c78b4}.dark .tw{--tw-bg:#171411;--surface:#26211b;--ink:#f3ede0;--muted:#a3988a;--line:#3d362d;--line-strong:#6e6455;--key:#3a332a;--key-edge:#221e18;--absent:#4a453d;--absent-edge:#2a2621;--accent:#f3ede0;--on-accent:#171411}html[lang=ar] .tw{--font-ui:var(--font-cairo), system-ui, sans-serif;--font-tile:var(--font-cairo), system-ui, sans-serif}.tw *,.tw :before,.tw :after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.tw button{font:inherit;color:inherit;cursor:pointer}.tw :focus-visible{outline:.1875rem solid var(--present);outline-offset:.125rem}.tw h1,.tw h2{font-size:inherit;margin:0}.tw .top{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;width:100%;max-width:32rem;margin:0 auto;padding:.6rem 1rem .5rem;display:grid}.tw .top .grp{align-items:center;gap:.25rem;display:flex}.tw .top .grp.end{justify-content:flex-end}.tw .title{font-family:var(--font-tile);letter-spacing:.02em;margin:0;font-size:1.6rem;font-weight:400;line-height:1}html[lang=ar] .tw .title{letter-spacing:0;font-size:1.9rem;font-weight:800}.tw .icon-btn{background:0 0;border:0;border-radius:.6rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.tw .icon-btn:hover{background:var(--key)}.tw .icon-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1.4rem;height:1.4rem}.tw .lang-btn{background:var(--surface);border:.125rem solid var(--line-strong);min-width:2.75rem;height:2.25rem;box-shadow:0 .2rem 0 var(--line-strong);border-radius:.6rem;padding:0 .75rem;font-size:.95rem;font-weight:700}.tw .lang-btn:active{box-shadow:0 .05rem 0 var(--line-strong);transform:translateY(.15rem)}html[lang=en] .tw .lang-btn{font-family:var(--font-cairo), system-ui, sans-serif}html[lang=ar] .tw .lang-btn{font-family:var(--font-instrument), system-ui, sans-serif}.tw .modes{background:var(--key);border-radius:999px;gap:.25rem;width:max-content;margin:.75rem auto 0;padding:.25rem;display:flex}.tw .modes button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:.35rem 1.1rem;font-size:.9rem;font-weight:600}.tw .modes button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.tw main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:32rem;min-height:0;margin:0 auto;padding:.75rem 1rem .5rem;display:flex}.tw .board{grid-template-rows:repeat(6,auto);gap:.45rem;width:min(20.5rem,100%,83.3333dvh - 16.3333rem);min-width:13rem;display:grid}.tw .row{grid-template-columns:repeat(5,1fr);gap:.45rem;display:grid}.tw .tile{aspect-ratio:1;background:var(--surface);border:.125rem solid var(--line);box-shadow:0 .25rem 0 var(--edge,var(--line));font-family:var(--font-tile);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:.5rem;place-items:center;font-size:clamp(1.4rem,8vw,2rem);line-height:1;display:grid}html[lang=ar] .tw .tile{padding-bottom:.15rem;font-size:clamp(1.5rem,8.5vw,2.2rem);font-weight:800}.tw .tile[data-filled="1"]{border-color:var(--line-strong);--edge:var(--line-strong)}.tw .tile[data-state]{color:#fff;border-color:#0000}.tw .tile[data-state=correct]{background:var(--correct);--edge:var(--correct-edge)}.tw .tile[data-state=present]{background:var(--present);--edge:var(--present-edge)}.tw .tile[data-state=absent]{background:var(--absent);--edge:var(--absent-edge)}.tw .tile.pop{animation:.12s ease-out pop}.tw .tile.flip{animation:.5s ease-in-out both flip}.tw .tile.bounce{animation:.9s both bounce}.tw .row.shake{animation:.45s shake}.tw .endbar{text-align:center;flex-direction:column;align-items:center;gap:.6rem;min-height:0;display:none}.tw .endbar.show{animation:.3s ease-out rise;display:flex}.tw .endbar .msg{font-size:1.05rem;font-weight:700}.tw .endbar .msg b{font-family:var(--font-tile);letter-spacing:.06em;text-transform:uppercase;font-weight:400}html[lang=ar] .tw .endbar .msg b{letter-spacing:0;font-weight:800}.tw .btns{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.tw .btn{border:.125rem solid var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 .25rem 0 var(--line-strong);border-radius:.7rem;padding:.55rem 1.2rem;font-weight:700}.tw .btn.alt{background:var(--surface);color:var(--ink);border-color:var(--line-strong)}.tw .btn.danger{color:#fff;background:#b23a2e;border-color:#b23a2e;box-shadow:0 .25rem #78241b}.tw .btn:active{box-shadow:0 .05rem 0 var(--line-strong);transform:translateY(.2rem)}.tw .kb{width:100%;max-width:32rem;padding:.25rem .375rem calc(.75rem + env(safe-area-inset-bottom));direction:ltr;flex-direction:column;gap:.45rem;margin:0 auto;display:flex}.tw .kb-row{justify-content:center;gap:.3rem;display:flex}.tw .key{background:var(--key);min-width:0;height:3.4rem;box-shadow:0 .25rem 0 var(--key-edge);font-family:var(--font-ui);text-transform:uppercase;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;border-radius:.5rem;flex:1 1 0;place-items:center;padding:0;font-size:1.05rem;font-weight:700;display:grid}html[lang=ar] .tw .key{font-family:var(--font-cairo), system-ui, sans-serif;text-transform:none;font-size:1.15rem}.tw .key.wide{flex:1.6 1 0;font-size:.8rem}.tw .key:active{box-shadow:0 .05rem 0 var(--key-edge);transform:translateY(.2rem)}.tw .key[data-state]{color:#fff}.tw .key[data-state=correct]{background:var(--correct);box-shadow:0 .25rem 0 var(--correct-edge)}.tw .key[data-state=present]{background:var(--present);box-shadow:0 .25rem 0 var(--present-edge)}.tw .key[data-state=absent]{background:var(--absent);box-shadow:0 .25rem 0 var(--absent-edge)}.tw .key[data-state]:active{box-shadow:0 .05rem #0000004d}@media (max-width:23.5rem){.tw .kb-row{gap:.2rem}.tw .key{height:3rem;font-size:.95rem}html[lang=ar] .tw .key{font-size:1rem}}@media (max-height:40rem){.tw .key{height:2.9rem}.tw .kb{gap:.35rem}}.tw dialog{border:.125rem solid var(--line-strong);background:var(--surface);color:var(--ink);width:min(28rem,100vw - 1.5rem);max-height:min(90dvh,44rem);box-shadow:0 .5rem 0 var(--line-strong), 0 2rem 4rem #00000040;font-family:var(--font-ui);border-radius:1rem;padding:0}.tw dialog::backdrop{background:#140f0a8c}.tw dialog[open]{flex-direction:column;animation:.2s ease-out rise;display:flex}.tw .dlg-head{justify-content:space-between;align-items:center;padding:.9rem 1.1rem .4rem;display:flex}.tw .dlg-head h2{font-size:1.3rem;font-family:var(--font-tile);margin:0;font-weight:400}html[lang=ar] .tw .dlg-head h2{font-weight:800}.tw .dlg-body{padding:.4rem 1.1rem 1.2rem;overflow-y:auto}.tw .dlg-body p{margin:.5rem 0}.tw .dlg-body hr{border:0;border-top:1px solid var(--line);margin:1rem 0}.tw .ex{margin:.9rem 0 .3rem}.tw .ex .row{gap:.3rem;width:12.5rem;margin-bottom:.45rem}.tw .ex .tile{box-shadow:0 .18rem 0 var(--edge,var(--line));font-size:1.2rem}html[lang=ar] .tw .ex .tile{font-size:1.35rem}.tw .note{color:var(--muted);font-size:.92rem}.tw .norm{font-family:var(--font-cairo), sans-serif;direction:rtl;flex-wrap:wrap;gap:.4rem 1rem;margin:.4rem 0;font-size:1.15rem;display:flex}.tw .norm span{background:var(--key);border-radius:.5rem;padding:.1rem .7rem}.tw .stat-nums{text-align:center;grid-template-columns:repeat(4,1fr);gap:.4rem;margin:.4rem 0 1rem;display:grid}.tw .stat-nums b{font-family:var(--font-tile);font-size:1.8rem;font-weight:400;line-height:1.1;display:block}html[lang=ar] .tw .stat-nums b{font-weight:800}.tw .stat-nums span{color:var(--muted);font-size:.75rem;line-height:1.2;display:block}.tw .dist{direction:ltr;gap:.35rem;display:grid}.tw .dist-row{grid-template-columns:1rem 1fr;align-items:center;gap:.5rem;font-weight:700;display:grid}.tw .dist-bar{background:var(--absent);color:#fff;text-align:end;min-width:1.6rem;box-shadow:0 .15rem 0 var(--absent-edge);border-radius:.3rem;padding:.05rem .5rem;font-size:.9rem}.tw .dist-bar.hl{background:var(--correct);box-shadow:0 .15rem 0 var(--correct-edge)}.tw .countdown{text-align:center;margin-top:1rem}.tw .countdown b{font-variant-numeric:tabular-nums;font-size:1.6rem;display:block}.tw .setting{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem 0;display:flex}.tw .setting small{color:var(--muted);display:block}.tw .switch{background:var(--absent);border:0;border-radius:999px;flex:none;width:3.2rem;height:1.8rem;transition:background .2s;position:relative}.tw .switch:after{content:"";top:.2rem;background:#fff;border-radius:50%;width:1.4rem;height:1.4rem;transition:inset-inline-start .2s;position:absolute;inset-inline-start:.2rem}.tw .switch[aria-checked=true]{background:var(--correct)}.tw .switch[aria-checked=true]:after{inset-inline-start:1.6rem}.tw .swatches{gap:.3rem;margin-top:.4rem;display:flex}.tw .swatches i{border-radius:.3rem;width:1.2rem;height:1.2rem;display:block}@media (prefers-reduced-motion:reduce){.tw *,.tw :before,.tw :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}}