@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans Arabic,Tahoma,sans-serif;color:#edf6f0;background:#091c22;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:radial-gradient(ellipse at 28% 45%,#17423e 0,transparent 52%),#091c22}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #9debd6;outline-offset:5px}[hidden]{display:none!important}header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;line-height:1.4}.brand small{display:block;font:9px Arial;letter-spacing:2px;margin-top:7px;color:#97b8b1}.mark{border:1px solid #c5a66a;border-radius:12px;width:46px;height:46px;display:grid;place-items:center;color:#ecc37b;font-size:36px}.pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #ffffff21;background:#10272bbf;border-radius:50px;padding:8px 14px;font-size:11px;color:#b8cec6}.pill i{height:6px;width:6px;background:#92ddba;border-radius:50%}main{max-width:1160px;margin:auto;padding:65px 40px 30px;position:relative;display:grid;grid-template-columns:1fr 1fr}.eyebrow{color:#c2ac78;font-size:12px;letter-spacing:1px}h1{font-size:clamp(48px,6vw,84px);line-height:1.5;margin:18px 0 16px;font-weight:600;letter-spacing:-2px}h1 em{font-style:normal;color:#edc983}.intro{color:#acc4bd;font-size:15px;line-height:2}.hero-art{grid-column:2;grid-row:1/5;position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;perspective:800px}.halo{position:absolute;width:290px;height:290px;border:1px solid #8ac3a31a;border-radius:50%;box-shadow:0 0 0 45px #8ac3a306,0 0 0 90px #8ac3a304;background:radial-gradient(#f0ba4730,transparent 65%)}.chest{width:205px;height:150px;transform:rotate(-9deg);position:relative;filter:drop-shadow(0 24px 22px #0008)}.body{position:absolute;inset:52px 0 0;background:repeating-linear-gradient(0deg,#94542b 0 25px,#663c25 26px 28px);border:8px solid #c99849;border-radius:0 0 14px 14px;box-shadow:inset -15px 0 #41261255}.lid{position:absolute;inset:0 0 90px;background:linear-gradient(#bb8846,#754323);border:8px solid #e7b966;border-radius:45px 45px 0 0;transform-origin:bottom;transform:perspective(300px) rotateX(-18deg)}.strap{position:absolute;top:7px;bottom:5px;width:14px;background:linear-gradient(90deg,#d2a557,#f3d391,#a47635);border-radius:6px}.strap.a{left:30px}.strap.b{right:30px}.lock{position:absolute;top:64px;left:88px;background:#e9bd65;border:3px solid #a77732;color:#5e3d22;width:30px;height:38px;text-align:center}.orbit{position:absolute;top:65%;width:290px;height:65px;border:1px solid #d4b36e4d;border-radius:50%;transform:rotate(-9deg)}.star{position:absolute;color:#f4d69b}.s1{top:22%;left:19%;font-size:40px}.s2{top:63%;right:15%;font-size:20px}.art-caption{position:absolute;bottom:20px;color:#91b1a7;font-size:11px;letter-spacing:1px}.launch{grid-column:1;max-width:400px;margin-top:25px}.steps{display:flex;gap:22px;font-size:10px;color:#adc2b8;margin-bottom:22px}.steps b{display:block;font:11px Arial;color:#dbbe84;margin-bottom:8px}.primary{border:0;border-radius:12px;background:#edc987;color:#1d2c28;font-weight:800;padding:15px 24px;min-height:52px;box-shadow:0 5px 20px #0002}.launch .primary{width:100%;display:flex;justify-content:space-between}.primary:hover{background:#ffdda4}.privacy{text-align:center;color:#a8bfb4;font-size:10px}.mode-note{font-size:10px;color:#8ba69d;line-height:1.8;text-align:center}.text-button{display:block;margin:10px auto;border:0;background:none;color:#e8c885;font-size:12px;text-decoration:underline}.secondary{border:1px solid #ffffff35;background:#163136;color:#edf6f0;border-radius:10px;padding:12px 17px;min-height:46px}footer{display:flex;justify-content:space-between;margin:25px 6vw;padding:22px 0;border-top:1px solid #ffffff15;color:#6f9489;font-size:10px}#video,#scene{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;display:none}.playing #video,.playing #scene{display:block}#scene{touch-action:none;z-index:1}.playing header{pointer-events:none}.playing header .pill{display:none}.vignette{display:none;position:fixed;inset:0;background:linear-gradient(#06151c99,transparent 25%,transparent 50%,#06151ce6);pointer-events:none;z-index:2}.playing .vignette{display:block}#hud{position:fixed;inset:105px 0 0;z-index:3;pointer-events:none}.hud-top{display:flex;justify-content:space-between;padding:0 6vw}.score{background:#0d272bd9;border:1px solid #edc98755;padding:8px 18px;border-radius:40px;color:#edc987}#reticle{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:38px;color:#a9ffdc;text-shadow:0 0 15px #000}.controls{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:20px max(20px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#071c22cc)}#status{font-size:12px;color:#b6dbce}#hint{font-weight:600;font-size:15px}.buttons{display:flex;justify-content:center;gap:8px;pointer-events:auto}#limit{font-size:10px;line-height:1.8;color:#c1d3cb;max-width:500px;margin:14px auto 0}#error{position:fixed;z-index:10;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90%,420px);background:#143339;border:1px solid #c8a36a;border-radius:20px;padding:28px;box-shadow:0 0 0 100vmax #0009}#error p{font-size:13px;line-height:2}body.playing{overflow:hidden}@media(max-width:650px){header{padding:22px 23px}.brand{font-size:19px}.brand small{font-size:7px}.mark{width:39px;height:39px}header>.pill{font-size:9px;padding:6px 10px}main{display:flex;flex-direction:column;padding:24px 28px 0}.eyebrow{font-size:11px}h1{font-size:46px;line-height:1.35;margin:17px 0 12px}.intro{font-size:12px;margin:0;line-height:1.9}.hero-art{min-height:245px;order:2;margin-top:6px}.halo{width:190px;height:190px}.chest{transform:scale(.8) rotate(-9deg)}.orbit{width:240px;top:68%}.s1{top:15%}.art-caption{bottom:0}.launch{order:3;margin:25px 0 0;max-width:none}.steps{justify-content:space-between;margin-bottom:17px;gap:8px}.steps b{display:inline;margin-left:6px}footer{margin-top:30px}#hud{top:95px}.buttons{flex-wrap:wrap}.buttons .primary{flex:1}.controls{padding-top:10px}#hint{font-size:13px}}@media(max-height:560px)and (orientation:landscape){header{padding:12px 25px}.brand small{display:none}main{padding-top:10px;display:grid;grid-template-columns:1fr 1fr}h1{font-size:35px;margin:8px 0}.intro{font-size:11px}.hero-art{grid-row:1/5;grid-column:2;min-height:240px}.launch{margin-top:10px}.steps{display:none}footer{display:none}#hud{top:70px}.controls{padding:5px 20px 8px}#status,#hint{margin:4px}#limit{margin-top:5px}.hud-top{padding:0 25px}#reticle{top:20%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}#diagnostics{position:relative;z-index:5;margin:12px 6vw;max-width:650px;border:1px solid #bfa26455;background:#0a2028ed;border-radius:12px;padding:10px 14px;font-size:11px}#diagnostics summary{cursor:pointer;color:#edc987;font-weight:600;min-height:26px}#diagnostics pre{font:10px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;color:#b5d9cf;max-height:36svh;overflow:auto}.diagnostic-warning,.credits{font-size:10px;line-height:1.8;color:#a7c0b6}.credits a{color:#edc987}.playing #diagnostics{position:fixed;top:155px;left:15px;margin:0;width:min(90vw,440px)}.playing #diagnostics:not([open]){width:auto;background:#0a202899}.playing .controls{max-height:45svh;overflow:auto}.playing #hint{max-width:520px;margin:8px auto}.playing #status{margin:8px auto;max-width:520px}@media(max-height:560px)and (orientation:landscape){.playing #diagnostics{top:105px;max-width:45vw}#diagnostics pre{max-height:30svh}.playing .controls{max-height:40svh}#cameraMode{font-size:10px;padding:8px}.controls .secondary{min-height:38px;padding:8px 12px}}