*{box-sizing:border-box}body{margin:0;background:#eef5ef;color:#25463e;font:18px/1.5 'Segoe UI',sans-serif}main{max-width:880px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;gap:15px;font-size:13px}a{color:inherit}header span,.kicker{font-size:12px;font-weight:800;letter-spacing:1.6px}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0}.intro img{width:140px;height:160px;object-fit:contain;filter:drop-shadow(0 8px 5px #25463e15)}h1{font-size:35px;line-height:1.15;margin:10px 0}h2{font-size:24px;margin:0}.intro p{margin:10px 0}nav{display:flex;gap:12px;margin-bottom:22px}button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #adc9bc;border-radius:14px;background:#fff;color:#25463e;padding:10px 16px}button:disabled{opacity:.45;cursor:default}button:focus-visible{outline:4px solid #edb84c;outline-offset:3px}nav button{flex:1;background:#fff9e5;border:2px solid #dfcf9e}nav button[aria-pressed=true]{border-color:#22775c;background:#dff3e7}nav .arabic{font:34px/1.2 'Traditional Arabic','Times New Roman',serif;display:block}nav small{display:block;font-size:13px}.card{background:#fffef8;border:2px solid #fff;border-radius:26px;padding:25px;margin-bottom:22px;box-shadow:0 7px 0 #dce6db}.step{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.step>b{display:grid;place-items:center;background:#f6ce70;width:36px;height:36px;border-radius:50%;font-size:20px}.step>button{margin-left:auto;font-size:15px}#target{font:40px/1.4 'Traditional Arabic','Times New Roman',serif}.card p{margin:12px 0}.status{min-height:30px;font-weight:650}#grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:min(100%,390px);margin:24px auto;touch-action:none;direction:ltr}#grid button{height:76px;font:42px/1 'Traditional Arabic','Times New Roman',serif;border:2px solid #d0ded6;background:#f6f8f2;padding:0;user-select:none;-webkit-user-select:none;touch-action:none}#grid button.selected{background:#fff0b9;border-color:#dbaf42}#grid button.found{background:#c5edce;border-color:#318352;color:#145735}#grid button.hint{box-shadow:0 0 0 4px #eeb640}#clear{font-size:14px}.writing{position:relative;background:repeating-linear-gradient(#fff 0 109px,#dce9e2 110px,#fff 111px);border:2px dashed #bdd1c5;border-radius:18px;margin:20px 0 12px;overflow:hidden}canvas{display:block;width:100%;height:auto;touch-action:none}#locked{position:absolute;inset:0;display:grid;place-items:center;background:#f5f7ef;color:#78867c;text-align:center;padding:20px}#locked[hidden]{display:none}.trace-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trace-tools button{font-size:14px}#trace-progress,#trace-lock{font-size:13px;color:#667c70}#next{background:#266b54;color:white;border:0}footer{text-align:center;font-size:13px;color:#6a7f73;padding:12px 15px 30px}footer button{font-size:14px}#restart{background:transparent}#hear.playing{background:#dff3e7}@media(max-width:540px){main{padding:15px}.intro img{width:90px;height:130px}h1{font-size:28px}.intro{gap:6px}.card{padding:18px}nav{gap:7px}nav button{padding:10px 5px}.step>button{margin-left:0}#grid button{height:70px}header span{display:none}}@media(prefers-reduced-motion:no-preference){.found{animation:pop .3s}@keyframes pop{50%{transform:scale(1.06)}}}
.game-settings{display:flex;gap:14px;flex-wrap:wrap;align-items:end;background:#dceee3;padding:16px;border-radius:18px;margin-bottom:20px}.game-settings label{display:grid;gap:5px;font-size:14px;font-weight:700}.game-settings select{font:inherit;background:white;border:1px solid #a3bcae;border-radius:12px;min-height:46px;padding:8px 15px}#round-label{font-size:13px;margin:auto 0 auto auto}#grid button{height:auto;aspect-ratio:1;font-size:clamp(24px,6vw,40px)}#new-set{background:#266b54;color:white}#set-status{font-size:18px;font-weight:700;color:#266b54}.games-choice{display:block;text-decoration:none;color:inherit;background:#fffef8;border:2px solid white;border-radius:24px;padding:28px;margin:20px 0;box-shadow:0 7px 0 #dce6db}.games-choice h2{font-size:27px;margin:10px 0}.games-choice .play{display:inline-block;background:#266b54;color:white;padding:12px 18px;border-radius:14px;font-weight:700}.language-links{display:flex;gap:10px;flex-wrap:wrap}.language-links a{background:#fff;padding:10px 18px;border:1px solid #a3bcae;border-radius:12px;text-decoration:none}.games-icon{font-size:42px}@media(max-width:540px){.game-settings label{flex:1;min-width:125px}.game-settings select{width:100%}.game-settings #round-label{width:100%;margin:0}.step h2{font-size:21px}}
#next-found,#next{background:#266b54;color:white;border:0;font-weight:700}#next-found{margin-right:10px}#find-label{margin-inline-end:8px}