@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-arabic-arabic-400-normal-AAMxebZb.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-400-normal-hsqIUL9Q.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-arabic-arabic-500-normal-DPISWLls.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-500-normal-CoaTbVwZ.woff) format("woff")}@font-face{font-family:Noto Sans Arabic;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-arabic-arabic-600-normal-JPxwL-XU.woff2) format("woff2"),url(/assets/noto-sans-arabic-arabic-600-normal-JLzruTOp.woff) format("woff")}@font-face{font-family:Amiri;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-arabic-400-normal-D0NIBXga.woff2) format("woff2"),url(/assets/amiri-arabic-400-normal-C_1DQziU.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}:root{font-family:Noto Sans Arabic,DM Sans,sans-serif;color:#313b34;background:#dedfd4;font-synthesis:none;font-weight:400;--ink: #303d35;--muted: #747b6b;--green: #334d3f;--paper: #f4f2e9;--line: rgba(71, 82, 62, .18)}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #967441;outline-offset:5px}button:disabled{opacity:.3;cursor:default}svg{flex-shrink:0}button{transition:background .2s,color .2s,transform .2s}button:hover{color:#927444}.app{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#dbdfd4}.scene{position:absolute;inset:0;touch-action:none}.scene canvas{display:block;touch-action:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(237,237,225,.9) 0,rgba(237,237,225,.14) 22%,transparent 45%,rgba(236,235,223,.06) 63%,rgba(235,234,224,.96) 87%,#eeece3 100%)}.header{position:absolute;top:0;left:4%;right:4%;height:102px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;z-index:30}.brand{display:flex;align-items:center;gap:13px;text-align:start;padding:0;min-width:230px}.brand svg{width:51px;height:49px}.brand strong{font-family:Amiri,serif;font-size:33px;font-weight:400;line-height:1.2;display:block}.brand small{font-size:9px;letter-spacing:.25px;display:block;margin-top:5px;color:#737966}.top-nav{display:flex;align-items:center;gap:38px;margin-inline-end:55px;align-self:stretch;font-size:12px}.top-nav button{position:relative;display:flex;gap:10px;align-items:center}.top-nav .current:after{content:"";height:2px;width:24px;bottom:-1px;background:#526849;position:absolute;inset-inline-start:calc(50% - 12px)}.header-actions{display:flex;align-items:center;gap:22px}.language{font-size:12px;display:flex;align-items:center;gap:9px;font-family:DM Sans,Noto Sans Arabic,sans-serif}.separator{height:18px;width:1px;background:var(--line)}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.icon-button:hover{background:#53614412}.hero{position:absolute;top:155px;inset-inline-start:5%;width:365px;z-index:20}.eyebrow{font-size:10px;letter-spacing:1.1px;display:flex;align-items:center;gap:10px;color:#6d795f}.eyebrow>span{width:19px;height:1px;background:#718262}.hero h1{font-family:Amiri,serif;font-size:52px;font-weight:400;line-height:1.45;letter-spacing:-.6px;margin:17px 0 8px}.hero p{font-size:13px;line-height:2.1;white-space:pre-line;color:#6c7564;margin:0 0 23px}.primary{background:var(--green);color:#f9f7ea;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 22px;font-size:12px;min-width:203px;border:1px solid #334d3f;border-radius:3px;box-shadow:0 4px 12px #203d2610}.primary:hover{background:#496450;color:#fff;transform:translateY(-1px)}.text-button{display:flex;align-items:center;gap:9px;font-size:11px;padding:15px 0}.hero .text-button{padding-inline:5px}.tiny{font-family:DM Sans,sans-serif;font-size:9px;border:1px solid #6e786642;border-radius:3px;padding:0 5px;margin-inline-start:9px;color:#7c856f}.side-tools{position:absolute;inset-inline-end:4%;top:168px;z-index:25;display:flex;flex-direction:column;align-items:center;gap:6px;background:#f3f3e886;border:1px solid #ffffef91;border-radius:5px;padding:8px 5px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool{display:flex;align-items:center;justify-content:center;width:38px;height:39px;position:relative;border-radius:3px;color:#626e5e}.tool:hover,.tool.selected{background:#53624617;color:#334d3f}.tool>span{position:absolute;inset-inline-end:49px;white-space:nowrap;background:#f4f2e9;padding:5px 10px;border:1px solid var(--line);font-size:10px;opacity:0;pointer-events:none;transform:translate(5px);transition:opacity .2s,transform .2s}.tool:hover>span,.tool:focus-visible>span{opacity:1;transform:translate(0)}.tool-divider{height:1px;width:22px;background:var(--line);margin:3px 0}.scene-caption{position:absolute;inset-inline-end:4.4%;top:57%;display:flex;align-items:center;gap:12px;color:#5e6959;pointer-events:none}.scene-caption .small-cross{font-size:22px;font-weight:300}.scene-caption div{display:flex;flex-direction:column;gap:3px}.scene-caption span:not(.small-cross){font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:2px}.scene-caption small{font-size:8px;letter-spacing:1px;color:#78816e}.bottom-ui{position:absolute;bottom:0;left:4%;right:4%;z-index:20;pointer-events:none}.bottom-ui>*{pointer-events:auto}.view-switch{display:flex;align-items:center;width:max-content;margin:0 auto 25px;background:#f7f6ecba;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #fffc;padding:4px;border-radius:6px;box-shadow:0 4px 18px #3744340a;gap:3px}.view-switch button{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:10px;color:#707967;border-radius:3px}.view-switch button.active{background:#e1e5d7;color:#384d39}.discovery{display:flex;gap:35px;align-items:center;border-top:1px solid var(--line);padding-top:20px;padding-bottom:19px}.discovery-heading{width:172px;flex-shrink:0;display:flex;flex-direction:column;gap:7px}.discovery-heading>span{font-size:12px;font-weight:500}.discovery-heading small{font-size:9px;color:#898b79}.destinations{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;width:100%}.destination{text-align:start;border-radius:3px;padding:0;position:relative}.destination-image{height:69px;background:linear-gradient(130deg,#d3d6c79c,#e1dfd0a1);border:1px solid #cbcdbb8c;position:relative;overflow:hidden;border-radius:3px;color:#778169;transition:background .2s}.destination.active .destination-image{background:linear-gradient(130deg,#a9b39c80,#dadbc9);border-color:#939e7f}.destination-image:after{content:"";inset:0;position:absolute;background:repeating-linear-gradient(45deg,transparent,transparent 3px,#73805905 3px,#73805905 4px)}.hull-sketch{width:100%;height:100%;padding:4px 15px;opacity:.75;transition:transform .25s}.destination:hover .hull-sketch{transform:scale(1.06)}.destination-label{display:flex;align-items:center;gap:9px;margin-top:9px;font-size:10px}.destination-label strong{font-weight:400}.destination-number{font-size:8px;color:#8e947e;font-family:DM Sans,sans-serif}.destination-label>svg{margin-inline-start:auto;color:#858e78}.destination.active .destination-label{color:#384e37}.destination.active .destination-number{color:#6c795b}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:22px;height:46px;font-size:8px;color:#828775}footer p{display:flex;gap:7px;align-items:center;margin:0}footer>button{display:flex;gap:6px;align-items:center;font-size:8px}.edition{margin-inline-start:auto;font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:1.7px;direction:ltr}.movement-help{position:absolute;bottom:255px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;font-size:10px;white-space:nowrap;color:#5f6a58;z-index:20;background:#edeee173;padding:8px 12px;border-radius:4px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.movement-help>button{padding:0;display:flex;margin-inline-start:5px}.mobile-help{display:none}.hotspot{display:flex;align-items:center;gap:8px;padding:0;white-space:nowrap;font-family:DM Sans,Noto Sans Arabic,sans-serif;direction:ltr}.hotspot>span:first-child{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f2f0dddc;box-shadow:0 0 0 5px #f4f3e222;border:1px solid #fff9;color:#54624c;font-size:9px}.hotspot-label{font-size:9px;background:#ecebddd9;padding:4px 8px;opacity:0;transition:opacity .2s}.hotspot:hover .hotspot-label,.hotspot:focus-visible .hotspot-label{opacity:1}.scale-label{font-size:8px;white-space:nowrap;color:#57614d;background:#e4e4d390;padding:2px 6px}.modal{padding:0;border:1px solid #cdd0c0;border-radius:7px;background:#f4f2e9;color:var(--ink);max-width:590px;width:calc(100% - 36px);max-height:85svh;box-shadow:0 25px 100px #182d2540}.modal::backdrop{background:#23372e55;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-inner{padding:29px 32px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.modal-heading h2{font-family:Amiri,serif;font-size:30px;font-weight:400;line-height:1.5;margin:0}.modal p{font-size:12px;line-height:2;color:#6a735f}.modal .modal-intro{font-size:13px}.category{display:inline-block;color:#6e7e58;font-size:10px;letter-spacing:.3px;margin-top:5px}.source-section{padding-top:17px;margin-top:19px;border-top:1px solid var(--line)}.source-links{display:flex;flex-wrap:wrap;gap:8px 16px}.source-links a,.source-link{font-size:11px;color:#68794e;text-underline-offset:5px}.source-link{display:inline-flex;align-items:center;gap:8px;margin-top:10px}.modal .fine-print{font-size:10px;border-top:1px solid var(--line);padding-top:15px;margin-top:23px;color:#879077}.setting{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:18px 0;border-bottom:1px solid var(--line)}select{border:1px solid #cbd0c0;border-radius:3px;background:#e8eadf;color:#536446;padding:6px 10px;font-size:11px}.toggle{width:40px;height:23px;border-radius:20px;background:#d2d5c7;padding:3px;direction:ltr}.toggle>span{display:flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:#faf9f0;color:#4e6348;transition:transform .2s}.toggle.on{background:#6a7d55}.toggle.on>span{transform:translate(17px)}.point-list{display:flex;gap:12px;align-items:center;width:100%;padding:12px 0;font-size:12px;text-align:start}.point-list>svg:last-child{margin-inline-start:auto}.loading-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e6e6d9;z-index:26;text-align:center;padding:30px}.loading-screen>svg{height:65px;width:75px;color:#687654}.loading-screen h2{font-family:Amiri,serif;font-size:32px;font-weight:400;margin:20px 0 0}.loading-screen p{font-size:11px;color:#80886f}.loading-line{width:100px;height:2px;background:#c8ceba;margin-top:22px;overflow:hidden}.loading-line:after{content:"";display:block;background:#76885c;width:40px;height:100%;animation:loading 1.4s ease infinite}@keyframes loading{0%{transform:translate(-40px)}to{transform:translate(100px)}}.walk-status{position:absolute;top:124px;left:50%;transform:translate(-50%);background:#f4f2e9db;border:1px solid #ffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3px 12px;display:flex;align-items:center;gap:10px;border-radius:5px;font-size:11px;z-index:20}.live-dot{width:5px;height:5px;background:#6d8755;border-radius:50%}.crosshair{position:absolute;left:50%;top:50%;width:4px;height:4px;box-shadow:0 0 0 1px #fff8;background:#263d3250;border-radius:50%;pointer-events:none}.is-walking .discovery,.is-touring .discovery{display:none}.is-walking .movement-help{bottom:124px}.is-walking .scene-caption{display:none}.is-walking .scene-vignette{background:linear-gradient(180deg,#efeee2dd 0,transparent 22%,transparent 80%,#e9e8dcf2 100%)}.is-walking .view-switch,.is-touring .view-switch{margin-bottom:18px}.tour-card{position:absolute;inset-inline-start:5%;top:147px;width:305px;background:#f1f1e5e8;border:1px solid #ffffe7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:21px 24px;border-radius:5px;z-index:20}.tour-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7c876b;margin-bottom:14px}.tour-number{font-family:DM Sans,sans-serif;font-size:28px;color:#64754e;direction:ltr;display:inline-block}.tour-number span{font-size:12px;color:#9aa08b}.tour-card h2{font-family:Amiri,serif;font-weight:400;font-size:29px;margin:9px 0}.tour-card p{font-size:11px;line-height:2;color:#798169}.tour-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:18px;padding-top:7px}.touch-controls{display:none}.notice{position:absolute;left:50%;top:110px;transform:translate(-50%);background:var(--paper);padding:12px 20px;font-size:12px;z-index:40;border:1px solid var(--line);border-radius:4px}.reduced-motion *{animation:none!important;transition:none!important}html[dir=ltr] .hero h1{font-family:Georgia,serif;font-size:44px;line-height:1.13;margin:24px 0 18px;max-width:350px;letter-spacing:-1.5px}html[dir=ltr] .brand strong{font-family:DM Sans,sans-serif;font-size:22px;letter-spacing:4px}html[dir=ltr] .brand small{font-size:8px}html[dir=ltr] .eyebrow{font-size:9px;letter-spacing:1.6px}html[dir=ltr] .modal-heading h2,html[dir=ltr] .tour-card h2{font-family:Georgia,serif;font-size:27px}html[dir=ltr] .hero{inset-inline-start:auto;right:5%}html[dir=ltr] .side-tools{inset-inline-end:auto;left:4%}html[dir=ltr] .scene-caption{inset-inline-end:auto;left:4.4%}@media(min-width:1600px){.hero{top:180px;width:400px}.hero h1{font-size:61px}.hero p{font-size:14px}.destination-image{height:82px}.discovery{padding-top:24px;padding-bottom:23px}.movement-help{bottom:275px}.view-switch{margin-bottom:30px}}@media(max-width:1100px){.hero{width:300px;top:135px}.hero h1{font-size:43px}.hero p{font-size:11px}.top-nav{margin-inline-end:0;gap:20px}.brand{min-width:185px}.discovery-heading{width:140px}.discovery{gap:20px}.destinations{gap:10px}.destination-label{font-size:9px;gap:6px}.edition{display:none}.movement-help{bottom:255px}html[dir=ltr] .hero h1{font-size:36px}.scene-caption{top:52%}}@media(max-width:760px){.app{min-height:700px}.header{height:82px;left:6%;right:6%}.brand{min-width:0;gap:8px}.brand svg{width:39px;height:40px}.brand strong{font-size:28px}.brand small{font-size:7px}.header-actions{gap:13px}.language{font-size:10px;gap:6px}.top-nav{display:none}.hero{top:111px;inset-inline-start:6%;width:285px}.hero h1{font-size:42px;line-height:1.4;margin:10px 0 2px}.eyebrow{font-size:8px}.hero p{font-size:10px;margin-bottom:14px;line-height:1.9}.primary{font-size:10px;padding:11px 15px;min-width:169px;gap:20px}.text-button{font-size:10px;padding:10px 0}.side-tools{inset-inline-end:5%;top:114px;padding:4px 2px;gap:2px}.tool{height:34px;width:33px}.tool svg{width:17px}.tool>span{display:none}.scene-caption{top:auto;bottom:272px;inset-inline-end:6%}.scene-caption div>span{font-size:7px}.scene-caption small{font-size:7px}.bottom-ui{left:5%;right:5%}.discovery{display:block;padding-top:13px;padding-bottom:13px}.discovery-heading{width:100%;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:11px}.discovery-heading>span{font-size:10px}.discovery-heading small{font-size:8px}.destinations{gap:8px}.destination-image{height:48px}.hull-sketch{padding:3px}.destination-label{font-size:8px;gap:4px;margin-top:6px}.destination-number{display:none}.destination-label>svg{width:11px}.view-switch{margin-bottom:17px}.view-switch button{font-size:9px;padding:9px 12px;gap:6px}.view-switch svg{width:13px}footer{height:49px;font-size:7px;gap:10px;justify-content:space-between}footer p{max-width:68%;font-size:7px;gap:5px;line-height:1.8}footer p svg{min-width:12px}footer>button{font-size:7px;gap:3px;text-align:start;max-width:29%}footer>button svg{width:10px}.movement-help{bottom:237px;font-size:8px;padding:6px 8px;gap:6px}.desktop-help{display:none}.mobile-help{display:inline}.movement-help>svg{width:13px}.scene-vignette{background:linear-gradient(180deg,#edede1ea 0,#edede126 40%,transparent 48%,#eeece333 64%,#eeece3f7 80%,#eeece3 100%)}.scene-caption{display:none}.walk-status{top:99px;font-size:10px}.is-walking .side-tools{top:155px}.touch-controls{display:flex;position:absolute;left:23px;bottom:175px;z-index:23;align-items:center;flex-direction:column;gap:5px;font-size:9px;color:#5c6a50}.joystick{width:96px;height:96px;border-radius:50%;background:#f1f0de26;border:1px solid #e7eadc99;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.joystick>span{width:44px;height:44px;border-radius:50%;border:1px solid #ffffcfaa;display:flex;align-items:center;justify-content:center;background:#dfe4d1a8;pointer-events:none}.is-walking .movement-help{bottom:125px;max-width:90%;font-size:8px}.tour-card{top:auto;bottom:128px;width:calc(100% - 40px);inset-inline-start:20px;padding:12px 18px}.tour-top{margin-bottom:0}.tour-number{font-size:20px;float:inline-end;margin-top:8px}.tour-card h2{font-size:24px;margin:4px 0}.tour-card p{font-size:10px;margin:6px 0}.tour-actions{margin-top:8px;padding-top:0}.modal-inner{padding:20px}.modal-heading h2{font-size:27px}.modal p{font-size:11px}.modal-intro{font-size:12px!important}.source-links a{font-size:9px}.source-section{margin-top:15px;padding-top:13px}html[dir=ltr] .hero{right:6%;width:268px}html[dir=ltr] .hero h1{font-size:33px;margin:14px 0 11px;max-width:255px}html[dir=ltr] .eyebrow{font-size:7px;letter-spacing:.8px}html[dir=ltr] .brand strong{font-size:17px;letter-spacing:2px}html[dir=ltr] .brand small{font-size:6px}html[dir=ltr] .side-tools{left:5%}html[dir=ltr] .destination-label{font-size:7px}html[dir=ltr] .view-switch button{font-size:8px}}@media(max-height:760px)and (min-width:761px){.app{min-height:650px}.hero{top:120px}.hero h1{font-size:43px}.hero p{font-size:11px}.destination-image{height:52px}.discovery{padding:13px 0}.view-switch{margin-bottom:15px}.movement-help{bottom:213px}.side-tools{top:130px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.marker-layer{position:absolute;inset:0;z-index:16;pointer-events:none;overflow:hidden}.projected-marker{position:absolute;top:0;left:0;width:max-content;pointer-events:auto;will-change:transform}.projected-marker:last-child{pointer-events:none}.view-switch button,.destination-label{font-size:12px}footer,footer>button{font-size:10px}.movement-help{font-size:11px}@media(max-width:760px){.view-switch button{font-size:10px;padding-inline:10px}.destination-label,.hero .eyebrow{font-size:9px}.brand small{font-size:8px}.modal p{font-size:12px}footer p,footer>button{font-size:8px}.movement-help{font-size:9px}.hero p,.primary,.text-button{font-size:12px}}@media(max-height:650px){.app{min-height:100svh}.discovery{display:none}.hero{top:106px}.hero h1{font-size:35px}.hero p{margin-bottom:12px}.movement-help{bottom:125px}.view-switch{margin-bottom:14px}.touch-controls{bottom:138px}.tour-card{top:110px;bottom:auto;max-height:calc(100svh - 230px);overflow:auto}}.storm-launch{border-top:1px solid var(--line);margin-top:3px;color:#466c60;gap:10px!important;padding-top:12px!important}.is-storm{--ink: #dfebe9;--line: #d2e6e027;color:#e2ece9;background:#213e47}.is-storm .scene-vignette{background:linear-gradient(180deg,#10292de6 0,#122c3045 17%,transparent 45%,transparent 70%,#10262d9c 90%,#10262def 100%)}.is-storm .header{border-color:#d9e9e726}.is-storm .brand small,.is-storm .language,.is-storm .top-nav button{color:#c0d2d0}.is-storm .side-tools{background:#122a35a3;border-color:#d9e9e728}.is-storm .tool{color:#b7d1d0}.is-storm .tool.selected,.is-storm .tool:hover{background:#bfded31c;color:#fff}.is-storm .tool>span{background:#17343e}.is-storm .marker-layer,.is-storm .discovery,.is-storm .view-switch,.is-storm .scene-caption{display:none}.is-storm footer{border-color:#d9e9e727;color:#b3c9c8}.is-storm .modal{--ink: #303d35;--line: rgba(71, 82, 62, .18);color:#303d35}.storm-panel{position:absolute;z-index:24;inset-inline-start:5%;top:143px;width:318px;padding:20px 24px;border:1px solid #c1d9d02b;border-radius:5px;background:linear-gradient(135deg,#102d38ce,#143d46a1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 12px 60px #051d2020}.storm-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.storm-heading>span{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.5px;color:#a8c7c8}.storm-panel h1{font-family:Amiri,serif;font-size:39px;font-weight:400;line-height:1.4;margin:12px 0 9px}.storm-panel blockquote{font-family:Amiri,serif;font-size:20px;line-height:1.8;margin:0;color:#dce7df}.storm-source{display:inline-flex;gap:6px;align-items:center;font-size:10px;text-decoration:none;color:#9ebebc}.storm-intensity{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:24px;color:#c5dcd7}.storm-intensity output{font-family:DM Sans,sans-serif;font-size:11px;direction:ltr}.storm-panel input[type=range]{width:100%;height:20px;accent-color:#9ccbc0;margin:10px 0 15px;cursor:pointer}.storm-cameras{display:flex;gap:5px}.storm-cameras button{border:1px solid #b9d9d02e;border-radius:3px;padding:8px 11px;font-size:10px;color:#b9d4d2;flex:1}.storm-cameras button.active{background:#c1d8c820;color:#ecf5ed;border-color:#aacbb04a}.storm-cameras .storm-pause{flex:0 0 35px;display:flex;align-items:center;justify-content:center;padding:7px}.storm-note{font-size:9px;line-height:1.9;color:#b5cacc;border-top:1px solid #d9e9e71b;padding-top:13px;margin:16px 0 0}.storm-reduced{font-size:10px;color:#d2debd}.storm-return{display:flex;align-items:center;gap:12px;margin:0 auto 22px;background:#153a46b3;border:1px solid #b4d8d452;border-radius:4px;padding:12px 21px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;color:#e3efea}.storm-return:hover{background:#28535c;color:#fff}html[dir=ltr] .storm-panel{inset-inline-start:auto;right:5%}html[dir=ltr] .storm-panel h1{font-family:Georgia,serif;font-size:30px;line-height:1.2;margin:15px 0}.is-storm .tool-divider,.is-storm .separator{background:#d1e1db2b}@media(max-width:760px){.storm-panel{inset-inline-start:5%;top:auto;bottom:122px;width:90%;padding:12px 16px}.storm-heading>span{font-size:9px}.storm-panel h1{font-size:27px;line-height:1.3;margin:2px 0 0}.storm-panel blockquote{font-size:16px;line-height:1.6;display:inline}.storm-source{margin-inline-start:10px;font-size:9px}.storm-intensity{margin-top:12px}.storm-panel input[type=range]{margin:3px 0 8px}.storm-note{font-size:8px;line-height:1.7;margin-top:10px;padding-top:8px}.storm-cameras button{font-size:10px;padding:7px}.storm-return{margin-bottom:13px;padding:9px 15px;font-size:11px}.is-storm .side-tools{top:105px}.storm-launch{font-size:10px!important;padding-block:8px!important;margin-top:0}html[dir=ltr] .storm-panel{right:5%}html[dir=ltr] .storm-panel h1{font-size:24px;margin:6px 0}}@media(max-height:650px){.storm-panel{top:103px;bottom:auto;width:285px;max-height:calc(100svh - 210px);overflow:auto}.storm-panel h1{font-size:27px}.storm-note{font-size:8px}.storm-intensity{margin-top:10px}.storm-panel blockquote{font-size:16px}}.story-launch{display:flex;align-items:center;gap:14px;width:100%;max-width:330px;margin-top:12px;padding:12px 16px;border:1px solid #334d3f55;border-radius:4px;background:#f4f2e9b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:start}.story-launch>span{display:flex;flex-direction:column;gap:3px;flex:1}.story-launch strong{font-family:Amiri,serif;font-size:19px;font-weight:400;line-height:1.2}.story-launch small{font-size:10px;color:#6c7564}.story-launch:hover{background:#fbfaf2;border-color:#927444aa}html[dir=ltr] .story-launch strong{font-family:Georgia,serif;font-size:16px}.is-story .hero,.is-story .side-tools,.is-story .discovery,.is-story .view-switch,.is-story .movement-help,.is-story .marker-layer,.is-story .scene-caption,.is-story footer{display:none}.is-story .scene-vignette{background:linear-gradient(180deg,#0d1f24c4 0,transparent 24%,transparent 52%,#0b1c21d9 84%,#0a191ef2 100%)}.is-story .header{color:#e9f0ec;border-color:#d9e9e726}.is-story .brand small,.is-story .language,.is-story .top-nav button{color:#cddad6}.story-title{position:absolute;z-index:26;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none;color:#f1f5ef;background:radial-gradient(ellipse at center,#0b1b20b8 0,#0b1b2033 60%,transparent 80%);animation:story-title 2.6s ease both}.story-title>span{font-size:11px;letter-spacing:1.4px;color:#bcd0c8}.story-title h2{font-family:Amiri,serif;font-size:clamp(44px,7vw,86px);font-weight:400;line-height:1.35;margin:0;text-shadow:0 4px 40px #04121680}.story-title p{font-family:Georgia,serif;font-size:18px;margin:0;color:#cfdcd6}@keyframes story-title{0%{opacity:0;transform:translateY(8px)}18%,78%{opacity:1;transform:none}to{opacity:0}}.story-verse{position:absolute;z-index:25;left:50%;bottom:118px;transform:translate(-50%);width:min(860px,90vw);margin:0;padding:22px 30px 16px;border:1px solid #c1d9d02b;border-radius:6px;background:linear-gradient(135deg,#0d2630d9,#12353ec2);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 16px 70px #03161a4d;color:#edf3ee;text-align:center;animation:story-verse .9s ease both}@keyframes story-verse{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.story-surah{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;line-height:1.7;font-family:Amiri,serif;color:#c9d9c9}.story-surah span:first-child{font-size:13px;color:#a9c2bd}.story-surah span:last-child{font-size:22px}.story-verse blockquote{font-family:Amiri,serif;font-size:clamp(22px,2.3vw,31px);line-height:2;margin:0;color:#f4f7f1}.ayah-number{font-size:.72em;color:#c7ae7d;white-space:nowrap}.story-meaning{font-family:Georgia,serif;font-size:15px;line-height:1.7;margin:10px auto 0;max-width:680px;color:#c6d6d1}.story-verse figcaption{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:10px}.story-verse figcaption a{display:inline-flex;align-items:center;gap:5px;color:#9ebebc;text-decoration:none}.story-silent{color:#e2c68f}.story-loading{display:inline-flex;align-items:center;gap:6px;color:#b9cfca}.story-loading svg{animation:story-spin 1s linear infinite}@keyframes story-spin{to{transform:rotate(360deg)}}.story-done{position:absolute;z-index:26;left:50%;top:50%;transform:translate(-50%,-55%);width:min(520px,90vw);padding:28px 32px;border:1px solid #c1d9d02b;border-radius:6px;background:linear-gradient(135deg,#0d2630e6,#12353ed4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#edf3ee;text-align:center}.story-done h2{font-family:Amiri,serif;font-size:34px;font-weight:400;margin:0 0 8px}.story-done blockquote{font-family:Amiri,serif;font-size:24px;line-height:1.9;margin:0 0 10px}.story-done p{font-size:11px;line-height:1.9;color:#b5cacc;margin:0 0 18px}.story-done>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.story-action{display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:4px;font-size:12px;background:#d9e7de;color:#16323a}.story-action.ghost{background:none;border:1px solid #b4d8d452;color:#e3efea}.story-controls{position:absolute;z-index:27;left:50%;bottom:22px;transform:translate(-50%);width:min(860px,90vw);padding:10px 14px 8px;border:1px solid #c1d9d02b;border-radius:6px;background:#0f2a33d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#dfeae6}.story-chapters{display:flex;gap:4px}.story-chapters button{position:relative;flex:1;height:14px;padding:5px 0;background:none}.story-chapters button span{position:relative;z-index:1;display:block;height:3px;border-radius:2px;background:#d8e9e2;transform-origin:right;transition:transform .4s linear}html[dir=ltr] .story-chapters button span{transform-origin:left}.story-chapters button:before{content:"";position:absolute;inset:5px 0;border-radius:2px;background:#d8e9e22b}.story-chapters button:hover:before{background:#d8e9e255}.story-buttons{display:flex;align-items:center;gap:6px;margin-top:6px}.story-buttons .icon-button{color:#d3e3de}.story-buttons .icon-button.on{color:#f1dca8}.story-play{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#e4efe8;color:#12303a}.story-play:hover{background:#fff;color:#12303a}.story-chapter-name{flex:1;font-family:Amiri,serif;font-size:17px;padding-inline:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html[dir=ltr] .story-chapter-name{font-family:Georgia,serif;font-size:14px}.story-reciter{display:flex;align-items:center;gap:8px;font-size:10px;color:#a9c2bd}.story-reciter select{max-width:170px;padding:6px 8px;border:1px solid #b9d9d02e;border-radius:3px;background:#15343e;color:#e7f0ec;font-size:12px}@media(max-width:760px){.story-launch{max-width:none;padding:9px 12px;margin-top:8px}.story-launch strong{font-size:16px}.story-verse{bottom:112px;padding:14px 16px 10px}.story-verse blockquote{font-size:20px;line-height:1.85}.story-meaning{font-size:13px}.story-controls{bottom:12px;padding:8px 10px 6px}.story-reciter>span,.story-chapter-name{display:none}.story-reciter{flex:1;justify-content:flex-end}.story-reciter select{max-width:150px}}@media(max-height:650px){.story-verse{bottom:100px;padding-block:10px 8px}.story-verse blockquote{font-size:19px;line-height:1.75}}@media(prefers-reduced-motion:reduce){.story-title,.story-verse{animation-duration:.01s}.story-loading svg{animation:none}}.zad-mark{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:18px;padding:0 5px 2px;border:1px solid #c7ae7d8c;border-radius:3px;font-family:Amiri,serif;font-size:13px;line-height:1;color:#e6cf9f}.story-verse figcaption a.zad-link{color:#e6cf9f}.story-verse figcaption a.zad-link:hover{color:#fff3d6}.zad-credit{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#d8c7a0;text-decoration:none;white-space:nowrap}.zad-credit:hover{color:#fff3d6}.story-done>.zad-cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 18px;padding:16px 18px;border:1px solid #c7ae7d4d;border-radius:5px;background:#c7ae7d14}.zad-cta .zad-mark{min-width:44px;height:30px;font-size:21px}.story-done .zad-cta p{margin:0;font-size:12px;color:#e3dcc6}.zad-cta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.zad-cta-links a{text-decoration:none}@media(max-width:760px){.zad-credit>span{display:none}}