:root{--ink:#193f40;--muted:#6c7d79;--paper:#f6f5ef;--line:#dfE5dc;--green:#246859;--yellow:#efc477;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button,a,input,select{outline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid #d49942}button{transition:background .18s,transform .18s}button:disabled{cursor:not-allowed;opacity:.5}button:not(:disabled):active{transform:translateY(1px)}.masthead{height:88px;background:#133f42;color:#fff8e5;display:flex;align-items:center;justify-content:space-between;padding:0 4.2%}.brand{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none;font:700 29px var(--serif);letter-spacing:-1px}.brand-mark{font:44px var(--sans);color:var(--yellow)}.brand small{display:block;font:8px var(--sans);letter-spacing:2.2px;margin-top:5px;color:#b9cebe}.masthead nav{display:flex;align-items:center;gap:24px}.edition{font-size:9px;letter-spacing:1.9px;color:#aec6be}.header-btn,.help-btn{border:1px solid #5a7978;background:transparent;color:#f9f3dc;border-radius:7px;padding:11px 16px;font-size:12px}.header-btn:hover,.help-btn:hover{background:#285357}.help-btn{padding:0;width:33px;height:33px;border-radius:50%;font-family:var(--serif);font-size:18px}main{max-width:1550px;margin:auto;padding:34px 4.2% 0}.intro-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;gap:8px;align-items:center}.live-dot{width:6px;height:6px;background:#77916a;border-radius:50%}h1{font:normal clamp(28px,3vw,44px)/1.15 var(--serif);letter-spacing:-1.2px;margin:9px 0 8px}h1>span{color:#cc9b54}.intro-line p{font-size:13px;color:var(--muted);margin:0}.mission-meta{text-align:right;padding-left:20px}.mission-meta span{font-size:9px;letter-spacing:1.6px;color:#6e7c6e}.mission-meta strong{display:block;font-size:13px;font-weight:600;margin:7px 0}.mission-meta small{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr);align-items:stretch;gap:22px}.world-panel{position:relative;overflow:hidden;border-radius:15px;background:#a7d8cc;min-height:580px;border:1px solid #bfd6c7}.world-art{position:absolute;inset:0}.world-art svg{width:100%;height:100%;object-fit:cover;display:block}.map-top{position:absolute;left:24px;right:24px;top:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#456f66}.island-chip{background:#f9f9e6d9;padding:9px 13px;border:1px solid #ffffff77;border-radius:25px;letter-spacing:1.6px;font-size:9px;font-weight:600}.map-location{position:absolute;z-index:3}.map-location button{border:1px solid #f7f6d9;border-radius:9px;background:#fffbeeef;box-shadow:0 5px 15px #214d4920;padding:9px 12px 9px 9px;display:flex;align-items:center;gap:8px;color:#234f49;text-align:left;font-size:11px;font-weight:700}.map-location button:hover{background:white;transform:translateY(-3px)}.map-location small{display:block;font-weight:400;font-size:9px;margin-top:3px;color:#6b7c6e}.pin{display:grid;place-items:center;width:26px;height:30px;color:#4b877b;font-size:22px}.reservoir{left:27%;top:32%}.farm{left:12%;top:62%}.village{right:10%;top:47%}.map-location.visited button{border-color:#74a48b}.map-location.visited .pin{color:#bc8c41}.compass{position:absolute;left:26px;bottom:100px;color:#fff6d8;font-size:49px;text-align:center;line-height:35px;opacity:.8}.compass span{display:block;font-size:9px}.map-caption{position:absolute;left:24px;right:24px;bottom:47px;padding:14px 16px;background:#f8fae9e8;border:1px solid #fff9d9;border-radius:10px;display:flex;gap:12px;align-items:center;backdrop-filter:blur(8px)}.caption-mark{font-size:27px;color:#598c78}.map-caption strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.map-caption div>span{display:block;font-size:10px;margin-top:4px;color:#6f8174}.map-legend{position:absolute;bottom:17px;left:25px;right:25px;display:flex;justify-content:space-between;color:#effbf0;font-size:9px}.legend-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e9f5d0;margin-right:5px}.mission-panel{border:1px solid var(--line);background:#fffef9;border-radius:15px;padding:24px;min-width:0}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:25px}.step{display:flex;align-items:center;gap:7px;color:#8b9388;font-size:10px;white-space:nowrap}.step b{width:24px;height:24px;display:grid;place-items:center;border:1px solid #dfe3d6;border-radius:50%;font-size:10px;font-weight:500}.step.active{color:var(--green);font-weight:700}.step.active b{background:var(--green);border-color:var(--green);color:white}.step.done b{background:#e5ecdf;color:#447462;border-color:#e5ecdf}.step-line{height:1px;background:#e1e5da;flex:1}.chapter-label{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#9a7a44}.mission-panel h2{font:normal 27px/1.2 var(--serif);letter-spacing:-.5px;margin:9px 0 12px}.story{color:#708074;font-size:12px;line-height:1.75;margin:0 0 15px}.role-tabs{display:flex;gap:6px;margin:16px 0}.role-tab{border:1px solid #dfe4d8;background:#fafbf4;border-radius:7px;flex:1;padding:8px 4px;color:#59736b;font-size:10px;white-space:nowrap}.role-tab:hover,.role-tab.seen{background:#eaf0e4;border-color:#b9cdbb}.role-tab .role-dot{display:inline-block;width:6px;height:6px;border:1px solid #91a897;border-radius:50%;margin-right:4px}.role-tab.seen .role-dot{background:#50826c}.clue-prompt{font-size:11px;color:#5c796a;background:#f0f4e9;border-radius:7px;padding:12px;line-height:1.7}.question-box{margin-top:19px;padding-top:18px;border-top:1px solid #e5e8de}.question-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#829074;margin-bottom:9px}.hint-btn{border:0;background:none;color:#857344;font-size:11px;padding:3px 0;letter-spacing:0}.question-box label{display:block;font-size:13px;line-height:1.65;font-weight:600}.answer-row{display:flex;gap:8px;margin:13px 0 0}.answer-wrap{display:flex;align-items:center;border:1px solid #ccd9c7;background:#fff;border-radius:7px;flex:1;min-width:0;padding-right:11px}.answer-wrap input{width:100%;min-width:0;border:0;background:none;padding:12px;color:var(--ink);font-weight:700}.answer-wrap span{font-size:10px;color:#778779;white-space:nowrap}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:7px;padding:13px 18px;background:var(--green);color:#fffdf0;font-size:12px;font-weight:600}.primary-btn:hover{background:#164d40}.answer-row .primary-btn{padding:11px 14px;font-size:11px}.feedback{font-size:11px;line-height:1.65;margin:10px 0 0;min-height:0}.feedback:empty{display:none}.feedback.error{color:#9a4b32}.feedback.success{color:#317356}.feedback.hint{background:#f8f0d9;padding:10px;border-radius:6px;color:#826b39}.decision-title{font-size:11px;font-weight:600;margin:18px 0 10px}.choice-list{display:grid;gap:8px}.choice{border:1px solid #dce3d5;background:#fffef8;border-radius:8px;text-align:left;padding:12px;display:block;color:var(--ink);width:100%}.choice:hover{background:#f3f6e9;border-color:#86a991}.choice.selected{border-color:#397862;background:#edf3e7;box-shadow:inset 3px 0 #397862}.choice strong{display:block;font-size:12px;font-weight:600}.choice p{font-size:10px;line-height:1.65;color:#70806e;margin:5px 0}.choice small{color:#917341;font-size:9px;font-weight:600}.commit-btn{width:100%;margin-top:13px}.quiet-note{font-size:9px;color:#879183;line-height:1.65;margin:10px 0 0}.bottom-row{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.15fr;gap:15px;margin-top:20px}.resource-card{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:19px 17px;background:#fffef8;min-width:0}.resource-icon{width:37px;height:41px;display:grid;place-items:center;border-radius:10px;flex-shrink:0;font-size:27px}.water{background:#e5f1ef;color:#488d94}.money{background:#f7efd9;color:#a78a4b}.nature{background:#edf1df;color:#799057}.resource-card>div{min-width:0;flex:1}.resource-card div>span{font-size:10px;color:#748271}.resource-card strong{display:block;font-size:24px;font-weight:500;letter-spacing:-.7px;margin-top:5px}.resource-card strong small{font-size:10px;letter-spacing:0;font-weight:400;color:#7b8975}.resource-card strong.word-stat{font-size:14px;letter-spacing:0;margin:8px 0}.resource-note{font-size:9px;color:#8b947e}.meter{height:3px;background:#e3ede7;border-radius:3px;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;width:100%;background:#6caa9c;transition:width .6s}.journal-card{text-align:left;border:1px solid #dbdfcb;border-radius:11px;background:#e9eddb;padding:18px;color:#365e4e}.journal-card>span{font-size:8px;letter-spacing:1.4px;color:#7a8769}.journal-card strong{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin:10px 0}.journal-card strong>span{font-size:21px}.journal-card small{font-size:9px;color:#7b886a}.journal-card:hover{background:#e0e7cb}footer{padding:22px 0;display:flex;justify-content:space-between;align-items:center;color:#909887;font-size:9px;gap:15px}footer>div{display:flex;gap:18px;align-items:center}footer button{border:0;background:none;color:#74866b;font-size:10px}dialog{border:1px solid #dce3d3;border-radius:17px;padding:35px;background:#fffdf5;color:var(--ink);width:min(660px,calc(100% - 32px));max-height:85vh;box-shadow:0 25px 100px #133f4260}dialog::backdrop{background:#123c4266;backdrop-filter:blur(5px)}.modal-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#637d6d;font-size:27px;padding:4px 9px}.modal-eyebrow{font-size:10px;letter-spacing:1.7px;color:#9e7d44}.modal-title{font:normal 32px/1.2 var(--serif);margin:12px 0 15px}.modal-copy{font-size:13px;line-height:1.9;color:#61776b}.role-avatar{width:65px;height:65px;background:#e8edd8;border:1px solid #d8e0c8;border-radius:50%;display:grid;place-items:center;font-size:31px;margin-bottom:17px}.evidence{background:#edf1e4;border-radius:9px;padding:18px;font-size:14px;line-height:1.9;margin:20px 0}.evidence strong{color:#276953}.goal-list{display:grid;gap:9px;margin:20px 0}.goal{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6}.goal>span{border-radius:50%;background:#edf0e0;display:grid;place-items:center;width:23px;height:23px;flex-shrink:0;color:#8c7850}.goal.met>span{background:#dfeddf;color:#427b53}.result-emblem{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#edf0d9;color:#a78743;font-size:37px;margin-bottom:19px}.result-actions{display:grid;gap:8px}.secondary-btn{border:1px solid #c7d7c4;border-radius:7px;background:transparent;padding:12px 16px;color:#486e57;font-size:12px}.secondary-btn:hover{background:#edf2e2}.event{padding:15px 0;border-bottom:1px solid #e5e7da}.event span{font-size:10px;color:#9c8053}.event strong{display:block;font-size:13px;margin:6px 0}.event p{font-size:12px;color:#74816b;line-height:1.7;margin:0}.report-table{border-collapse:collapse;width:100%;margin:20px 0;font-size:12px}.report-table th,.report-table td{padding:12px 6px;border-bottom:1px solid #dfe5d6;text-align:left;line-height:1.6}.report-table th{font-size:10px;color:#7f8c72}.compare-controls{display:grid;gap:10px;margin:20px 0}.compare-controls label{font-size:11px;color:#738068}.compare-controls select{display:block;width:100%;padding:10px;border:1px solid #cbd9c4;border-radius:6px;background:#fffdf6;color:var(--ink);margin-top:5px;font-size:12px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.timeline{background:#edf1e4;border-radius:10px;padding:16px}.timeline.alternate{background:#f3ecd9}.timeline h3{font:normal 20px var(--serif);margin:0 0 15px}.timeline p{font-size:11px;color:#6d7b66;line-height:1.8}.timeline strong{font-size:24px;color:#305d4e;display:block}.comparison-error{font-size:12px;color:#9a4b32;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cloud-one{animation:cloud-drift 18s ease-in-out infinite alternate}.cloud-two{animation:cloud-drift 24s ease-in-out infinite alternate-reverse}.boat{animation:bob 4s ease-in-out infinite}.sea-waves{animation:shimmer 5s ease-in-out infinite}.windmill{transform-origin:0px -35px;animation:spin 20s linear infinite}.rain{animation:shimmer 1.4s ease-in-out infinite}.leak{animation:shimmer 1.7s ease-in-out infinite}@keyframes cloud-drift{to{transform:translateX(35px)}}@keyframes shimmer{50%{opacity:.5}}@keyframes bob{50%{transform:translate(799px,501px)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1450px){.world-panel{min-height:640px}.mission-panel{padding:29px}.mission-panel h2{font-size:31px}.story{font-size:13px}}
@media(max-width:1100px){main{padding:27px 3% 0}.masthead{padding:0 3%}.workspace{grid-template-columns:minmax(0,1.25fr) minmax(330px,1fr);gap:16px}.world-panel{min-height:560px}.map-location small{display:none}.map-location button{padding:7px;font-size:10px}.reservoir{left:25%;top:35%}.village{right:4%}.farm{left:6%}.bottom-row{gap:9px}.resource-card{padding:15px 10px;gap:8px}.resource-icon{width:30px}.resource-note{font-size:8px}.edition{display:none}.mission-panel{padding:20px}.map-caption{left:15px;right:15px}.map-legend span:last-child{display:none}}
@media(max-width:780px){.masthead{height:73px}.brand{font-size:24px}.brand small{font-size:6px;letter-spacing:1.5px}.brand-mark{font-size:35px}.masthead nav{gap:9px}.header-btn{padding:9px;font-size:16px}.header-btn span{display:none}.intro-line{margin-bottom:20px}.intro-line h1{font-size:30px}.intro-line p{font-size:11px}.mission-meta{display:none}.workspace{grid-template-columns:1fr}.world-panel{min-height:0;height:450px}.world-art svg{height:100%;width:100%}.reservoir{top:31%;left:27%}.village{top:48%;right:11%}.farm{top:62%;left:13%}.map-location small{display:block;font-size:8px}.mission-panel{padding:22px}.bottom-row{grid-template-columns:1fr 1fr}.resource-card{padding:16px}.journal-card{padding:16px}.stepper{max-width:400px}.map-top{top:15px;left:16px;right:16px}.map-caption strong{font-size:11px}.map-caption div>span{font-size:9px}.compass{bottom:107px}footer{align-items:flex-start;line-height:1.7}footer>div{flex-direction:column;gap:4px;align-items:flex-end}footer>span{max-width:45%}}
@media(max-width:420px){.world-panel{height:380px}.map-location small{display:none}.map-caption{bottom:40px;padding:10px}.map-caption strong{font-size:10px}.map-caption div>span{font-size:8px}.map-location button{font-size:9px}.pin{width:18px;font-size:18px}.intro-line h1{font-size:27px}.resource-card{padding:13px 9px}.resource-card strong{font-size:21px}.resource-card strong.word-stat{font-size:12px}.resource-card div>span{font-size:9px}.journal-card strong{font-size:11px}dialog{padding:28px 20px}.modal-title{font-size:27px}.comparison{gap:8px}.timeline{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the island legible while the decision panel grows. */
.world-panel{align-self:start;position:sticky;top:20px;height:580px;min-height:0}
.mini-world{height:125px;overflow:hidden;border-radius:7px;margin:-5px -5px 14px}
.mini-world svg{display:block;width:100%;height:100%}
.timeline .goal{font-size:10px;gap:5px;align-items:flex-start}
.timeline .goal>span{width:18px;height:18px}
@media(min-width:1450px){.world-panel{height:640px}}
@media(max-width:1100px){.world-panel{height:560px}}
@media(max-width:780px){.world-panel{position:relative;top:auto;height:450px}}
@media(max-width:420px){.world-panel{height:380px}.mini-world{height:90px}}