@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap";:root{font-family:var(--font-body,"Poppins"),sans-serif;color:#213f36;background:#f6f5f0;font-synthesis:none;--green:#214d40;--muted:#627166;--gold:#a88643;--line:#dfE3d9}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;transition:background .18s,color .18s}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b38528;outline-offset:4px}a{color:inherit}button{border:0}button:hover{filter:brightness(.94)}[hidden]{display:none!important}.topbar{height:90px;background:#fffef9;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Lora,Georgia,serif;font-size:29px;letter-spacing:-1px}.brand-mark{background:var(--green);color:#f6eed6;width:44px;height:47px;display:grid;place-items:center;border-radius:16px 16px 6px 6px;font-size:34px}.brand-sub{display:block;letter-spacing:2px;font:9px var(--font-body,"Poppins"),sans-serif;margin-top:4px}.mode-switch{display:flex;background:#f0f1eb;border:1px solid #e5e7df;border-radius:30px;padding:5px}.mode-switch button{padding:11px 20px;background:none;border-radius:24px;font-size:12px;color:#56645b}.mode-switch .selected{background:var(--green);color:#fff;box-shadow:0 2px 6px #153a3520}.text-button{background:none;color:#42604c;font-size:12px;padding:12px 4px}.topbar>.text-button span{margin-left:15px}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:650px;height:calc(100dvh - 178px)}#world{position:relative;overflow:hidden;background:#eae8de;min-height:500px}#scene{width:100%;height:100%;display:block;touch-action:none}.scene-heading{position:absolute;top:35px;left:36px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.3px;font-weight:700;color:#6a785c}.scene-heading h1{font:400 clamp(22px,2.6vw,39px)/1.35 Lora,Georgia,serif;letter-spacing:-1.2px;margin:13px 0}.scene-heading h1 em{font-weight:400;color:#5c7560}.scene-heading p{font-size:11px;color:#647568}.scene-tools{position:absolute;top:35px;right:26px;display:flex;flex-direction:column;gap:7px}.scene-tools button{height:38px;width:38px;background:#fffef7ef;color:#365145;border:1px solid #d8ddcf;border-radius:10px;font-size:20px;box-shadow:0 3px 10px #173d3410}.scene-tools button:last-child{font-size:13px}.scene-foot{position:absolute;bottom:22px;left:28px;right:24px;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#496255;pointer-events:none}.scene-foot>span:first-child{font-weight:600;letter-spacing:1px}.scene-foot i{display:inline-block;background:#688775;width:5px;height:5px;border-radius:50%;margin-right:5px}.map-card{position:absolute;right:24px;bottom:56px;width:158px;background:#fffef8ed;border:1px solid #d8ddcf;border-radius:15px;padding:15px;box-shadow:0 5px 25px #2344330a}.map-title{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.3px}.map-title span:last-child{color:#708475}#minimap{width:100%;height:190px;margin-top:6px}#minimap text{font:15px Poppins,sans-serif;fill:#456350}.map-note{font-size:8px;color:#637564;display:block;text-align:center}.lesson-panel{background:#fffef9;border-left:1px solid var(--line);overflow-y:auto;display:flex;flex-direction:column}.panel-intro{padding:29px 26px 20px;border-bottom:1px solid var(--line)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.panel-title h2{font:500 22px Lora,Georgia,serif;margin:0}.panel-title>span{font-size:10px;color:#67765c;border:1px solid #e4e7dc;padding:6px 7px;border-radius:5px}.panel-intro p{font-size:11px;color:var(--muted);margin-bottom:0}#steps{padding:17px 24px;display:grid;grid-template-columns:repeat(6,1fr);gap:7px;border-bottom:1px solid var(--line)}.step-button{font-size:10px;background:none;padding:0;color:#647262;display:flex;flex-direction:column;align-items:center;gap:8px;white-space:nowrap}.step-button span{width:29px;height:29px;border:1px solid #d8ded1;display:grid;place-items:center;border-radius:50%;font-size:11px}.step-button.active{color:#214d40;font-weight:700}.step-button.active span{background:#214d40;border-color:#214d40;color:#fff}.step-button.done span{background:#e7eee3;border-color:#a9bd9b;color:#284a37}#lesson{padding:25px 26px 10px}.lesson-kicker{font-size:9px;font-weight:600;letter-spacing:1.3px;color:#8a713b}.lesson-panel h3{font:500 26px Lora,Georgia,serif;margin:11px 0 13px;letter-spacing:-.6px}#lesson-description{font-size:12px;line-height:1.85;color:#5b6d5d;margin:0 0 16px}.note{border-left:2px solid #b3ba9c;background:#f2f4eb;padding:11px 12px;margin:8px 0;font-size:11px;line-height:1.75;color:#526248}.note b{display:block;color:#36503b;font-weight:600}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;margin-top:18px}summary{font-size:11px;cursor:pointer;font-weight:600}#recitation-body{font-size:12px;line-height:1.9;color:#536c58;padding-top:12px}.arabic{font:25px/1.9 Georgia,serif;text-align:right;direction:rtl;display:block;color:#264b3c;margin:8px 0}.counter-box{margin-top:20px;padding:14px;background:#f1f3eb;border:1px solid #e1e5d7;border-radius:10px}.counter-box>div:first-child{display:flex;align-items:center;justify-content:space-between}.counter-box span{font-size:10px}.counter-box strong{font:26px Lora,Georgia,serif}.counter-box small{font:12px Poppins,sans-serif;color:#758369}.dots{display:flex;gap:5px;margin-top:12px}.dots i{height:4px;flex:1;border-radius:5px;background:#d8dfcd}.dots i.filled{background:#527255}.counter-box p{font-size:10px;line-height:1.5;margin-bottom:0;color:#5b7058}#lesson-actions{margin-top:20px}.primary{background:#214d40;color:#fffef7;width:100%;padding:14px 18px;border-radius:8px;font-size:12px;min-height:44px;text-align:center}.primary>span{float:right}#speed-wrap{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#5d705c;margin-top:12px}select{border:1px solid var(--line);background:#f8f8f2;border-radius:5px;padding:5px 10px;color:#36513b}.status{font-size:10px;line-height:1.6;color:#657659;min-height:16px}.panel-bottom{margin-top:auto;padding:14px 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#737e6b}.panel-bottom button{font-size:10px}.journey-footer{height:88px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 36px;background:#fffef9;border-top:1px solid var(--line)}.footer-caption{font-size:8px;letter-spacing:1.6px;line-height:1.8;color:#67785c}.footer-caption strong{font:400 15px Lora,Georgia,serif;letter-spacing:0;color:#304f3c}.footer-note{font-size:10px;line-height:1.8;color:#6d7a63}#journey-track{display:flex;align-items:center;flex:1;max-width:680px}.track-item{flex:1;display:flex;align-items:center;gap:9px;font-size:10px;color:#6a785e;position:relative}.track-item:after{content:"";height:1px;background:#d7decb;flex:1;margin:0 12px 0 2px}.track-item:last-child:after{display:none}.track-item i{font-style:normal;font-size:9px;width:21px;height:21px;border:1px solid #d6ddca;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.track-item.active{color:#244d37;font-weight:700}.track-item.active i{background:#244d37;color:#fff}.track-item.done i{background:#e4ebdd;color:#244d37}.location-label{position:absolute;transform:translate(-50%,-100%);padding:6px 10px;background:#fffef8f0;border:1px solid #d5dbcb;border-radius:7px;font-size:9px;color:#3a583f;white-space:nowrap;box-shadow:0 2px 9px #2344330a}.location-label:after{content:"";position:absolute;left:50%;top:100%;width:1px;height:9px;background:#8c9b7e}.location-label.selected{background:#214d40;color:#fff;border-color:#214d40}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#eceade;font:18px Lora,Georgia,serif;z-index:5}dialog{border:1px solid #d8dece;border-radius:18px;background:#fffef9;color:#294834;max-width:590px;width:calc(100% - 32px);padding:35px;box-shadow:0 25px 100px #123c3630}dialog::backdrop{background:#142f2580;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog h2{font:500 28px Lora,Georgia,serif}dialog h3{font:500 18px Lora,Georgia,serif;margin-top:25px}dialog p{font-size:12px;line-height:1.9;color:#5c6e58}.dialog-close{position:absolute;right:15px;top:12px;width:38px;height:38px;background:#f1f3eb;border-radius:50%;font-size:23px;color:#405c42}.source-link{display:block;font-size:12px;line-height:1.7;padding:12px 0;border-bottom:1px solid #dfe4d6;color:#2e6954}.source-note{border-left:2px solid #a98b4b;padding-left:14px}.dialog-actions{display:flex;gap:15px;align-items:center}.dialog-actions>button{flex:1;min-height:44px;border-radius:7px}.dialog-actions>button:first-child{background:#e9eee3;color:#284a37}#walk-controls{position:absolute;left:25px;bottom:65px;text-align:center}#walk-controls button{height:42px;width:42px;margin:3px;background:#fffef8dd;border:1px solid #bfcdb9;color:#214d40;border-radius:8px;font-size:22px;touch-action:none}#walk-controls>div{display:flex}@media(min-width:1600px){main{grid-template-columns:minmax(0,1fr) 400px}.panel-intro,#lesson{padding-left:32px;padding-right:32px}.scene-heading{left:48px;top:45px}}@media(max-width:1050px){.topbar{padding:0 20px}.scene-heading{left:22px;top:27px}.scene-heading h1{font-size:27px}.scene-heading p{max-width:190px;line-height:1.6}.footer-note{display:none}.journey-footer{padding:0 20px;gap:25px}.track-item{font-size:9px;gap:5px}.track-item:after{margin:0 6px}.map-card{width:130px;right:18px}.map-card svg{height:114px}main{grid-template-columns:minmax(0,1fr) 330px}}@media(max-width:760px){.topbar{height:auto;min-height:79px;flex-wrap:wrap;gap:10px;padding:14px 18px}.brand{font-size:25px}.brand-mark{width:36px;height:40px}.brand-sub{font-size:8px}.topbar>.text-button{font-size:10px}.mode-switch{order:3;width:100%;justify-content:center}.mode-switch button{flex:1;padding:10px}.topbar>.text-button span{margin-left:3px}main{display:flex;flex-direction:column;height:auto;min-height:0}#world{height:61dvh;min-height:420px;max-height:650px}.scene-heading{left:20px;top:20px}.scene-heading h1{font-size:24px}.scene-heading p{font-size:10px}.scene-heading .eyebrow{font-size:8px}.scene-tools{right:16px;top:20px}.scene-tools button{width:34px;height:34px}.scene-foot{left:18px;bottom:17px;font-size:8px}.scene-foot>span:last-child{display:none}.map-card{width:110px;bottom:45px;right:14px;padding:10px}.map-card svg{height:94px}.map-title,.map-note{font-size:7px}.lesson-panel{border-left:0;border-top:1px solid var(--line);overflow:visible}.panel-intro{padding:22px 24px 18px}#steps{padding:16px 24px}#lesson{padding:24px 24px 8px}.panel-bottom{padding:8px 24px}.journey-footer{height:auto;padding:22px 20px;display:block}.footer-caption{display:none}#journey-track{width:100%;max-width:100%}.track-item{display:flex;flex-direction:column;gap:8px;font-size:9px}.track-item:after{position:absolute;top:10px;left:70%;width:60%;margin:0}.eyebrow{font-size:8px}dialog{padding:28px;max-height:88dvh}#walk-controls{left:14px;bottom:45px}#walk-controls button{width:38px;height:38px}.source-link{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:761px){main{min-height:520px}}:root{--green:#1e4d43;--muted:#5d6d69;--line:#dde2de}.topbar{height:72px;padding:0 26px;background:#fcfdfa}.brand{font-size:25px}.brand-mark{width:37px;height:40px;font-size:28px}.brand-sub{font-size:8px;letter-spacing:1.8px}.mode-switch button{padding:9px 20px}.header-actions{display:flex;gap:16px;align-items:center}main{height:calc(100dvh - 128px);min-height:520px;grid-template-columns:minmax(0,1fr) 340px}#world{min-height:0;background:#b8cedd}.scene-heading{top:25px;left:28px;padding:15px 20px;background:#fffffff0;border:1px solid #e1e6e2;border-radius:12px;box-shadow:0 4px 20px #172d2310}.scene-heading .eyebrow{font-size:8px;letter-spacing:1.5px;color:#536b64}.scene-heading h1{font-size:26px;letter-spacing:-.6px;line-height:1.2;margin:8px 0 6px}.scene-heading p{font-size:10px;color:#5a7168;margin:0;max-width:none}.scene-tools{top:25px;right:22px;gap:6px}.scene-tools button{border-radius:8px;background:#fffffff2;box-shadow:0 3px 12px #223f3014}.scene-foot{bottom:9px;left:24px;right:24px;text-shadow:0 1px 3px white;color:#354f45;font-size:8px}.scene-foot>span:first-child{letter-spacing:.8px}.view-toolbar{position:absolute;bottom:34px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:5px;background:#fffffff0;border:1px solid #e0e6e1;border-radius:11px;box-shadow:0 5px 25px #18322b1c;z-index:3;white-space:nowrap}.view-toolbar button{padding:11px 15px;border-radius:7px;background:transparent;color:#49635a;font-size:11px;min-height:40px}.view-toolbar button.active{background:#1e4d43;color:#fff}.map-card{width:158px;bottom:36px;right:22px;background:#fcfef9ed;border-radius:12px}.map-card svg{height:139px}#minimap text{font-size:12px}.location-label{background:#fcfff8f0;font-size:9px;padding:6px 9px;border-radius:6px;border-color:#c8d5ca}.journey-footer{height:56px;padding:0 26px}.footer-caption{font-size:7px}.footer-caption strong{font-size:12px}.footer-note{font-size:8px}.panel-intro{padding:24px 24px 18px}.panel-title h2{font-size:20px}#lesson{padding:22px 24px 8px}.lesson-panel h3{font-size:24px}.panel-bottom{padding:9px 24px}.guide-hidden main{grid-template-columns:minmax(0,1fr)}.guide-hidden .lesson-panel{display:none}.exploring main{height:calc(100dvh - 72px);min-height:400px}.exploring .journey-footer{display:none}.pov-active .scene-heading{background:#ffffffe8}.pov-active #labels .location-label{background:#1a362acc;color:#fff;border:1px solid #ffffff70}.pov-active .scene-tools button:disabled{display:none}.pov-active .view-toolbar{bottom:70px}#pov-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid #fff;border-radius:50%;background:#213b3966;box-shadow:0 0 2px #000}.pov-instructions{position:absolute;bottom:26px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;font-size:10px;background:#16332de8;color:#e6f0e8;padding:10px 14px;border-radius:8px;white-space:nowrap}.pov-instructions button{background:transparent;color:#e6f0e8;pointer-events:auto;padding:0;font-size:10px}.pov-instructions kbd{border:1px solid #a9bdb277;padding:2px 4px;border-radius:3px;margin-right:4px;font-size:9px}.quick-travel{position:absolute;top:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:5px;pointer-events:auto;padding:5px 7px;background:#fffffff0;border-radius:9px;border:1px solid #dce5dd;box-shadow:0 4px 20px #172d2310}.quick-travel>span{font-size:8px;letter-spacing:1px;margin:0 9px;color:#5c7365}.quick-travel button{background:#eef3ed;border-radius:5px;padding:9px 12px;font-size:10px;color:#315c49;min-height:34px}#walk-controls{bottom:38px;left:24px;z-index:3}#walk-controls button{background:#fffffff0;width:42px;height:42px;border-color:#c4d1c6;font-size:20px;box-shadow:0 2px 8px #183c2710}.turn-controls{justify-content:space-between;margin-top:2px}.turn-controls button{font-size:23px!important;width:60px!important}.exploring:not(.guide-hidden) .quick-travel{top:137px;left:28px;transform:none}.exploring:not(.guide-hidden) .pov-instructions>span:first-child{display:none}@media(max-width:1050px){.scene-heading{left:18px;padding:13px 16px}.scene-heading h1{font-size:22px}.map-card{width:130px;padding:12px;right:16px}.map-card svg{height:110px}.view-toolbar button{padding:10px;font-size:10px}.pov-instructions{font-size:9px;gap:10px}.quick-travel{left:auto;right:76px;transform:none}.quick-travel>span{display:none}.scene-tools{right:16px}.exploring:not(.guide-hidden) .pov-instructions{display:none}.exploring:not(.guide-hidden) .view-toolbar{bottom:30px}}@media(max-width:760px){.topbar{height:116px;min-height:116px;padding:10px 16px;gap:8px}.brand{font-size:24px}.header-actions{margin-left:auto;gap:14px}.header-actions button{font-size:10px}.brand-sub{font-size:7px}.brand-mark{height:35px;width:33px}.mode-switch{padding:4px}.mode-switch button{padding:8px 12px;font-size:11px}main{height:auto;min-height:0;display:flex;flex-direction:column}#world{height:65dvh;min-height:470px;max-height:none}.scene-heading{top:16px;left:15px;padding:11px 14px;max-width:calc(100% - 80px)}.scene-heading h1{font-size:22px}.scene-heading p{font-size:9px}.scene-heading .eyebrow{font-size:7px}.scene-tools{top:16px;right:14px}.scene-tools button{height:33px;width:33px}.map-card{right:13px;bottom:85px;width:103px;padding:9px}.map-card svg{height:89px}.map-note{font-size:6px}.map-title{font-size:7px}.view-toolbar{bottom:30px}.view-toolbar button{font-size:10px;padding:9px 13px}.scene-foot{left:16px;bottom:10px;font-size:7px}.journey-footer{height:auto;padding:20px}.guide-hidden main{display:block}.exploring main{height:calc(100dvh - 116px);min-height:470px}.exploring #world{height:100%;min-height:470px}.exploring .lesson-panel{position:absolute;left:12px;right:12px;top:132px;bottom:16px;border:1px solid #d3ded2;border-radius:14px;z-index:10;overflow-y:auto;box-shadow:0 18px 80px #18332d66}.exploring.guide-hidden .lesson-panel{display:none}.pov-active .view-toolbar{bottom:29px}.pov-instructions{bottom:88px;left:auto;right:13px;transform:none;padding:8px;font-size:8px}.pov-instructions>span{display:none}#mouse-lock{display:none}.pov-instructions:after{content:"Geser layar untuk melihat";white-space:normal;max-width:89px;text-align:center;line-height:1.5}.pov-active .map-card{bottom:130px}.quick-travel,.exploring:not(.guide-hidden) .quick-travel{left:16px;right:auto;top:116px;transform:none;padding:4px;gap:4px}.quick-travel button{padding:7px 10px;font-size:9px;min-height:32px}#walk-controls{left:13px;bottom:86px}#walk-controls button{width:37px;height:37px;margin:2px;border-radius:7px}.turn-controls button{width:55px!important;height:31px!important}.location-label{font-size:8px;padding:5px 7px}}@media(max-height:570px)and (min-width:761px){.exploring main{min-height:330px}.scene-heading{top:16px}.map-card{width:112px}.map-card svg{height:85px}.pov-instructions{display:none}.pov-active .view-toolbar{bottom:28px}}@media(max-width:760px){.exploring main,.exploring #world{min-height:360px}.pov-active .scene-heading{padding:9px 12px}.pov-active .scene-heading h1{font-size:20px}.pov-active .scene-heading .eyebrow{font-size:6px}.pov-active .scene-heading p{font-size:8px}.pov-active .quick-travel{top:104px}.pov-active .pov-instructions{bottom:80px}.pov-active #walk-controls{bottom:77px}.pov-active .view-toolbar{bottom:23px}}.pov-active #scene{cursor:grab}.pov-active #scene:active{cursor:grabbing}.pov-active #scene[data-mouse-locked=true]{cursor:none}#model-reference{pointer-events:auto;display:block;margin:8px 0 -3px;padding:6px 0;background:transparent;color:#286b58;font-size:10px;text-align:left;min-height:28px}#model-reference span{margin-left:8px}#model-dialog{width:calc(100% - 48px);max-width:1280px;max-height:94dvh;padding:0;overflow:auto;border-radius:16px;background:#f9fbf7}.model-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}.model-header h2{margin:6px 0 0;font-size:25px}.model-header form{flex-shrink:0}.model-return{min-height:44px;padding:10px 16px;background:#214d40;color:#fff;border-radius:8px;font-size:12px}.model-return span{font-size:20px;margin-left:16px;vertical-align:middle}.model-viewer{height:min(65dvh,720px);min-height:260px;background:#e9e9e9}.model-viewer iframe{width:100%;height:100%;display:block;border:0}.model-footer{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 24px}.model-footer p{margin:0;font-size:11px;line-height:1.7}.model-footer a{color:#24644f}.model-footer #model-context{font-size:10px;margin-top:4px;max-width:690px}.model-external{font-size:10px;line-height:1.7;flex-shrink:0;max-width:150px}.exploring:not(.guide-hidden) .quick-travel{top:168px}@media(max-width:760px){#model-reference{font-size:9px;margin-top:5px;padding:4px 0;min-height:25px}.pov-active .quick-travel,.exploring:not(.guide-hidden) .quick-travel{top:137px}#model-dialog{width:calc(100% - 16px);max-height:96dvh;border-radius:12px}.model-header{padding:15px;gap:12px;align-items:flex-start}.model-header .eyebrow{font-size:6px;letter-spacing:1px}.model-header h2{font-size:19px;line-height:1.3}.model-return{font-size:9px;padding:8px 10px;max-width:105px}.model-return span{margin-left:5px;font-size:16px}.model-viewer{height:54dvh;min-height:230px}.model-footer{padding:12px 15px;display:block}.model-footer p{font-size:10px}.model-footer #model-context{font-size:9px}.model-external{display:inline-block;max-width:none;margin-top:10px}}#stage-view{position:absolute;right:24px;bottom:56px;width:210px;height:272px;border:2px solid #fffef8;border-radius:16px;box-shadow:0 8px 28px #1f3d3430;pointer-events:none;overflow:hidden;z-index:30}#stage-view .stage-title{position:absolute;top:10px;left:10px;font-size:9px;font-weight:700;letter-spacing:1.6px;color:#355447;background:#fffef8e6;padding:4px 8px;border-radius:8px}#stage-view .stage-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;font-size:11px;line-height:1.35;color:#fff;background:linear-gradient(#0000,#173d34d9 60%)}@media(max-width:760px){#stage-view{width:128px;height:172px;right:12px;top:176px;bottom:auto}#stage-view .stage-caption{display:none}#stage-view .stage-title{top:6px;left:6px;font-size:8px;padding:3px 6px}}.drag-card{cursor:grab}.drag-card.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none;opacity:.92;box-shadow:0 14px 40px #17372c40}.drag-grip{position:absolute;top:4px;right:6px;z-index:2;width:22px;height:16px;display:grid;place-items:center;font-size:13px;line-height:1;color:#60756a;border-radius:6px;cursor:grab;touch-action:none;opacity:.55;-webkit-user-select:none;user-select:none}.drag-card:hover>.drag-grip,.drag-grip:hover{opacity:1;background:#e8ede4}.view-toolbar>.drag-grip{position:static;margin:0 4px;order:9}#stage-view>.drag-grip{background:#fffef8d9;top:8px;right:8px}@media(min-width:761px){main{grid-template-columns:minmax(0,1fr) 400px}}#steps{grid-template-columns:repeat(5,1fr);gap:16px 8px}.step-button{min-height:48px}.track-item{border:0;background:none;padding:4px 0;text-align:left;min-height:40px}#journey-track{max-width:940px}.footer-note{display:none}.journey-footer{gap:20px}#journey-settings{padding:16px;background:#edf2ed;border:1px solid #d3ded6;border-radius:12px;margin:18px 0}#journey-settings label{display:block;font-size:12px;font-weight:600;margin:13px 0 7px}#journey-settings label:first-child{margin-top:0}#journey-settings select{width:100%;min-height:44px;font-size:12px}#journey-settings p{font-size:11px;line-height:1.7}#auto-pause-wrap{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:16px;line-height:1.6}#auto-pause{accent-color:#215a49;width:18px;height:18px}.prayer-text h4{font-size:15px;margin:0 0 12px;color:#244f42}.prayer-text p{font-size:13px;line-height:1.8;margin:10px 0}.prayer-text .arabic{font-family:Traditional Arabic,Noto Naskh Arabic,Times New Roman,serif;font-size:27px;line-height:1.95;white-space:pre-line;letter-spacing:0}.prayer-text .transliteration{font-size:12px;color:#5b685d;font-style:italic}.prayer-note{border-left:2px solid #b49b60;padding-left:12px}.prayer-text+.prayer-text{border-top:1px solid #dce3d9;padding-top:20px;margin-top:20px}#prayer-tooltip{position:absolute;z-index:4;left:24px;bottom:95px;width:min(370px,calc(100% - 100px));max-height:48%;background:#fffffaf5;border:1px solid #bdcec0;border-radius:14px;box-shadow:0 12px 38px #17372c24;overflow:hidden;display:flex;flex-direction:column}.prayer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 16px;border-bottom:1px solid #e0e5db;font-size:10px;color:#59705f;letter-spacing:.4px}.prayer-header button{background:#eaf0e8;color:#255844;border-radius:5px;padding:8px;min-height:36px;font-size:10px}#prayer-content{padding:16px;overflow:auto;overscroll-behavior:contain}#prayer-dialog{max-height:90dvh;overflow:auto;padding-top:55px}#prayer-dialog .arabic{font-size:32px}#source-text{white-space:pre-wrap;font-family:inherit;font-size:13px;line-height:2;unicode-bidi:plaintext}#region-caption{position:absolute;left:28px;top:25px;background:#fffdf1ed;padding:20px 24px;border:1px solid #d8d8c4;border-radius:14px;max-width:410px;pointer-events:none}#region-caption h2{font:500 27px Lora,Georgia,serif;margin:10px 0}#region-caption p{font-size:11px;line-height:1.8;max-width:320px;margin:7px 0}#region-caption small{display:block;font-size:9px;color:#657468;line-height:1.6}.travel-meter{height:4px;background:#d8decf;border-radius:4px;margin:12px 0;overflow:hidden}.travel-meter i{display:block;height:100%;background:#347862;width:0}.region-label{position:absolute;transform:translate(-50%,-100%);background:#fffffaf2;border:1px solid #becdb9;box-shadow:0 3px 14px #1d35281a;padding:9px 12px;border-radius:8px;color:#315346;min-height:44px;white-space:nowrap;z-index:2}.region-label strong{font-size:12px;display:block}.region-label span{display:block;font-size:9px;margin-top:4px}.region-label.chosen{background:#255847;color:#fff;border-color:#255847}.makkah-label{background:#423d2e;color:#fff4d6;font-size:10px;min-height:0;padding:8px;pointer-events:none}.regional-active .scene-heading,.regional-active .map-card,.regional-active #labels,.regional-active #pov-hud,.regional-active #walk-controls{display:none!important}.regional-active .scene-foot{display:none}.regional-active #region-caption{z-index:1}.regional-active .view-toolbar button:not(#view-region){opacity:.8}.regional-active #prayer-tooltip{max-height:38%}.regional-active #labels-toggle,.regional-active #map-toggle,.regional-active #ambient-toggle{display:none}#lesson-description{font-size:13px}.note,.status{font-size:12px}#recitation summary{font-size:12px}.view-toolbar button{padding:10px;font-size:10px}.pov-active #prayer-tooltip{left:auto;right:200px;bottom:100px}.plan-active .map-card,.plan-active #prayer-tooltip{display:none!important}.plan-active .location-label{background:#f8faf5;color:#355447;border-color:#abbcaf;box-shadow:none;font-size:11px;padding:7px 11px}.plan-active .scene-heading{box-shadow:none;background:#f8faf4;border-color:#c3cfc3}.plan-active #model-reference{display:none}.plan-active .scene-foot{color:#536b5b;text-shadow:none}.plan-active #scene{cursor:grab}@media(max-width:760px){#region-caption>p:first-of-type{display:none}}@media(max-width:1050px)and (min-width:761px){main{grid-template-columns:minmax(0,1fr) 355px}.footer-caption{display:none}#prayer-tooltip{left:15px;width:calc(100% - 80px)}#region-caption{left:16px;max-width:calc(100% - 80px);padding:14px}#region-caption h2{font-size:21px}.region-label strong{font-size:10px}.region-label{padding:7px}}@media(max-width:760px){#region-caption{left:12px;top:12px;padding:12px 14px;max-width:calc(100% - 70px)}#region-caption h2{font-size:20px;margin:7px 0}#region-caption p{font-size:10px;margin:4px 0}#region-caption .eyebrow{font-size:7px}#region-caption small{font-size:8px}.region-label{padding:6px 8px}.region-label strong{font-size:10px}.region-label span,.makkah-label{font-size:8px}#prayer-tooltip{left:12px;bottom:82px;width:calc(100% - 70px);max-height:46%}.prayer-text .arabic{font-size:25px}#prayer-content{padding:12px}.prayer-text p{font-size:12px}.prayer-header{padding:6px 12px}.view-toolbar{max-width:calc(100% - 20px)}.view-toolbar button{padding:8px;font-size:9px}#journey-track{overflow-x:auto;gap:12px;justify-content:flex-start}.track-item{flex:0 0 53px}.track-item:after{display:none}.journey-footer{padding:12px}#world{min-height:590px}.regional-active #world{height:75dvh;min-height:620px}.regional-active #prayer-tooltip{max-height:35%}.map-card{display:none}}@media(max-width:760px){.pov-active #prayer-tooltip{left:12px;right:12px;bottom:245px;width:auto;max-height:30%}}.flight-controls{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;pointer-events:auto}.flight-controls button{border:1px solid #c8d6cc;background:#e9f0e8;color:#245546;border-radius:7px;padding:10px 12px;min-height:40px;font-size:11px}.flight-controls button:first-child{background:#215b4c;color:#fff;border-color:#215b4c}.flight-speed{display:flex;align-items:center;gap:8px;font-size:10px;margin-top:10px;pointer-events:auto}.flight-speed select{min-height:34px}#region-caption{max-width:370px}.regional-active .view-toolbar button{opacity:1}.globe-far .scene-foot,.globe-far #labels{display:none}.globe-far #region-caption{background:#f8fbf3f5}.region-label{font-size:11px;min-height:36px;padding:8px 10px}#region-caption small{max-width:280px}@media(max-width:760px){#region-caption{max-width:calc(100% - 70px)}.flight-controls{gap:4px}.flight-controls button{font-size:9px;padding:8px;min-height:36px}.flight-speed{margin-top:6px}#region-caption>small{font-size:8px}.region-label{font-size:9px;padding:7px;min-height:32px}.regional-active #prayer-tooltip{max-height:33%;bottom:80px}}.gait-control{position:absolute;left:calc(100% + 12px);bottom:47px;width:134px;padding:10px;background:#fffffff2;border:1px solid #c4d1c6;border-radius:10px;color:#315c49;text-align:left;font-size:10px;box-shadow:0 2px 8px #183c2710}.gait-control select{display:block;width:100%;min-height:44px;margin-top:5px;padding:6px;font-size:12px}.gait-control small{display:block;font-size:8px;margin-top:6px;color:#627166}@media(max-width:760px){.gait-control{left:calc(100% + 10px);bottom:44px;width:125px;padding:8px}.gait-control small{display:none}.gait-control select{font-size:11px}}#region-caption{left:16px;top:16px;width:260px;max-width:calc(100% - 76px);padding:12px 14px;border-radius:11px;background:#f8fbf3f2}#region-caption .eyebrow{font-size:7px;letter-spacing:1.3px}#region-caption h2{font-size:19px;line-height:1.25;margin:6px 0}#region-caption #travel-status{display:block;font-size:10px;line-height:1.4;margin:4px 0}#region-caption .travel-meter{height:3px;margin:8px 0}#region-caption .flight-controls{margin-top:0;gap:6px;flex-wrap:nowrap}#region-caption .flight-controls button{min-height:36px;font-size:10px;padding:8px 10px}#region-caption #flight-board{flex:1}#region-caption #flight-options-toggle{background:transparent;color:#315c49;border-color:#d2ddd4}#flight-options{border-top:1px solid #d8e1d6;margin-top:10px;padding-top:10px}#region-caption #flight-options .flight-controls button{flex:1;background:#e9f0e8;color:#245546;border-color:#c8d6cc}#region-caption #flight-options p{font-size:10px;margin:9px 0 5px;line-height:1.5}#region-caption #flight-options small{font-size:9px;line-height:1.5}@media(max-width:760px){#region-caption{left:12px;top:12px;width:230px;padding:10px 12px}#region-caption h2{font-size:17px}#region-caption .flight-controls button{min-height:40px}#flight-options{max-height:220px;overflow-y:auto;pointer-events:auto}}#plan-ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#plan-labels{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.plan-label{position:absolute;left:0;top:0;white-space:nowrap;line-height:1;pointer-events:none;will-change:transform;font-family:var(--font-body,"Poppins"),sans-serif;color:#365145;text-shadow:0 0 3px #f1f3ea,0 0 3px #f1f3ea,0 0 2px #f1f3ea}.plan-holy{font-size:12.5px;font-weight:700;color:#fff;background:#214d40;padding:5px 11px;border-radius:12px;text-shadow:none;box-shadow:0 2px 8px #173d3438}.plan-zone{font-size:11px;font-style:italic;letter-spacing:.12em;color:#5d775f;text-transform:uppercase;font-weight:500}.plan-place{font-size:11px;font-weight:700;color:#214d40}.plan-road{font-size:10px;font-weight:500;color:#6b6755;letter-spacing:.02em}.plan-road.plan-tunnel{font-style:italic;color:#8b7c52}.plan-road.plan-bridge{color:#566b7e}.plan-gate{font-size:10px;font-weight:600;color:#6f5214;background:#fffcee;border:1px solid #dac78f;padding:3px 8px;border-radius:9px;text-shadow:none;box-shadow:0 1px 4px #4d3c1018}.plan-hotel{font-size:9.5px;color:#76653f;text-shadow:0 0 3px #e9dfc6,0 0 3px #e9dfc6}.plan-poi{font-size:9.5px;font-weight:600;color:#3a5a4c}.plan-zone.plan-peak{color:#7b5b27;text-transform:none;letter-spacing:.04em;font-style:normal;font-weight:600}.plan-peak:before{content:"▲ ";font-size:.85em}.plan-compass{position:absolute;top:35px;right:76px;width:42px;text-align:center;font:700 9px var(--font-body,"Poppins"),sans-serif;color:#214d40;letter-spacing:1px}.plan-compass svg{display:block;width:42px;height:42px;filter:drop-shadow(0 2px 5px #173d3418)}.plan-scale{position:absolute;right:26px;bottom:58px;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font:600 10px var(--font-body,"Poppins"),sans-serif;color:#365145;text-shadow:0 0 3px #f1f3ea,0 0 3px #f1f3ea}.plan-scale i{display:block;height:6px;border:2px solid #365145;border-top:0;min-width:8px}.plan-legend{position:absolute;left:28px;bottom:58px;width:206px;background:#fffef8f2;border:1px solid #d8ddcf;border-radius:14px;padding:12px 14px;box-shadow:0 5px 25px #2344331a;pointer-events:auto;font-size:11px;color:#365145;max-height:calc(100% - 210px);overflow:auto}.plan-legend header{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.plan-legend-toggle{width:24px;height:24px;border-radius:8px;background:#eef0e7;color:#365145;font-size:15px;line-height:1;padding:0}.plan-legend ul{list-style:none;margin:10px 0 8px;padding:0;display:grid;gap:6px}.plan-legend li{display:flex;align-items:center;gap:8px}.sw{display:inline-block;width:20px;height:11px;border-radius:3px;border:1px solid #0000;flex:none}.sw-mosque{background:#fbfaf1;border-color:#2b6a5a}.sw-sai{background:#d8eddf;border-color:#4c9b82}.sw-zone{background:#8fdcae}.sw-road{background:#ffd270;border-color:#c29b50}.sw-tunnel{background:#b9a878a6}.sw-walk{background:#fff;border-color:#cfd6c8}.sw-hotel{background:#dcc9a2}.sw-wudu{background:#86bad3}.sw-gate{width:11px;height:11px;margin:0 4.5px;border-radius:50%;background:#b8953f;border:2px solid #fff;box-shadow:0 0 0 1px #d9c98f}.plan-layers{border:0;border-top:1px solid #e3e6dc;margin:0;padding:8px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:5px 8px}.plan-layers legend{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;padding:0 0 4px;color:#708475}.plan-layers label{display:flex;align-items:center;gap:5px;cursor:pointer}.plan-layers input{accent-color:#214d40;margin:0}.plan-legend small{display:block;margin-top:9px;font-size:8.5px;line-height:1.45;color:#76857a}.plan-legend.collapsed{width:auto}.plan-legend.collapsed .plan-legend-body{display:none}.plan-legend.collapsed header{gap:14px}@media(max-width:760px){.plan-legend{left:14px;bottom:128px;width:178px;max-height:calc(100% - 260px)}.plan-compass{right:68px}.plan-scale{right:14px;bottom:128px}}.plan-link{pointer-events:auto;cursor:pointer}.plan-link:hover{filter:brightness(.92)}.plan-active .scene-heading{z-index:3}