:root{font-family:Tahoma,Noto Naskh Arabic,Noto Sans Arabic,system-ui,sans-serif;color:#f5f6f0;background:#061322;font-synthesis:none;--gold:#f6c779;--muted:#b7cbd0;--teal:#6ee0cc;--border:#315569;--navy:#081c2b}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:2px}.app,.signup-page{min-height:100dvh;background:radial-gradient(ellipse at 75% -20%,#244f59,#0d2739,#061322 68%)}.app{padding-bottom:80px}.header{height:73px;background:#071421ed;border-bottom:1px solid #51718255;display:flex;justify-content:space-between;align-items:center;padding:8px clamp(14px,4vw,42px)}.brand{display:flex;align-items:center;gap:11px;color:var(--gold)}.brand span,.student span{display:flex;flex-direction:column;align-items:flex-start}.brand b{font-size:20px}.brand small{font-size:11px;letter-spacing:.8px;color:#c2e4dc}.student{display:flex;align-items:center;gap:9px;color:#fff;background:#163448;border:1px solid #385c6b;border-radius:15px;padding:6px 11px;text-align:right}.student b{font-size:13px}.student small{font-size:11px;color:#b8cbd4}.app-main{width:min(1120px,94%);margin:28px auto 32px}h1,h2,p{margin-top:0}p{line-height:1.9;color:#d5e2e5}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.2px}.primary,.outline,.back{border:0;border-radius:14px;padding:12px 22px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-weight:800;transition:transform .18s}.primary{background:linear-gradient(135deg,#f4d29a,#d5a352);color:#0a2233;box-shadow:0 9px 24px #0003}.outline,.back{background:#1b3c4f;color:#e7f7ef;border:1px solid #537282}.primary:active,.outline:active,.back:active{transform:scale(.98)}.back{margin-bottom:18px;padding:9px 15px;font-size:13px}.hero{min-height:295px;border:1px solid #6d796044;background:radial-gradient(circle at 12% 45%,#d6a85f33,transparent 40%),linear-gradient(112deg,#12354b,#0d2539 65%,#07172b);border-radius:25px;display:flex;align-items:center;justify-content:space-between;padding:35px clamp(20px,5vw,60px);overflow:hidden;position:relative}.hero:after,.signup-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(#e8cb88 1px,transparent 1px);background-size:49px 56px;opacity:.14}.hero-copy{z-index:1;max-width:620px}.hero h1{font-size:clamp(28px,4.3vw,48px);line-height:1.3;margin:12px 0}.hero p{max-width:480px}.hero-art{position:relative;flex:none;color:var(--gold);opacity:.82;filter:drop-shadow(0 4px 30px #dfaa5666)}.actions{display:flex;gap:12px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px}.stats>div{background:#112b3e;border:1px solid #45617188;border-radius:17px;padding:15px;text-align:center}.stats b{display:block;color:var(--gold);font-size:27px}.stats span{color:#b8d0d3;font-size:12px}.heading-small{font-size:22px;display:flex;align-items:center;gap:10px;margin:28px 0 12px;color:#f0e8d0}.heading-small svg{color:var(--gold)}.heading-small small{font-size:11px;color:var(--muted)}.shortcut-grid,.demos,.world-grid,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.shortcut-grid button,.demos button{color:inherit;text-align:right;border-radius:18px;border:1px solid #496a76;background:linear-gradient(130deg,#143849,#10283a);padding:20px;display:flex;align-items:flex-start;flex-direction:column;gap:8px}.shortcut-grid svg{color:var(--gold)}.shortcut-grid b,.demos strong{font-size:18px}.shortcut-grid small,.demos small{color:var(--muted)}.shortcut-grid button>svg:last-child,.demos button>svg{align-self:flex-end}.demos{grid-template-columns:repeat(3,1fr)}.demos button span{font-size:26px;color:var(--gold)}.page-title,.unit-banner{border:1px solid #4b6577;border-radius:22px;padding:28px;margin:0 0 20px;background:linear-gradient(115deg,#1c4453,#10283e)}.page-title h1,.unit-banner h1{font-size:clamp(26px,4vw,39px);margin:13px 0 8px}.page-title p,.unit-banner p{margin:0}.tabs{display:flex;gap:9px;margin-bottom:23px}.tabs button{flex:1;background:#163349;color:#cadce0;border:1px solid #456678;padding:12px;border-radius:12px}.tabs button.active{background:#d3ac6c;color:#152333;font-weight:900}.world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.world{border:1px solid #b8976266;border-radius:21px;min-height:235px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;padding:20px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0%,#be994a50,transparent 57%),linear-gradient(135deg,#153950,#0d2438)}.world-1{background:radial-gradient(circle at 20% 10%,#5396915a,transparent 55%),linear-gradient(130deg,#153f4b,#102337)}.world-2{background:radial-gradient(circle at 80% 20%,#8c6cbb65,transparent 55%),linear-gradient(130deg,#2b315a,#102339)}.world-3{background:radial-gradient(circle at 60% 0%,#b68b6560,transparent 55%),linear-gradient(130deg,#503b37,#172638)}.world.locked{filter:saturate(.5);color:#c7d5d7}.world-icon{margin:auto 0 8px;color:var(--gold)}.world small{color:#f7ce8c;font-size:13px}.world strong{font-size:21px;margin:5px 0}.world span{font-size:12px;color:#c7dadd}.world em{font-style:normal;font-size:11px;margin-top:10px;color:#dfd3be}.bar-meter,.meter{height:7px;border-radius:15px;width:100%;background:#031421a8;overflow:hidden;margin-top:14px}.bar-meter i,.meter i{display:block;height:100%;background:linear-gradient(90deg,#efca8a,#67d9bd);border-radius:12px}.lesson-list{display:flex;flex-direction:column;gap:10px}.lesson-row{border-radius:15px;border:1px solid #405b6e;background:#112c40;padding:13px 18px;color:#fff;text-align:right;display:flex;align-items:center;gap:15px}.lesson-row .number{width:42px;height:42px;border-radius:12px;flex:none;display:grid;place-items:center;background:#c1a069;color:#162838;font-weight:900}.lesson-row>div:nth-child(2){flex:1;display:flex;flex-direction:column;gap:7px}.lesson-row b{font-size:16px}.lesson-row small{color:#b7cdd3}.lesson-row>span{display:flex;align-items:center;gap:3px;color:var(--gold);font-size:12px}.lesson-row.muted-row{opacity:.7}.mode-card{border-radius:20px;min-height:210px;color:#fff;display:flex;flex-direction:column;text-align:right;align-items:flex-start;padding:21px;border:1px solid #6a879288;background:linear-gradient(145deg,#245461,#102c40);overflow:hidden}.mode-card.adventure{background:radial-gradient(circle at 85% 0%,#d2a25e77,transparent 70%),linear-gradient(130deg,#3b4f4d,#172e3d)}.mode-card.practice{background:radial-gradient(circle at 85% 0%,#3fb7a277,transparent 70%),linear-gradient(130deg,#115560,#113041)}.mode-card.selftest{background:radial-gradient(circle at 80% 10%,#b78dd077,transparent 70%),linear-gradient(130deg,#383b68,#192a47)}.mode-card.arena{background:radial-gradient(circle at 85% 10%,#ce755077,transparent 70%),linear-gradient(130deg,#5c3d43,#222b3f)}.mode-symbol{height:70px;display:grid;place-items:center;color:#f8dca7}.mode-symbol svg{width:48px;height:48px}.mode-card strong{font-size:21px}.mode-card span{font-size:15px;color:#dff0eb;margin:8px 0}.mode-card small{color:#ebdbbf;margin-top:auto}.notice{margin-top:18px;color:#bdd4d8;font-size:13px;border-right:3px solid #bd9454;padding:8px 15px;background:#10283a}.play-view{max-width:900px;margin:auto}.play-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:14px}.play-bar .back{margin:0}.game-stage{min-height:170px;border:1px solid #bd9b6555;border-radius:22px;display:flex;gap:25px;align-items:center;padding:20px;background:radial-gradient(circle at 15% 25%,#ae855c50,transparent 48%),linear-gradient(130deg,#283e40,#0e2436)}.play-view.practice .game-stage{background:linear-gradient(120deg,#145465,#0d293c)}.play-view.selftest .game-stage{background:linear-gradient(120deg,#49426e,#10263c)}.play-view.arena .game-stage{background:linear-gradient(120deg,#68403d,#16283d)}.game-symbol{width:100px;display:grid;place-items:center;color:#ffdb90}.game-symbol svg{height:72px;width:72px}.game-stage h1{margin-bottom:4px;font-size:31px}.game-stage p{margin:0}.challenge{border:1px solid #587080;background:#122b3e;border-radius:21px;padding:clamp(18px,4vw,30px);margin:18px 0}.challenge h2{font-size:clamp(20px,3vw,29px);line-height:1.8}.question-counter{color:var(--gold);font-size:13px}.options{display:grid;gap:10px;margin:18px 0}.options button{background:#1e4155;border:1px solid #537487;color:#fff;border-radius:13px;padding:13px 16px;text-align:right;display:flex;gap:13px;align-items:center}.options button span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#0c2639;color:var(--gold);flex:none}.options button.selected{border-color:#f9c378;background:#32535a}.options button.right{border-color:#71d7aa;background:#205246}.options button.wrong{border-color:#f18c88;background:#593a48}.why{padding:13px;border-radius:12px;margin-bottom:14px}.why.ok{background:#194939;border:1px solid #39896f}.why.mistake{background:#54373a;border:1px solid #bd7c7b}.why p{margin:5px 0}.why small{font-size:11px;color:#d6e3e4}.challenge>.primary,.result>.primary{width:100%}.result{text-align:center}.result>svg,.score{color:var(--gold)}.result .score{display:block;font-size:55px}.result small{display:block;color:var(--muted);margin-bottom:20px}.team-board{padding:12px;border:1px solid #846963;border-radius:13px;margin-top:15px;background:#1f3141}.team-board>div{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.team-board button{border-radius:10px;background:#1b3749;color:#e9e9e9;border:1px solid #587080;padding:8px}.team-board button.active{border-color:var(--gold)}.team-board b{display:block;font-size:20px;color:var(--gold)}.team-board small{display:block;margin-top:10px;color:var(--muted)}.award{width:100%;margin-bottom:9px}.teacher-video{display:flex;align-items:center;gap:14px;border:1px dashed #ba9b78;padding:16px;border-radius:16px;color:var(--gold)}.teacher-video div{display:flex;flex-direction:column;gap:4px}.teacher-video small{color:var(--muted)}.castle-page{text-align:center;padding:30px;border:1px solid #82704a;border-radius:22px;background:radial-gradient(circle at 50% 30%,#c09b5b2b,transparent 50%),#102a3c}.castle-icon{display:flex;align-items:center;flex-direction:column;gap:10px;color:var(--gold);margin:25px}.castle-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.castle-levels>div{padding:15px 10px;background:#0a2032;border:1px solid #41556a;border-radius:15px;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.57}.castle-levels .earned{opacity:1;border-color:#c3a161}.castle-levels svg{color:var(--gold)}.castle-levels small{color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#071929f5;display:flex;justify-content:space-around;border-top:1px solid #476374;z-index:9}.bottom-nav button{border:0;background:none;color:#b8cbd3;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px;min-width:90px;font-size:12px}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.current{color:var(--gold)}.signup-page{display:flex;align-items:center;justify-content:center;gap:60px;padding:30px;min-height:100dvh;position:relative}.signup-symbol{display:flex;flex-direction:column;align-items:center;gap:20px;color:#f3c980;font-size:17px;z-index:1}.signup-card{background:#102b3def;border-radius:25px;border:1px solid #6b7a78;box-shadow:0 20px 60px #0007;padding:32px;width:min(445px,100%);z-index:1}.signup-card h1{font-size:38px;color:#f7d49a;margin:12px 0 7px}.signup-card p{font-size:14px}.signup-card label{display:block;margin:12px 0 6px;color:#e6dcc2;font-size:14px}.signup-card input,.signup-card select{width:100%;background:#092031;color:#fff;padding:12px;border:1px solid #66818d;border-radius:10px}.signup-card .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signup-card .primary{width:100%;margin:20px 0 10px}.signup-card small{display:block;font-size:11px;line-height:1.8;color:#bdcdd2}.returning{display:flex;flex-direction:column;gap:7px;padding:10px 0;border-top:1px solid #59717c}.returning button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#244757;color:#fff;border:1px solid #62808b;border-radius:10px;padding:9px}@media(max-width:720px){.app-main{width:94%;margin:15px auto}.hero{padding:25px;min-height:275px}.hero-art{opacity:.16;position:absolute;left:-20px}.hero-copy{position:relative}.stats{gap:6px}.stats>div{padding:12px 6px}.stats b{font-size:22px}.world-grid,.demos{grid-template-columns:repeat(2,minmax(0,1fr))}.world{padding:16px;min-height:225px}.world strong{font-size:17px}.shortcut-grid{grid-template-columns:1fr}.signup-page{flex-direction:column;gap:10px}.signup-symbol svg{height:45px;width:45px}.signup-card{padding:23px}.mode-card{padding:15px;min-height:190px}.mode-card strong{font-size:17px}.game-symbol{width:50px}.game-symbol svg{width:42px;height:42px}.game-stage{min-height:135px}.game-stage h1{font-size:24px}.header{padding:8px}.brand b{font-size:16px}.student small{font-size:10px}}@media(max-width:370px){.world-grid,.mode-grid{grid-template-columns:1fr}.team-board>div{grid-template-columns:1fr}.signup-card h1{font-size:30px}}