@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&family=Tajawal:wght@400;500;700;800;900&display=swap');
:root{--ink:#25254a;--muted:#6c7192;--purple:#6c5ce7;--pink:#ff7eb6;--yellow:#ffd166;--mint:#75e0c1;--sky:#8bd3ff;--paper:#fff;--bg:#f4f5ff;--line:#e8e8f7;--shadow:0 12px 30px #33305c12}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 0,#fff4dc 0,transparent 26%),radial-gradient(circle at 90% 5%,#e6f8ff 0,transparent 24%),var(--bg);color:var(--ink);font-family:Nunito,'Tajawal',sans-serif;min-height:100vh}body[dir=rtl]{font-family:Tajawal,Nunito,sans-serif}button{font:inherit;cursor:pointer;border:0}button:focus-visible{outline:3px solid #ff9f43;outline-offset:3px}.wrap{max-width:1120px;margin:auto;padding:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3rem}.logo{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,#8e7bff,#5b4bd8);display:grid;place-items:center;color:white;font-size:25px;box-shadow:0 7px 0 #4b3cbb}.tools{display:flex;gap:8px;align-items:center}.pill{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:14px;font-weight:800;color:var(--ink);box-shadow:var(--shadow)}.hero{margin:22px 0;background:linear-gradient(115deg,#7464ee,#9587ff);border-radius:28px;padding:25px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 14px 0 #5b4bd81c;overflow:hidden}.hero h1{font-size:clamp(1.7rem,4vw,2.6rem);margin:0 0 8px;line-height:1.15}.hero p{margin:0;opacity:.93;font-weight:700}.hero-art{font-size:clamp(4rem,10vw,7rem);filter:drop-shadow(0 8px 0 #4c3cb533);white-space:nowrap}.stats{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:9px;font-weight:900;box-shadow:var(--shadow)}.section-title{font-size:1.35rem;font-weight:900;margin:24px 0 12px}.worlds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.world{background:#fff;border:2px solid transparent;border-radius:22px;padding:18px;text-align:start;box-shadow:var(--shadow);transition:.15s;min-height:165px;display:flex;flex-direction:column;gap:8px}.world:hover{transform:translateY(-3px);border-color:#d9d4ff}.world .emoji{font-size:2.5rem}.world h3{margin:0;font-size:1.1rem}.world p{margin:0;color:var(--muted);font-weight:700;font-size:.92rem}.world .go{margin-top:auto;color:var(--purple);font-weight:900}.panel{background:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow);border:1px solid var(--line);margin-top:18px}.hidden{display:none!important}.game-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.game-head h2{margin:0}.back{background:#f0efff;color:var(--purple);padding:10px 14px;border-radius:12px;font-weight:900}.game-desc{color:var(--muted);font-weight:700;margin:8px 0 18px}.question{font-size:clamp(1.35rem,3vw,2rem);font-weight:900;text-align:center;margin:20px 0}.options{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;max-width:720px;margin:18px auto}.option{background:#f7f7ff;border:2px solid #e9e7ff;border-radius:18px;padding:18px 12px;font-size:1.25rem;font-weight:900;min-height:72px;color:var(--ink)}.option:hover{border-color:var(--purple);background:#f0edff}.option.correct{background:#e2fff5;border-color:#55cda9}.option.wrong{background:#fff0f2;border-color:#ff9aaa}.feedback{text-align:center;min-height:36px;font-weight:900;font-size:1.1rem;margin:12px}.action{display:block;margin:14px auto 0;background:var(--purple);color:white;border-radius:14px;padding:13px 22px;font-weight:900;box-shadow:0 5px 0 #4d3fc0}.action:disabled{opacity:.45;cursor:default}.progressbar{height:10px;background:#eeeef9;border-radius:99px;overflow:hidden;margin:16px 0}.progressbar span{display:block;height:100%;background:linear-gradient(90deg,#7c6cff,#ff83b7);width:0;transition:width .3s}.game-meta{display:flex;justify-content:space-between;color:var(--muted);font-weight:800}.tile{font-size:1.4rem;min-height:80px}.word-input{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:18px}.letter{background:#f2efff;border:2px solid #ded8ff;border-radius:12px;padding:12px 16px;font-size:1.3rem;font-weight:900}.letter.used{opacity:.35}.memory-grid{display:grid;grid-template-columns:repeat(4,minmax(55px,100px));gap:10px;justify-content:center;margin:20px auto}.memory-card{height:90px;border-radius:16px;background:#7968ed;color:#fff;font-size:2rem;font-weight:900;box-shadow:0 5px 0 #5545c7}.memory-card.open{background:#fff;border:2px solid #dcd8ff;color:var(--ink);box-shadow:none}.memory-card.matched{background:#ddfff4;border:2px solid #65d5b2;color:var(--ink);box-shadow:none}.small-note{text-align:center;color:var(--muted);font-weight:700}.footer{text-align:center;color:var(--muted);font-weight:700;padding:26px 8px}.parent{font-size:.9rem}.modal{position:fixed;inset:0;background:#1d1b4388;display:grid;place-items:center;padding:18px;z-index:5}.modal-card{max-width:520px;width:100%;background:white;border-radius:24px;padding:24px;box-shadow:var(--shadow)}.modal-card h2{margin-top:0}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.settings-row select{padding:10px;border-radius:12px;border:1px solid var(--line);font:inherit}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#28254c;color:#fff;padding:12px 18px;border-radius:14px;font-weight:900;box-shadow:var(--shadow);z-index:8}
@media(max-width:600px){.wrap{padding:12px}.hero{padding:20px}.hero-art{font-size:4rem}.worlds{grid-template-columns:repeat(2,minmax(0,1fr))}.world{padding:14px;min-height:175px}.panel{padding:16px}.memory-card{height:70px}}@media(max-width:390px){.worlds{grid-template-columns:1fr}}