*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;color:#17212b;background:#eaf1f4;min-height:100vh}.cosmos{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 75% 15%,rgba(255,210,112,.8),transparent 18%),radial-gradient(circle at 18% 28%,rgba(92,120,150,.38),transparent 26%),linear-gradient(145deg,#e9edf0 0%,#c9d7df 42%,#f3d7b0 72%,#d98d69 100%)}.cosmos:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 46%,rgba(255,255,255,.9) 49%,rgba(96,111,126,.35) 50%,transparent 53%);opacity:.55}header{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border-bottom:1px solid #bbc9d1;position:sticky;top:0;z-index:5}.hud{display:flex;gap:14px}.hud span{background:#fff;padding:8px 13px;border-radius:20px;border:1px solid #d1b36a}.progress{height:6px;background:#dce3e7}.progress i{display:block;height:100%;width:9%;background:linear-gradient(90deg,#d4a934,#f0cc68);transition:.35s}main{width:min(1120px,94%);margin:25px auto 100px}.page{display:none;background:rgba(255,255,255,.94);border:1px solid rgba(130,150,160,.35);border-radius:24px;padding:28px;box-shadow:0 15px 45px rgba(42,54,65,.14)}.page.active{display:block;animation:in .35s ease}@keyframes in{from{opacity:.2;transform:translateY(8px)}}h1{font-size:44px;margin:12px 0}h2{font-size:30px;margin:5px 0 14px}.hero{text-align:center;max-width:800px;margin:auto;font-size:21px;line-height:1.9}.tag{display:inline-block;background:#263746;color:#fff2c5;border-radius:20px;padding:7px 14px;font-weight:bold}.warning{background:#fff7df;border-right:5px solid #d3a633;padding:13px;border-radius:12px;margin:20px 0}.instruction{font-size:20px;line-height:1.7}.primary,nav button,.choice{border:0;border-radius:14px;padding:12px 20px;font-size:18px;font-weight:bold;cursor:pointer}.primary{background:#263746;color:white}.mapwrap{position:relative;max-width:900px;margin:auto}.mapwrap img{width:100%;display:block;border-radius:15px}.node{position:absolute;width:48px;height:48px;border-radius:50%;border:3px solid #fff;background:#d3a633;color:#fff;font-size:20px;font-weight:bold;box-shadow:0 0 0 5px rgba(211,166,51,.25),0 0 24px #e5b83f}.activeNode{animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.18);box-shadow:0 0 0 10px rgba(211,166,51,.12),0 0 35px #e5b83f}}.n1{right:14%;top:28%}.n2{left:21%;top:28%}.n3{left:30%;bottom:19%}.n4{right:31%;bottom:17%}.explain{margin:18px auto 0;max-width:900px;background:#f8f3e6;border:1px solid #dbc77e;padding:16px;border-radius:14px;font-size:20px;line-height:1.8}.lessons{display:grid;gap:12px}.lessons div{background:linear-gradient(90deg,#fff9e8,#fff);border-right:5px solid #d3a633;padding:14px 18px;border-radius:12px;font-size:20px;animation:lesson 3s ease-in-out infinite alternate}.lessons div:nth-child(even){animation-delay:.8s}@keyframes lesson{to{transform:translateX(-5px)}}.scenePool,.sceneTrack{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:15px;border-radius:16px}.scenePool{background:#edf2f4}.sceneTrack{min-height:120px;background:#fff8e6;border:2px dashed #c6a248;margin-top:14px}.scene{width:120px;background:#fff;border:2px solid #c7d1d7;border-radius:14px;padding:7px;cursor:pointer}.scene img{width:100%;height:90px;object-fit:contain}.scene.done{border-color:#d0a52e;background:#fff5cf;cursor:default}.msg{min-height:28px;text-align:center;font-weight:bold;margin:10px}.qbox{background:#f7fafb;border:1px solid #cdd8de;border-radius:16px;padding:16px;margin:12px 0}.qbox h3{font-size:20px;line-height:1.6}.choices,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.choice,.card{background:#fff;color:#22313d;border:2px solid #c7d2d9;padding:12px;border-radius:13px;cursor:pointer;font-size:18px;line-height:1.5}.choice:hover,.card:hover{border-color:#c79b28}.good{background:#e8f6e8!important;border-color:#4d9a59!important}.bad{animation:shake .25s}@keyframes shake{50%{transform:translateX(8px)}}.selected{background:#fff1bd!important;border-color:#c89618!important}.fillrow{background:#f7fafb;border-radius:14px;padding:14px;margin:10px 0;font-size:20px;line-height:2}.blank{display:inline-block;min-width:120px;border-bottom:3px dashed #b08a27;text-align:center;color:#9a751a}.special{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,235,215,.96))}.gate{border:2px solid #9eacb5;border-radius:18px;padding:16px;margin:13px 0}.gate.open{border-color:#c89a22;background:#fff8df}.core{text-align:center;margin:22px auto;padding:20px;border-radius:50px;max-width:520px;background:#263746;color:#fff2bd;font-size:27px;font-weight:bold;opacity:.25;transition:.5s}.core.on{opacity:1;box-shadow:0 0 35px rgba(213,170,48,.55)}nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:12px 5%;background:rgba(255,255,255,.94);border-top:1px solid #bdc9d0;z-index:6}nav button{background:#263746;color:#fff;min-width:120px}nav button:disabled{opacity:.35}#toast{position:fixed;bottom:78px;left:50%;transform:translateX(-50%);background:#263746;color:white;padding:10px 18px;border-radius:20px;opacity:0;pointer-events:none;transition:.25s;z-index:9}#toast.show{opacity:1}.finalScore{font-size:28px;margin:20px}@media(max-width:650px){.page{padding:17px}h1{font-size:34px}h2{font-size:25px}.instruction,.explain{font-size:18px}.scene{width:92px}.scene img{height:70px}.node{width:38px;height:38px}.n1{right:10%}.n2{left:16%}}
/* مراجعة الهاتف — التكوير */
html,body{overflow-y:auto!important;-webkit-overflow-scrolling:touch}
.page.active{overflow:visible!important;touch-action:pan-y}
main{padding-bottom:95px}
@media(max-width:650px){
  .page{padding:18px 14px!important}
  .mapwrap{margin-bottom:12px!important}
  .explain,.instruction{font-size:clamp(15px,4.2vw,18px)!important;line-height:1.75!important}
  .lessons{padding-bottom:18px!important}
  .lessons div{font-size:clamp(14px,4vw,17px)!important;line-height:1.65!important;padding:11px 12px!important}
}