@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;700;800&family=Noto+Kufi+Arabic:wght@500;700&display=swap";html[dir=rtl] body{font-family:Noto Kufi Arabic,"Baloo 2",sans-serif}:root{color:#24244a;font-synthesis:none;background:#f7f7ff;font-family:"Baloo 2",Noto Kufi Arabic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}nav{background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,6vw,90px);display:flex}.brand{font-size:22px;font-weight:800}.brand span{color:#fff;background:#6c55e9;border-radius:14px;place-items:center;width:40px;height:40px;display:inline-grid;transform:rotate(-5deg)}.lang{color:#604ad8;background:#fff;border:2px solid #ebe9ff;border-radius:14px;padding:8px 18px;font-weight:700}.hero{background:radial-gradient(circle at 80% 12%,#ffe9a7 0 4%,#0000 4.2%),linear-gradient(135deg,#f2efff,#e7f6ff);min-height:calc(100vh - 76px);padding:45px clamp(20px,7vw,110px);position:relative;overflow:hidden}.hero:after{content:"";z-index:0;background:#ddd5ff;border-radius:50% 50% 0 0;height:300px;position:absolute;inset:auto -10% -180px}.stats{z-index:2;gap:14px;display:flex;position:relative}.stats div{background:#fff;border-radius:16px;padding:10px 18px;box-shadow:0 8px 22px #5446a315}.stats b{font-size:18px}.stats small{color:#8b88a7;letter-spacing:1px;font-size:10px;display:block}.welcome{z-index:2;max-width:650px;margin-top:10vh;position:relative}.welcome p{letter-spacing:3px;color:#7664dd;font-weight:800}.welcome h1{color:#25244c;margin:16px 0 34px;font-size:clamp(48px,8vw,92px);line-height:.95}.primary{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#7259ed,#573dcc);border:0;border-radius:18px;padding:16px 26px;font-weight:800;box-shadow:0 10px #402c9b,0 18px 30px #533bcf45}.primary span{margin-inline-start:25px}.mascot{filter:drop-shadow(0 22px 15px #57499433);z-index:1;font-size:clamp(120px,20vw,260px);position:absolute;top:25%;right:10%;transform:rotate(5deg)}.game{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffd;border-radius:28px;max-width:900px;margin:35px auto;padding:30px;position:relative;box-shadow:0 22px 60px #4a3c9f22}.topline{color:#6d58df;justify-content:space-between;font-weight:800;display:flex}.clue{text-align:center;font-size:22px}.word{justify-content:center;gap:8px;margin:28px 0;display:flex}.word span{color:#5940d5;background:#fff;border:3px solid #ddd9f6;border-radius:13px;place-items:center;width:52px;height:62px;font-size:30px;font-weight:800;display:grid}.feedback{text-align:center;color:#eb8f25;min-height:28px;font-weight:800}.keyboard{grid-template-columns:repeat(10,1fr);gap:8px;display:grid}.keyboard button{color:#fff;background:#6550db;border:0;border-radius:11px;min-height:46px;font-weight:800;box-shadow:0 4px #4835ac}.keyboard button:disabled{box-shadow:none;color:#9995af;background:#d8d5e8}@media (width<=700px){.mascot{opacity:.18;right:-20px}.stats div{padding:8px 11px}.keyboard{grid-template-columns:repeat(7,1fr)}.word span{width:38px;height:50px}.game{padding:18px}.welcome{margin-top:13vh}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media (width<=700px){nav{height:68px;padding:0 14px}.brand{font-size:19px}.hero{min-height:calc(100vh - 68px);padding:30px 10px}.mascot{opacity:.16}.stats{justify-content:center;gap:7px}.stats div{text-align:center;flex:1;max-width:112px;padding:8px}.keyboard{grid-template-columns:repeat(6,1fr);gap:7px}.keyboard button{min-width:44px;min-height:48px}.word{gap:5px}.game{margin:24px auto;padding:16px 14px}.clue{font-size:19px}.welcome{padding:0 10px}.welcome h1{font-size:clamp(44px,15vw,68px)}}@media (width<=360px){.keyboard{gap:5px}.keyboard button{min-width:42px}.word span{width:35px}.word{gap:4px}}.buttonBrand{color:#24244a;cursor:pointer;background:0 0;border:0}.navActions{align-items:center;gap:10px;display:flex}.navActions>button:not(.lang){color:#6256a2;background:0 0;border:0;padding:10px;font-weight:700}.homeButtons{flex-wrap:wrap;gap:16px;display:flex}.secondary{color:#5945ca;cursor:pointer;background:#fff;border:2px solid #6d58df;border-radius:18px;padding:14px 22px;font-weight:800}.onlineButton{color:#c96b16;border-color:#f09a3e}.panel{z-index:3;background:#ffffffdf;border-radius:28px;max-width:1100px;margin:34px auto;padding:30px;position:relative;box-shadow:0 22px 60px #4a3c9f22}.panel header{text-align:center}.panel header p{color:#6d58df;letter-spacing:2px;font-weight:800}.panel h2{margin:4px 0 25px;font-size:clamp(30px,5vw,48px)}.levelGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;display:grid}.levelCard{border-top:7px solid var(--level);background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 25px #42358914}.levelNumber{background:var(--level);color:#fff;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.levelCard h3{margin:12px 0 0;font-size:24px}.levelCard>small{color:#8a87a4}.rounds{gap:8px;margin-top:16px;display:grid}.rounds button{text-align:start;color:#37335d;cursor:pointer;background:#f6f4ff;border:0;border-radius:13px;align-items:center;gap:10px;padding:9px;display:flex}.rounds button:hover,.rounds button:focus-visible{outline:3px solid var(--level)}.rounds b{background:var(--level);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.rounds span{font-weight:700}.rounds small{color:#8a87a4;font-weight:500;display:block}.online{max-width:650px}.online label{gap:6px;font-weight:700;display:grid}.online input{width:100%;min-height:48px;font:inherit;border:2px solid #ddd8f5;border-radius:13px;padding:10px 14px}.roomActions{gap:20px;margin-top:20px;display:grid}.join{grid-template-columns:1fr auto;gap:10px;display:grid}.room{text-align:center;background:#f5f2ff;border-radius:20px;margin-top:22px;padding:24px}.room strong{letter-spacing:9px;color:#5741cb;font-size:44px;display:block}.room .primary{margin:18px auto 0;display:block}.live{color:#3bab84;font-weight:800}.safety{text-align:center;color:#77728e;background:#fff9e7;border-radius:13px;padding:12px}.primary:disabled{opacity:.65;cursor:wait}@media (width<=700px){.navActions>button:not(.lang){display:none}.panel{margin:24px 0;padding:18px 12px}.levelGrid{grid-template-columns:1fr}.levelCard{grid-template-columns:auto 1fr;column-gap:12px;display:grid}.levelCard h3{margin:4px 0}.levelCard>small{grid-column:2}.rounds{grid-column:1/-1}.homeButtons{display:grid}.homeButtons button{width:100%}.join{grid-template-columns:1fr}.room strong{font-size:38px}.brand span{width:36px;height:36px}}.wordProgress{color:#6d58df;align-items:center;gap:14px;margin:18px 0;font-weight:800;display:flex}.wordProgress>div{background:#e5e1f7;border-radius:999px;flex:1;height:10px;overflow:hidden}.wordProgress i{border-radius:inherit;background:linear-gradient(90deg,#55c8a3,#7660e9);height:100%;transition:width .35s;display:block}.complete{text-align:center;padding-block:55px}.complete .celebrate{font-size:80px}.complete h2{margin:8px;font-size:clamp(28px,5vw,46px)}.complete p{color:#6f6a8a;font-size:20px}.complete .primary{margin-top:15px}.gameTools{justify-content:center;margin:0 0 14px;display:flex}.gameTools button:disabled{opacity:.5}.scoreboard{background:#f4f1ff;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:14px 0;padding:14px;display:grid}.scoreboard>div{text-align:center;display:grid}.scoreboard strong{color:#5e47d4;font-size:30px}.scoreboard small{color:#827e99}.scoreboard>span{color:#ee8b36;font-weight:800}@media (width<=480px){.scoreboard{gap:7px;padding:10px}.scoreboard strong{font-size:25px}}.mathButton{color:#16836a;border-color:#27a985}.mathSelect header small{color:#77728e}.operationGrid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:28px;display:grid}.operationGrid button{color:#35305b;cursor:pointer;background:#fff;border:2px solid #e2def7;border-radius:22px;place-items:center;gap:10px;min-height:150px;display:grid;box-shadow:0 8px 22px #46378d12}.operationGrid button:hover,.operationGrid button:focus-visible{border-color:#6650db;transform:translateY(-3px)}.operationGrid strong{color:#fff;background:linear-gradient(135deg,#6550db,#3bbf9a);border-radius:18px;place-items:center;min-width:65px;height:65px;padding:0 10px;font-size:34px;display:grid}.operationGrid span{font-size:18px;font-weight:800}.mathPrompt{text-align:center;color:#312b60;letter-spacing:3px;margin:40px auto;font-size:clamp(38px,8vw,72px);font-weight:800}.answerBox{justify-content:center;gap:14px;display:flex}.answerBox input{text-align:center;color:#5540c6;border:3px solid #d8d2f5;border-radius:17px;width:180px;min-height:60px;font:800 30px "Baloo 2"}.noHint{text-align:center;color:#77728e}@media (width<=600px){.operationGrid{grid-template-columns:repeat(2,1fr)}.operationGrid button{min-height:120px}.answerBox{display:grid}.answerBox input{width:100%}}.finalFinish{background:linear-gradient(145deg,#fff,#f4f0ff);border:3px solid #e4dcff}.finalFinish .eyebrow{letter-spacing:3px;color:#6c55e9;font-size:14px;font-weight:800}.finalScore{background:#fff7d9;border-radius:22px;place-items:center;max-width:350px;margin:25px auto;padding:20px;display:grid;box-shadow:0 10px 25px #cf9d2422}.finalScore small{letter-spacing:2px;color:#8b7540}.finalScore strong{color:#503ac7;font-size:42px}.modePicker{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;display:grid}.modePicker button{color:#5b5191;background:#fff;border:2px solid #ddd8f5;border-radius:16px;min-height:58px;font-size:17px;font-weight:800}.modePicker button.active{color:#4e38c3;background:#eeeaff;border-color:#6550db;box-shadow:0 5px 15px #624bd422}.roomMode{color:#178264;letter-spacing:1px;background:#e9fff7;border-radius:999px;margin:7px auto;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.welcome{max-width:620px;margin-top:8vh}.welcome .mascot{opacity:1;pointer-events:none;width:260px;font-size:230px;line-height:1;top:25%;left:calc(100% + clamp(70px,9vw,150px));right:auto}.homeButtons{grid-template-columns:1fr 1fr;max-width:620px;display:grid}.homeButtons .primary{grid-column:1}.homeButtons button{white-space:nowrap;justify-content:center;align-items:center;min-height:64px;display:flex}.welcome h1{max-width:590px}.welcome .feedback{margin-top:22px}@media (width>=701px) and (width<=1100px){.welcome{max-width:54vw}.welcome .mascot{width:210px;font-size:185px;top:30%;left:calc(100% + 25px)}.homeButtons{grid-template-columns:1fr}.homeButtons .primary{grid-column:auto}.welcome h1{font-size:clamp(48px,7vw,70px)}}@media (width<=700px){.welcome{max-width:none;margin-top:7vh}.welcome .mascot{opacity:.13;width:150px;font-size:135px;top:-10px;left:auto;right:-25px}.homeButtons{grid-template-columns:1fr}.homeButtons .primary{grid-column:auto}.homeButtons button{white-space:normal;min-height:58px}.welcome h1{max-width:90%;font-size:clamp(42px,14vw,62px);position:relative}}