@font-face{font-family:Expedition;src:url('../expedition/arabic.woff')}@font-face{font-family:Titles;src:url('../expedition/titles.woff')}*{box-sizing:border-box}body{margin:0;background:#0b201b;color:#f5edda;font-family:Expedition,Tahoma,sans-serif}button,a,input,select{font:inherit}button{cursor:pointer;border:1px solid #728979;background:#254338;color:#fff2d6;border-radius:12px;padding:12px 18px;min-height:48px}button:hover{background:#365747}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffe5a4;outline-offset:3px}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}.topbar{padding:20px 4vw;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #456052;align-items:center}.topbar>a{font-family:Titles;font-size:24px}.topbar small{display:block;color:#d5b67f;font:14px Expedition}.topbar nav{display:flex;gap:8px}.commandBar{position:relative;z-index:5}.intro{min-height:78vh;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:5vw;gap:4vw;background:linear-gradient(90deg,#0b201b99,#0b201bda),url('../expedition/wadi.webp') center/cover}.introCopy{max-width:560px}.eyebrow{color:#e4bc7e;font-size:14px;letter-spacing:.5px}h1{font-family:Titles;font-size:clamp(48px,6vw,90px);line-height:1.3;margin:20px 0}h1 em{font-style:normal;color:#eac68c}p{line-height:1.9}.introCopy p{font-size:20px}.subtle{color:#b1c3b7;font-size:16px!important}.primary{background:#edca8e;color:#122a20;border-color:#edca8e;font-weight:bold}.primary:hover{background:#ffdfa6}.introMap{position:relative;border:1px solid #c2ab7755;border-radius:50%;padding:30px;background:#143f3277;text-align:center;box-shadow:0 0 100px #0004}.introMap svg{width:100%}.introMap span:last-child{color:#e5d4b4}.radioPulse{position:absolute;inset:12%;border:1px solid #9fe6cb;border-radius:50%;animation:pulse 3s infinite}@keyframes pulse{to{transform:scale(1.2);opacity:0}}.progress{padding:18px 4vw;display:flex;align-items:center;gap:24px;color:#d6c09c}.progress progress{flex:1;height:8px;accent-color:#ddbc82}.workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,1fr);gap:20px;padding:0 3vw 25px;direction:ltr}.scene,.task{direction:rtl;border:1px solid #526356;border-radius:20px;overflow:hidden;background:#142f25}.sceneHead{padding:14px 20px;display:flex;justify-content:space-between;color:#e8c38a;font-size:14px}.scene{background:#152f25}.scene svg{display:block;width:100%;height:auto;touch-action:none;user-select:none;direction:ltr}.task{padding:26px;align-self:start}.task h2{font-family:Titles;font-size:29px;margin:10px 0 16px}.task p{margin:12px 0}.taskActions,#taskActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.sceneStatus{padding:0 20px;margin:12px 0 18px;min-height:27px;color:#dfe7d9;font-size:14px}.drive{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px 10px 0;direction:ltr}.drive button{min-width:72px}.drive span{flex-basis:100%;text-align:center;font-size:12px;color:#b4c8b8;direction:rtl}.drive button:active{background:#d9b779;color:#152c22}.equation{direction:ltr;text-align:center;background:#071c15;padding:18px 10px;border:1px solid #8f8a60;border-radius:12px;margin:18px 0;font:22px Georgia,serif}.frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;margin:0 7px;min-width:40px}.frac>span:first-child{border-bottom:1px solid currentColor;padding:0 7px 5px}.frac>span:last-child{padding-top:4px}.trailForm{display:grid;gap:12px}.trailForm label{display:block;font-size:14px}.trailForm input,.trailForm select{width:100%;border:1px solid #7d927d;border-radius:9px;background:#203e30;color:#fff4df;padding:12px;margin-top:6px;min-height:48px}.formPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.signedNumber{display:flex;gap:6px;direction:ltr;min-width:0}.signedNumber input{flex:1;width:0;min-width:0}.signedNumber button{margin-top:6px;min-width:56px;padding:8px;direction:ltr;color:#ffe1a1}.trailForm button[type=submit]{margin-top:10px}.source{font-size:12px;color:#aebeb0}.source details{padding-top:12px}.good{color:#a4f1cd}.bad{color:#ffd7a7}#feedback{min-height:26px}fieldset{border:1px solid #54715c;border-radius:10px;padding:12px}legend{color:#eac990}.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.readout span{padding:10px 5px;background:#071c15;border-radius:8px;font-size:13px}.readout b{display:block;color:#f1cb8b;font:22px Georgia;margin-top:5px}.stationLabel{font-family:Expedition,Tahoma;font-size:16px;paint-order:stroke;stroke:#d9b98c;stroke-width:5px;fill:#16372b}.mapNum{font:14px Arial;fill:#294d3b}.badge{border:1px solid #c9a96c;padding:20px;border-radius:18px;background:#314c33;text-align:center}.badge strong{font-family:Titles;font-size:29px;display:block;color:#ffe0a1}.notebookItem{padding:12px 0;border-bottom:1px solid #526552}.sheet{padding:25px;max-width:760px}.sheetHead{display:flex;justify-content:space-between;gap:15px;align-items:center}.sheetHead h2{font-family:Titles}dialog{background:#123026;color:#f7ecd4;border:1px solid #bfa879;border-radius:20px;max-width:92vw}dialog::backdrop{background:#000b}footer{text-align:center;color:#a6b6a7;padding:20px;font-size:13px}.helpNote{font-size:13px;color:#c1cdbd}.range{width:100%;accent-color:#e0b77a}.commandPanel{z-index:50}.smallActions{display:flex;gap:8px;flex-wrap:wrap}.smallActions button{font-size:13px;padding:8px 12px}[hidden]{display:none!important}@media(max-width:850px){.workspace{grid-template-columns:1fr;padding:0 12px 18px;gap:12px}.intro{grid-template-columns:1fr;padding:35px 25px}.introMap{max-width:460px;margin:auto}.task{padding:20px}.progress{gap:12px;font-size:12px}.topbar{padding:13px}.topbar>a{font-size:20px}.topbar nav button{padding:9px;font-size:12px}.equation{font-size:20px}.sceneHead{font-size:12px}}@media(prefers-reduced-motion:reduce){.radioPulse{animation:none}}

.scene svg{background:#c89862}.stationLabel{stroke:#f8e6c4;stroke-width:4px;fill:#133c2d}.mapNum{font-weight:600;paint-order:stroke;stroke:#f4d5a8;stroke-width:2px;fill:#23492f}.readout b{direction:ltr;unicode-bidi:isolate}

.choiceForm fieldset{border:0;padding:0;margin:1rem 0;min-width:0}
.choiceForm legend{margin-bottom:.5rem}
.choiceForm label{display:flex;align-items:center;gap:.75rem;padding:.7rem .9rem;min-height:44px;border:1px solid #738475;border-radius:10px;margin:.45rem 0;cursor:pointer;background:#19382e}
.choiceForm label:has(:checked){border:2px solid #f0cb87;background:#30483b}
.choiceForm input[type=radio]{width:1.2rem;height:1.2rem;accent-color:#e5bb70;flex:none}
.choiceForm .equation{margin:.2rem 0;font-size:1.15em}
.choiceForm svg{display:block;width:min(100%,300px);margin:auto}
.choiceForm button{width:100%}.choiceForm button:disabled{opacity:.55}.answerPin{cursor:pointer}

.workspace{display:block;padding:0}.scene{position:relative;border:0;border-radius:0}.progress{padding:5px 3vw}.sceneHead{padding:5px 3vw}.task{margin:0 auto;max-width:1000px;padding:14px clamp(16px,4vw,48px);border:0;border-radius:0;background:transparent}.task h2{margin:0;font-size:clamp(20px,3vw,30px)}.task p{margin:5px 0}.sceneStatus:empty,#feedback:empty{display:none}.sceneStatus{margin:4px 0}.scene svg#board{width:100%;height:clamp(300px,56svh,720px);background:#192e23}.topbar{padding:7px 3vw}.introMap{display:none}.intro{grid-template-columns:1fr;background:linear-gradient(270deg,#10251fe8,transparent 95%),url('../expedition/rover.webp') center/cover}
#viewport,#roadView{height:clamp(300px,65svh,900px);width:100%;position:relative;overflow:hidden;isolation:isolate}
#camera{position:absolute;left:0;top:0;direction:ltr;background-position:center;background-size:100% 100%;transform-origin:0 0}#avatar{position:absolute;z-index:2;pointer-events:none;transform:translate(-50%,-100%)}#player{width:100%;height:100%}
#destination,#trail i{position:absolute;border-radius:50%;background:#e8d4a7}#destination{width:15px;height:7px}#spots button{position:absolute;transform:translate(-50%,-100%);border-radius:30px;background:#173a2ce8;border:2px solid #e7c88c;white-space:nowrap;padding:6px 14px;z-index:3}#spots svg{display:none}#spots button::before{content:'⌖';color:#ffdc91;margin-inline-end:.4rem}
#roadView{background:#a67a4e}#road,.dash{width:100%;height:100%;position:absolute;inset:0}.dash{pointer-events:none;object-fit:fill}#navMeter{position:absolute;top:12px;right:15px;padding:7px 13px;background:#132c24eb;color:#ffe7ac;border-radius:20px}
.drive{position:absolute;bottom:7px;left:0;right:0;z-index:2;padding:4px;gap:5px}.drive button{min-width:42px;padding:8px 13px;touch-action:none;background:#142f27ed}.drive span{color:white;text-shadow:0 1px 3px black}.drive:not([hidden])~.sceneStatus{display:none}
body[data-scene=field] .task p.helpNote,body[data-scene=drive] .task .helpNote{display:none}
@media(max-width:700px){#roadView,#viewport{height:58svh}.task{padding:10px 15px}.topbar small{display:none}.topbar nav button{min-height:36px}.drive span{font-size:11px}.drive button{padding:6px 9px}}
#fieldProp{position:absolute;width:9%;transform:translate(-50%,-54%);pointer-events:none}body[data-scene=drawing] #boardWrap{background:url('../expedition/wadi.webp') center/cover}.scene #board svg{background:transparent}.drive:not([hidden])~.sceneStatus:not(:empty){display:block;position:absolute;top:52px;left:10px;margin:0;background:#142f27df;border-radius:15px;color:white}
#board>svg[overflow="hidden"]{width:90px;height:140px;overflow:hidden;background:transparent}
.fieldLab{max-width:900px;margin:auto;padding:14px clamp(12px,4vw,36px);color:#fff2d9;background:#17372d;text-align:center}.fieldLab h2{margin:.2em 0}.fieldLab svg{display:block;width:100%;max-height:48svh;background:#123129;border-radius:14px}.labControls{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}.labControls input{accent-color:#e8c58d;min-height:44px}.fieldLab p{line-height:1.7}.fieldLab [role=status]{min-height:1.6em;color:#ffe2a8}

#garden,#drive button,#forward,#reverse,#brake{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
.reflectorPhoto{margin:0 auto 12px;text-align:center}.reflectorPhoto img{width:min(100%,440px);height:auto;border-radius:10px}.reflectorPhoto figcaption{font-size:.85rem}

/* Give the experiments enough room for touch and visual observation. */
#dialog:has(#appContent){width:min(1120px,96vw);max-width:96vw;max-height:94dvh;padding:clamp(14px,3vw,32px)}#dialog:has(#appContent) .sheet{max-width:none;padding:0}#appContent>svg{display:block;width:100%;max-height:60dvh;min-height:240px;touch-action:none}#appContent .range{direction:ltr;min-height:44px}#appContent>label{display:block;margin-block:14px}#gardenNote,#orbitResult{padding:12px 16px;border:1px solid #70806a;border-radius:12px;background:#071c15}.reflectorPhoto img{max-height:280px;object-fit:contain}

.gardenTools{justify-content:center;padding:10px;background:#102d25}.gardenTools button{min-height:44px}body[data-scene=drawing] .scene{overflow:visible}body[data-scene=drawing] #board{width:100%;height:auto}