/* Klar & Hell: white surfaces, petrol actions, restrained orange orientation. */
:root{--pine:#176b73;--gold:#f2a444;--paper:#fff;--muted:#52646d;--accent:#176b73;--aqua:#176b73;--line:#dce5e9;--soft:#eef3f5}
body{color:#203c46}button{background:#fff;border-color:#dce5e9;color:#23535d;box-shadow:none;border-radius:11px}button:hover{background:#eef3f5;border-color:#8eb8c0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#176b73}.primary,#start,.menu-grid button.primary,.stationlist button.primary{background:#176b73;border-color:#176b73;color:#fff;box-shadow:none}.primary:hover,#start:hover,.menu-grid button.primary:hover,.stationlist button.primary:hover{background:#10565e;border-color:#10565e}
header nav button{background:#fffffffa;color:#175865;border:1px solid #dce5e9;box-shadow:0 3px 12px #203c4619}header nav button:hover{background:#eef3f5;border-color:#91bac1;color:#175865}nav span,#questBadge,header nav #bagBadge{background:#eef3f5;color:#176b73}header nav .nav-label{background:none;color:inherit}#missionTracker{background:#fffffffa;color:#174c59;border:1px solid #dce5e9;box-shadow:0 3px 12px #203c4619;backdrop-filter:none}#missionTracker h3{color:#174c59}#missionTracker p{color:#52646d}#missionTracker .mission-copy:before{color:#e38a1a}#missionTracker #trackBtn{background:#eef3f5;color:#176b73;border:1px solid #e0e8eb}#missionTracker #trackBtn:hover{background:#e3edf0}#mapFrame{background:#fff;border-color:#fff;box-shadow:0 2px 13px #203c4633}.mapcaption{background:#fff;color:#176b73;border-color:#dce5e9}.brand{color:#174c59;text-shadow:0 1px 4px #ffffffb0;background:#ffffffed;padding:9px 13px;border-radius:10px;width:max-content;border:1px solid #dce5e9}.brand small{color:#52646d}footer{background:#ffffffed;color:#465e68;border-color:#dce5e9}#toast{background:#fff;color:#174c59;border:1px solid #b7cfd5;box-shadow:0 4px 18px #203c4626}#interact{background:#fff;color:#176b73;border:2px solid #176b73;box-shadow:0 3px 12px #203c4620}.destination-marker,.destination-marker.offscreen{background:#fff;color:#174c59;border-color:#f2a444}.marker{background:#fff;color:#174c59;border-color:#bdd0d6}.marker.done{background:#176b73;color:#fff}#gardenShadowBtn{background:#fff;color:#176b73;border-color:#91bac1}
#panel{background:#1b39454d;backdrop-filter:blur(4px)}#panel section{background:#fff;border-color:#e1e8eb;box-shadow:0 14px 60px #203c462b}#panel section:before{color:#647b85;border-color:#e1e8eb}#panelKicker,.lesson-step{color:#176b73}#panelTitle,.lesson-task h3,.lesson-role,.class-chapter h3,.quest-card h3{color:#174c59}#panel .close{background:#eef3f5;border-color:#e1e8eb;color:#526a75}#panel .close:hover{background:#e1ebef}.lesson-source{background:#fff;border-color:#e1e8eb}.lesson-role-card{background:#eef3f5}.lesson-context,.observation-info,.journey-control p{color:#304e59}.lesson-instruction,.lesson-feedback,.observation-next,.lead,.note,.lesson-caption,.lesson-figure figcaption{color:#52646d}.lesson-footer,.observation-next{border-color:#e1e8eb}.lesson-dots i{background:#e1e8eb}.lesson-dots i.done{background:#6fa9b0}.lesson-dots i.current{background:#f2a444}.lesson-option,.action-bank button,.action-slots button,.drag-token{background:#fff;border-color:#d4e0e5;color:#304e59}.lesson-option.selected,.action-bank .selected,.diagram-layout .drag-token.selected{background:#e8f2f5;border-color:#176b73;outline-color:#176b73;color:#174c59}.lesson-option.selected:before{color:#176b73}.lesson-option.correct,.diagram-layout .drag-token.placed{background:#edf6f1;color:#285e46;border-color:#97bea7}.lesson-feedback.success{color:#236341}.lesson-feedback.hint{color:#83520f}.lesson-feedback.retry{color:#9b4f22}.interview-answer{background:#eef3f5;color:#304e59;border-color:#e1e8eb}.interview-questions .asked{background:#e9f2f4;border-color:#8fb5bd}.interview-questions .asked:before{color:#176b73}.diagram-pins .picture-drop{background:#176b73;border-color:white}.diagram-pins .picture-drop.filled{background:#b56b0d;border-color:white}.lesson-answers input,.lesson-practice select{background:#fff;border-color:#a2bdc5;color:#174c59}.lesson-map-tabs button[aria-pressed=true],.workshop-tabs button[aria-pressed=true]{background:#176b73;color:#fff}.city-plans [aria-pressed=true],.city-reasons [aria-pressed=true]{background:#e8f2f5;border-color:#176b73}.lesson-waterrow,.city-budget,.city-consequence,.lesson-material,.journey-brief-text,.card,.sheet-link{background:#eef3f5;color:#304e59;border-color:#d8e4e9}.journey-brief-text,.card{border-left-color:#f2a444}.water-reservoir i.full,.water-meter div{background:#398d9a}.class-chapter,.quest-card,.chapter-card,.menu-grid button,.stationlist button{background:#fff;border-color:#dce5e9}.class-chapter{border-top-color:#176b73}.class-chapter:nth-child(2){border-top-color:#f2a444}.class-chapter:nth-child(3){border-top-color:#9cbac4}.success-card{background:#edf6f1;color:#285e46;border-color:#b4cfbe}
#overlay{background:linear-gradient(90deg,#f6f9fbef,#f6f9fbd6 52%,#f6f9fb22);backdrop-filter:blur(2px)}#intro{background:#ffffffed;color:#174c59;border:1px solid #e1e8eb;border-radius:20px;padding:26px 28px;box-shadow:0 8px 36px #203c4619}#intro h1{color:#174c59;font-size:clamp(40px,4.5vw,64px)}#intro h1 em{color:#176b73}#intro .lead,#intro details,#intro details p{color:#52646d}.edition{color:#176b73}.intro-mission{background:#eef3f5;border-color:#dce5e9}.intro-mission p{color:#304e59}#intro .chips span{background:#eef3f5;color:#304e59;border-color:#dce5e9}#intro #reset,#classChapterStart{background:#fff;color:#176b73;border-color:#b7ccd3}#intro #reset:hover,#classChapterStart:hover{background:#eef3f5}#intro summary{color:#176b73}#intro #start{color:#fff;background:#176b73}
@media(max-width:650px){#intro{padding:18px}#intro h1{font-size:38px}}
/* Content-sized NPC speech, followed by the assignment on its own page. */
#panel.lesson-dialog.npc-dialog{justify-content:flex-end;align-items:center;padding:24px;background:#173c452b;backdrop-filter:blur(2px)}
#panel.lesson-dialog.npc-dialog section{width:min(540px,calc(100vw - 32px));height:auto;min-height:0;max-height:calc(100dvh - 48px);padding:25px 26px;border-radius:19px;overflow:auto;margin-right:4vw;box-shadow:0 12px 45px #203c462b}
#panel.lesson-dialog.npc-dialog #panelTitle{font-size:27px;line-height:1.2;margin:7px 38px 20px 0}#panel.lesson-dialog.npc-dialog #panelKicker{font-size:11px;letter-spacing:1.3px}#panel.lesson-dialog.npc-dialog #panelBody{display:flex;flex:none;gap:0;overflow:visible;min-height:0}
.npc-page-label{font-size:11px;letter-spacing:1.1px;font-weight:700;color:#647c85;margin:0 0 12px;line-height:1.3}.npc-speech{font-size:21px;line-height:1.55;color:#304e59;margin:0 0 24px}.npc-actions{display:flex;gap:10px;border-top:1px solid #e1e8eb;padding-top:17px}.npc-actions button{font-size:16px;min-height:48px;padding:12px 20px}.npc-actions .primary{flex:1}
@media(max-width:650px){#panel.lesson-dialog.npc-dialog{padding:12px;align-items:flex-end}#panel.lesson-dialog.npc-dialog section{margin:0;width:100%;padding:20px;max-height:calc(100dvh - 24px)}.npc-speech{font-size:19px}#panel.lesson-dialog.npc-dialog #panelTitle{font-size:24px}}
/* Short observations and interviews fit their actual contents. */
#panel.lesson-dialog.info-dialog section{width:min(860px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);padding:20px 24px;overflow:auto}
#panel.info-dialog .lesson-layout{flex:none;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}#panel.info-dialog .lesson-source{height:280px}#panel.info-dialog .lesson-task{gap:10px}#panel.info-dialog .lesson-answers{flex:none}#panel.info-dialog .lesson-task h3,#panel.info-dialog .lesson-instruction,#panel.info-dialog .lesson-dots{display:none}#panel.info-dialog .lesson-footer{margin-top:8px}#panel.info-dialog .lesson-feedback:empty{display:none}#panel.info-dialog .observation-info{font-size:19px;line-height:1.5}#panel.info-dialog .observation-next{font-size:15px;margin:8px 0 0;padding-top:10px}
#panel.lesson-dialog.npc-interview section{width:min(780px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 24px);padding:20px 24px;overflow:auto}#panel.npc-interview .lesson-layout{flex:none;grid-template-columns:145px minmax(0,1fr);align-items:start}#panel.npc-interview .lesson-source{height:190px;padding:5px}#panel.npc-interview .lesson-task{padding:0;gap:7px}#panel.npc-interview .lesson-answers{flex:none;padding-top:0}#panel.npc-interview .lesson-dots{display:none}#panel.npc-interview .interview-answer{min-height:0;font-size:17px;line-height:1.45;padding:12px}#panel.npc-interview .lesson-feedback{min-height:24px;font-size:14px}#panel.npc-interview .lesson-instruction{font-size:15px}#panel.npc-interview .interview-questions{gap:6px}#panel.npc-interview .interview-questions button{min-height:44px;font-size:15px;padding:8px 11px}
@media(max-width:650px){#panel.info-dialog .lesson-layout{grid-template-columns:1fr;grid-template-rows:auto auto}#panel.info-dialog .lesson-source{height:190px}#panel.npc-interview .lesson-layout{grid-template-columns:1fr}#panel.npc-interview .lesson-source{display:none}#panel.info-dialog .observation-info{font-size:17px}}
#panel.lesson-dialog.compact-lesson section{width:min(820px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 28px);overflow:auto}#panel.compact-lesson .lesson-layout{flex:none}#panel.compact-lesson .lesson-answers{flex:none}#panel.compact-lesson .lesson-footer{margin-top:14px}#panel.compact-lesson .lesson-feedback:empty{display:none}
.diagram-layout .picture-bank.desert-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;flex-wrap:nowrap;align-content:start}.diagram-layout .desert-bank .drag-token{min-height:52px;min-width:0;width:100%;font-size:15px;overflow-wrap:anywhere}
#panel.named-desert-dialog .diagram-pins .picture-drop{width:27%;max-width:185px;height:auto;min-height:58px;padding:7px 5px;border:2px solid #fff;border-radius:10px;white-space:pre-line;font:600 14px/1.35 Segoe UI,system-ui,sans-serif;background:#fffef8f2;color:#174c59;box-shadow:0 2px 9px #173b4560}#panel.named-desert-dialog .diagram-pins .picture-drop.filled{background:#176b73f5;color:#fff;border-color:#fff}#panel.named-desert-dialog .diagram-pins .picture-drop:disabled{opacity:1}
@media(max-width:1000px){#panel.named-desert-dialog .diagram-pins .picture-drop{font-size:12px;min-height:48px;padding:5px 3px}}
@media(max-width:650px){#panel.named-desert-dialog .diagram-pins .picture-drop{font-size:11px;min-height:44px}}

/* Compact place photographs alongside the short field observation. */
#panel.place-info .lesson-source{height:245px;padding:8px}#panel.place-info .lesson-figure{margin:0;gap:6px}#panel.place-info .lesson-figure img{width:100%;height:195px;min-height:0;object-fit:cover;border-radius:9px}#panel.place-info .lesson-figure figcaption{font-size:12px;line-height:1.3}
@media(max-width:650px){#panel.place-info .lesson-source{height:158px}#panel.place-info .lesson-figure img{height:116px}}

/* Text-only field steps contain one reading area, no duplicate source card. */
#panel .lesson-layout.single-pane{grid-template-columns:minmax(0,1fr);gap:0}
#panel .single-pane .lesson-source{display:none}
#panel.lesson-dialog.one-pane section{width:min(640px,calc(100vw - 28px));height:auto;min-height:0;max-height:calc(100dvh - 28px);overflow:auto;padding:20px 24px}
#panel.one-pane .lesson-layout{flex:none}#panel.one-pane .lesson-answers{flex:none}
#panel.one-pane .lesson-dots{display:none}#panel.one-pane .lesson-instruction:empty{display:none}
#panel.one-pane .lesson-task h3{font-size:21px;line-height:1.35}#panel.one-pane .lesson-instruction,#panel.one-pane .observation-info{font-size:18px;line-height:1.5}
#panel.one-pane .lesson-feedback:empty{display:none}#panel.one-pane .lesson-footer{margin-top:14px}
#panel.world-action-dialog.one-pane section{width:min(430px,calc(100vw - 28px))}
/* Hotel decision: show budget and consequences without repeating the town map. */
#panel.city-decision .lesson-source{gap:9px;padding:10px}#panel.city-decision .lesson-source>.lesson-figure{flex:none;height:145px;min-height:0;margin:0}#panel.city-decision .lesson-figure img{object-fit:cover;border-radius:9px}#panel.city-decision .lesson-figure figcaption{font-size:10px}#panel.city-decision .lesson-task{gap:7px;padding:3px 0}#panel.city-decision .lesson-dots,#panel.city-decision .lesson-step{display:none}#panel.city-decision .lesson-task h3{font-size:23px}#panel.city-decision .lesson-instruction{font-size:15px;line-height:1.4}#panel.city-decision .city-scenario{font-size:16px;line-height:1.4;margin:0;color:#304e59}#panel.city-decision .city-budget-board{background:#f1f7f8;border:1px solid #d7e5e9;border-radius:12px;padding:11px;flex:none}#panel.city-decision .city-budget-heading{font-size:17px;font-weight:700;margin:0 0 8px;color:#174c59}.city-water-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.city-unit{display:inline-flex;align-items:center;justify-content:center;min-width:0}.city-unit svg{display:block;width:100%;height:30px}.city-water-strip .reserved,.city-water-legend .reserved{color:#227a91}.city-water-strip .hotel-use,.city-water-legend .hotel-use{color:#b87919}.city-water-strip .reserve,.city-water-legend .reserve{color:#398164}.city-water-strip .available,.city-water-legend .available{color:#617785}.city-water-legend{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.city-water-legend p{font-size:13px;line-height:1.3;margin:0;font-weight:650}.city-model-note{font-size:11px;color:#62747d;margin:7px 0 0;line-height:1.3}#panel.city-decision .city-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#panel.city-decision .city-plans button{font-size:14px;line-height:1.35;padding:9px 6px;min-height:60px}#panel.city-decision .city-plans [aria-pressed=true]{background:#e7f3f4;border:2px solid #176b73;color:#174c59}.city-choice-prompt{margin:0;background:#eef3f5;border-radius:10px;padding:14px;font-size:17px;line-height:1.5}.city-selected-name{font-size:16px;font-weight:700;line-height:1.3;margin:0 0 7px}.city-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.city-metric{background:#f4f7f8;border:1px solid #dde7e9;border-radius:10px;padding:7px 9px}.city-metric-label{font-size:14px;font-weight:650;margin:0 0 4px;line-height:1.25}.city-metric-units{display:flex;gap:4px}.city-metric-units .city-unit{width:20px}.city-metric-units svg{height:22px}.city-metric .empty{color:#d5e0e5}.city-metric.jobs .filled{color:#176b73}.city-metric.area .filled{color:#a27d50}.city-metric.water .filled{color:#b87919}.city-metric.reserve .filled{color:#398164}.city-metric.no-reserve{border-color:#b96b57;background:#fff2ec}.city-metric.no-reserve .city-metric-label{color:#974e3d}#panel.city-decision .city-answers{gap:8px;flex:1;justify-content:flex-start;overflow:visible}#panel.city-decision .city-reasons{gap:5px}#panel.city-decision .city-reasons>p{font-size:15px;line-height:1.3;margin:2px 0}#panel.city-decision .city-reasons .lesson-option{font-size:14px;padding:8px;line-height:1.3;min-height:46px}#panel.city-decision .lesson-feedback{font-size:13px;min-height:0;line-height:1.3}#panel.city-decision .lesson-actions button{font-size:14px;min-height:46px;padding:10px 12px}#panel.city-decision .lesson-footer{gap:7px}
@media(max-height:760px) and (min-width:801px){#panel.city-decision .lesson-source>.lesson-figure{height:110px}#panel.city-decision .city-budget-board{padding:8px}.city-metric{padding:5px 7px}.city-metric-units svg{height:18px}.city-metric-label{font-size:14px}#panel.city-decision .city-reasons .lesson-option{font-size:14px;min-height:44px;padding:6px}#panel.city-decision .lesson-task h3{font-size:21px}}
@media(max-width:800px){#panel.city-decision section{height:auto;max-height:calc(100dvh - 20px);overflow:auto}#panel.city-decision .lesson-layout{grid-template-columns:1fr;flex:none}#panel.city-decision .lesson-source>.lesson-figure{display:none}#panel.city-decision .city-scenario{font-size:15px}#panel.city-decision .lesson-source{overflow:visible}#panel.city-decision .city-reasons{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* A compact irrigation playground; all controls stay beside the task. */
#panel.irrigation-game{width:min(1120px,96vw);max-height:96dvh;padding:22px!important}
.irrigation-game .lesson-dots{display:none}.irrigation-game .lesson-task{gap:8px!important}.irrigation-game .lesson-answers{gap:8px!important}.irrigation-game .lesson-footer{margin-top:8px!important;padding-top:8px!important}.irrigation-game .lesson-step{font-size:13px}.irrigation-game h3{font-size:24px!important;margin:4px 0!important}.irrigation-game .lesson-instruction{font-size:17px!important;margin:4px 0!important}.irrigation-board svg{display:block;width:100%;max-height:35dvh}.irrigation-switches{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.irrigation-switches button{font-size:16px!important;padding:10px!important;min-height:44px!important}.irrigation-switches button[aria-pressed=true]{background:#176b73;color:white}.irrigation-controls{display:flex;gap:10px}.irrigation-controls button{flex:1;min-height:44px!important;padding:10px!important;font-size:16px!important}.irrigation-stream{opacity:.3}.irrigation-stream.flowing{opacity:1;stroke-dasharray:10 5;animation:canal-flow 1s linear infinite}.irrigation-game .lesson-feedback{font-size:16px!important;min-height:24px!important}.irrigation-game .lesson-actions button{min-height:45px!important;padding:10px!important}@keyframes canal-flow{to{stroke-dashoffset:-30}}@media(prefers-reduced-motion:reduce){.irrigation-stream.flowing{animation:none}}@media(max-width:600px){#panel.irrigation-game{padding:14px!important}.irrigation-game h2{font-size:24px!important}.irrigation-switches button{font-size:13px!important;padding:6px!important}.irrigation-board svg{max-height:30dvh}.irrigation-controls button{font-size:14px!important}}

#panel.lesson-dialog.irrigation-game{width:100%;padding:0!important}#panel.lesson-dialog.irrigation-game section{width:min(1040px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 16px);padding:16px 22px}#panel.irrigation-game .lesson-step{display:none}#panel.irrigation-game .lesson-task{padding:0!important}#panel.irrigation-game #panelTitle{font-size:27px;margin:4px 0 8px}#panel.irrigation-game .irrigation-board svg{height:clamp(100px,calc(100dvh - 365px),270px);max-height:none}#panel.irrigation-game .lesson-feedback:empty{display:none}#panel.irrigation-game .lesson-instruction{line-height:1.3}#panel.irrigation-game .lesson-answers{padding-top:0}

#panel.irrigation-game .lesson-answers{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);align-items:center}#panel.irrigation-game .irrigation-board{grid-column:1;grid-row:1/3}#panel.irrigation-game .irrigation-board svg{height:auto;width:100%;max-height:260px}#panel.irrigation-game .irrigation-switches{grid-column:2;display:grid;grid-template-columns:1fr;gap:6px}#panel.irrigation-game .irrigation-controls{grid-column:2;display:flex;flex-direction:column;gap:6px}#panel.irrigation-game .lesson-practice{display:none}@media(max-width:700px){#panel.irrigation-game .lesson-answers{grid-template-columns:1fr}#panel.irrigation-game .irrigation-board{grid-row:auto}#panel.irrigation-game .irrigation-switches{grid-column:1;grid-template-columns:repeat(3,1fr)}#panel.irrigation-game .irrigation-controls{grid-column:1;flex-direction:row}#panel.irrigation-game .irrigation-board svg{max-height:24dvh}}

/* Optional camel expedition, shared by mouse, keyboard and touch. */
#panel.camel-dialog section{width:min(1040px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);padding:20px 24px;overflow:auto}#panel.camel-dialog .lesson-layout{flex:none;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}#panel.camel-dialog .lesson-source{height:310px;padding:0;overflow:hidden}#panel.camel-dialog .lesson-figure{height:100%;margin:0}#panel.camel-dialog .lesson-figure img{height:100%;width:100%;object-fit:cover}#panel.camel-dialog .lesson-figure figcaption{display:none}#panel.camel-dialog .lesson-task{gap:8px;padding:0}#panel.camel-dialog .lesson-dots{display:none}#panel.camel-dialog .lesson-task h3{font-size:23px;line-height:1.3}#panel.camel-dialog .lesson-instruction{font-size:16px;line-height:1.4}#panel.camel-dialog .lesson-answers{flex:none;gap:8px;padding:0}#panel.camel-dialog .lesson-answers button{font-size:16px;min-height:44px;padding:10px}#panel.camel-dialog .lesson-footer{margin-top:10px;gap:8px}#panel.camel-dialog .lesson-feedback{min-height:0;font-size:15px;line-height:1.35}#panel.camel-dialog .lesson-actions button{min-height:44px;font-size:16px;padding:10px}.camel-explanation,.camel-fact{font-size:17px;line-height:1.45;margin:0}.camel-item-bank,.camel-packing,.camel-sand-test,.camel-tracks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.camel-packing{transition:transform .3s;padding:8px}.camel-packing button{background:#e5cfaa!important;border:2px solid #8e6b3c!important;min-height:78px!important}.camel-item-bank button[aria-pressed=true],.camel-tracks button[aria-pressed=true]{background:#d9eef0!important;border-color:#176b73!important}.camel-sand-test button{background:#debd82!important;min-height:90px!important;transition:box-shadow .4s}.camel-hump-section{background:#edd7ac;border-radius:50% 50% 12px 12px;padding:15px;display:grid;gap:6px}.camel-hump-section .correct{background:#e6c76f!important}.camel-sand-scene{position:relative;overflow:hidden;background:#f0dfbc;padding:18px;border-radius:12px;font-size:15px}.camel-sand-scene span{display:block;letter-spacing:12px;color:#9f7443;animation:camel-sand 3s linear infinite}.camel-sand-scene.eyes{border-top:5px solid #176b73}.camel-sand-scene.nose{border-bottom:5px solid #176b73}.camel-tracks button:before{content:'';display:block;margin:10px auto 18px;width:24px;height:55px;background:#b18b56;box-shadow:inset 3px 4px 6px #725638;border-radius:45%}.camel-tracks .broad-track:before{width:65px;border-radius:48% 48% 35% 35%;background:linear-gradient(90deg,#b18b56 47%,#e1c18a 47%,#e1c18a 53%,#b18b56 53%)}#camelRideBtn{position:fixed;z-index:12;bottom:90px;right:24px;background:#176b73;color:white;border:2px solid white;box-shadow:0 3px 12px #173c4933;border-radius:14px;padding:14px 22px;font-size:18px;font-weight:700}#camelWorldLabel{position:fixed;transform:translate(-50%,-100%);z-index:8;background:white;color:#176b73;border:2px solid #176b73;border-radius:30px;font-weight:700;font-size:15px;padding:8px 15px}.camel-dialog .lesson-step{font-size:12px}.camel-dialog .lesson-layout.single-pane{grid-template-columns:1fr!important}@keyframes camel-sand{from{transform:translateX(-40px)}to{transform:translateX(60px)}}@media(prefers-reduced-motion:reduce){.camel-sand-scene span{animation:none}}@media(max-width:700px){#panel.camel-dialog section{padding:15px}#panel.camel-dialog .lesson-layout{grid-template-columns:1fr}#panel.camel-dialog .lesson-source{height:145px}#panel.camel-dialog .lesson-task h3{font-size:20px}#panel.camel-dialog #panelTitle{font-size:24px}#camelRideBtn{bottom:160px;right:14px;font-size:15px}}

.camel-hump-section svg{width:100%;height:80px;display:block}

.camel-sand-test button:before{content:'';display:block;margin:0 auto 10px;width:22px;height:30px;background:#9e7748;border:2px solid #755638;border-radius:40%;transition:transform .4s,box-shadow .4s}.camel-sand-test .camel-stamp-wide:before{width:65px}.camel-sand-test .tested:before{transform:translateY(6px);box-shadow:inset 2px 5px 6px #594124}.camel-sand-test .camel-stamp-narrow.tested:before{transform:translateY(12px)}

/* Shared atmosphere from the approved graphics study. */
body{background:linear-gradient(#9fb8c5 0%,#dce0d5 48%,#ddcba8 100%)}

.camel-blanket-picture{height:100px;max-width:260px;margin:16px auto;background:repeating-linear-gradient(90deg,transparent 0 42px,#dfbd78 42px 49px),repeating-linear-gradient(0deg,#24727b 0 18px,#d9b36b 18px 23px);border-radius:12px;box-shadow:0 10px 0 #20535b,0 15px 0 #d9b36b;transform:skewY(-4deg)}
.camel-blanket-picture{width:260px;flex-shrink:0;align-self:center}