:root{font-family:Noto Sans TC,sans-serif;color:#3e5147;background:#f5f5ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a4b59a;outline-offset:3px}header{height:91px;border-bottom:1px solid #e4e7dc;background:#fafaf5;display:flex;align-items:center;padding:0 5%;gap:50px}.brand{display:flex;align-items:center;gap:12px;font-family:"Noto Serif TC",serif;font-size:23px;font-weight:700;letter-spacing:3px;white-space:nowrap}.brandmark{display:grid;place-items:center;background:#6e8972;border-radius:50% 50% 44% 44%;height:44px;width:44px;color:#f8f7ec;transform:rotate(-8deg)}.brand small{display:block;font-family:sans-serif;font-size:8px;letter-spacing:2.5px;margin-top:5px;color:#8a9587}nav{display:flex;height:100%;gap:28px}nav button{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;position:relative;color:#899185}nav button.active{color:#566f58;font-weight:600}nav button.active:after{position:absolute;content:"";height:3px;background:#82977a;bottom:0;left:0;right:0;border-radius:3px}.headerend{display:flex;align-items:center;gap:18px;margin-left:auto}.save{font-size:10px;color:#9aa093;white-space:nowrap}.icon{display:grid;place-items:center;padding:8px}.avatar{background:#e8ddc5;border-radius:50%;width:34px;height:34px;color:#8a795f;font-size:13px}.dot{font-size:9px;border-radius:12px;background:#e5eadc;padding:2px 6px}main{max-width:1440px;margin:auto;padding:37px 5% 0}.pageheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#8b9a83}.pageheading h1{font-family:"Noto Serif TC",serif;font-size:30px;font-weight:500;letter-spacing:2px;margin:10px 0 11px}.pageheading p{font-size:12px;color:#92988d;letter-spacing:1px;margin:0}.season{font-size:13px;color:#6e7e6b;letter-spacing:1px;text-align:right}.season>span{color:#c4ac71;font-size:21px;margin-right:8px}.season small{display:block;font-size:10px;color:#9aa091;margin-top:10px}.gamegrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.worldcard{border-radius:15px;overflow:hidden;border:1px solid #dde2d5;background:#fafbf5}.worldtop{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px}.worldtop small{font-size:10px;color:#98a08f;margin-left:14px}.worldtop button{font-size:10px;color:#84917c}.live{display:inline-block;width:6px;height:6px;background:#93ac85;border-radius:50%;margin-right:7px}.world{height:420px;position:relative;background:#e6ebdf}.worldbadge{position:absolute;top:16px;left:18px;background:#f7f9edbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 13px;border:1px solid #fff8;border-radius:20px;font-size:10px;color:#6f8468;display:flex;align-items:center;gap:5px;pointer-events:none}.worldhint{position:absolute;bottom:15px;right:18px;font-size:9px;color:#6e8069;background:#f5f8ebac;padding:6px 10px;border-radius:10px;pointer-events:none}.resources{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 12px}.resources>div{display:flex;align-items:center;justify-content:center;gap:11px;border-right:1px solid #e4e7dc}.resources>div:last-child{border:0}.resourceicon{height:35px;width:35px;border-radius:12px;display:grid;place-items:center;font-size:26px}.resourceicon svg{width:19px}.blue{background:#e5eef0;color:#8aaab1}.peach{background:#f1e4db;color:#ba9583}.green{background:#e6eddf;color:#95a184}.sand{background:#eee9d9;color:#b5a77c}.resources small{font-size:9px;color:#9b9e90;display:block}.resources strong{font-family:Georgia,serif;font-size:23px;font-weight:400;display:block;margin-top:4px;letter-spacing:.7px}.resources em{font-style:normal;font-size:9px;color:#a4a797}.card{background:#fbfcf6;border:1px solid #e1e5d7;border-radius:14px;padding:23px}.chaptercard{padding:25px 23px}.chaptercard .eyebrow{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.chaptercard .eyebrow span{color:#b0b7a5}.chaptercard h2{font-family:"Noto Serif TC",serif;font-size:22px;line-height:1.6;margin:14px 0 12px;font-weight:600}.chaptercard p{font-size:11px;line-height:1.9;color:#8e9787;margin:0}.taskobjective{display:flex;gap:10px;background:#f0f3e8;border-radius:9px;padding:14px 12px;margin:20px 0;font-size:11px;line-height:1.8;color:#708363}.taskobjective>span{font-size:23px;color:#a7b18a}.taskobjective small{display:block;font-size:9px;color:#a0aa91}.primary{background:#748d70;color:#fffef5;border:1px solid #748d70;border-radius:7px;padding:12px 17px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:20px;transition:.15s}.primary:hover{background:#617f5e}.chaptercard .primary{width:100%;justify-content:space-between}.progress{height:4px;background:#e8ecdf;border-radius:5px;margin:20px 0 9px}.progress i{display:block;background:#a8b393;height:100%;border-radius:5px}.muted{color:#9da58f;font-size:10px;line-height:1.8}.quote{padding:20px 20px 0}.quote>span{font-family:Georgia;font-size:40px;color:#b4c0a8;display:block;height:25px}.quote p{font-family:"Noto Serif TC",serif;line-height:2;font-size:11px;color:#8b9682}.quote small{font-size:9px;color:#a4ac97}.controls{padding:19px 22px}.sectionlabel{display:flex;align-items:center;justify-content:space-between}.sectionlabel h3,h3{font-size:14px;margin:0;font-weight:500}.sectionlabel small{font-size:10px;color:#a2aa95}.buildinglist{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:18px 0}.buildinglist button{background:#f1f3e9;border:1px solid transparent;border-radius:9px;padding:10px 2px;color:#7c8a70}.buildinglist button:hover,.buildinglist button.chosen{border-color:#a4b296;background:#e9eddf}.buildinglist span{display:block;font-family:Georgia;font-size:28px;color:#9aab8d;height:36px}.buildinglist b{font-weight:500;font-size:10px;display:block}.buildinglist small{font-size:9px;display:block;color:#a4ab97;margin-top:5px}.watercontrols{display:flex;align-items:center;gap:13px;border-top:1px solid #e5e8dc;padding-top:14px}.secondary{background:#edf0e4;border:1px solid #d9dfca;padding:9px 12px;border-radius:6px;font-size:10px}.textbutton{font-size:9px;color:#a2a991}.watercontrols label{margin-left:auto;width:42%;font-size:9px;color:#929d86;display:flex;align-items:center;gap:10px;white-space:nowrap}.watercontrols label strong{font-size:10px;font-weight:400}input[type=range]{accent-color:#8a9e7b;min-width:50px;width:100%;height:4px}.settlement{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px;grid-column:2;grid-row:2}.settlement h3{font-family:"Noto Serif TC";font-size:15px;margin:10px 0}.settlement .eyebrow{font-size:8px;letter-spacing:.5px}.settlement p{font-size:9px;color:#9ba38e;line-height:1.9;margin-bottom:0}.settlement .primary{white-space:nowrap;gap:5px;padding:10px;align-self:flex-end}.bottomline{display:flex;align-items:center;gap:20px;margin:22px 0 35px;font-size:10px;color:#a0a88f}.bottomline button{display:flex;gap:10px;align-items:center;margin-left:auto;color:#879779;font-size:10px}footer{padding:24px 5%;border-top:1px solid #e6e9dd;color:#8c9b80;letter-spacing:2px;font-family:"Noto Serif TC";font-size:12px;display:flex;gap:23px}footer span{font-family:Noto Sans TC;font-size:9px;letter-spacing:1px;color:#b0b6a3}footer small{margin-left:auto;font-size:8px;color:#b3b9a6;letter-spacing:.5px}.overlay{position:fixed;inset:0;background:#293f3655;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;display:flex;align-items:center;justify-content:center;padding:24px}.modal{position:relative;width:540px;max-width:100%;max-height:90vh;overflow:auto;background:#fbfcf5;border:1px solid #e1e6d7;border-radius:19px;padding:35px;box-shadow:0 25px 90px #2c46352a}.modal.wide{width:650px}.close{position:absolute;top:13px;right:13px;color:#a1ad95}.modal h2{font-family:"Noto Serif TC";font-size:25px;font-weight:500;line-height:1.6;margin:12px 0 18px}.modal p,.modal li{font-size:12px;line-height:1.95;color:#7f8d75}.modal h3{margin:24px 0 10px}.lesson{background:#edf1e3;padding:17px;border-radius:9px;border-left:3px solid #a4b292;font-size:12px;line-height:1.9;margin:16px 0;color:#758667}.option{display:block;width:100%;text-align:left;padding:14px;border:1px solid #dfe5d3;border-radius:9px;margin:9px 0;font-size:12px;background:#f7f9ef;line-height:1.7}.option small{display:block;font-size:10px;color:#a0aa91;margin-top:5px}.option.picked{background:#e5ecda;border-color:#94a581;opacity:1}.modalnav{display:flex;gap:15px;justify-content:space-between;border-top:1px solid #e2e7d7;padding-top:18px;margin-top:22px}.modalnav button{font-size:10px;display:flex;align-items:center;gap:5px}.feedback{color:#a77e62!important}.journalentry{display:flex;gap:15px;align-items:baseline;border-bottom:1px solid #e8ebdf;padding:9px}.journalentry span{font-family:Georgia;font-size:22px;color:#b4bca6}.empty{text-align:center;padding:30px;color:#b3bea4}.audioslider{display:block;margin:25px 0;font-size:12px}.audioslider input{display:block;margin-top:15px}hr{border:0;border-top:1px solid #e2e7d7;margin:24px 0}form{display:flex;gap:9px;margin-top:20px}input:not([type=range]):not([type=file]){padding:10px;border:1px solid #dce3cf;border-radius:7px;background:#fffef8;width:100%;min-width:0;font-size:12px}.stressgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stressgrid div{background:#f0f3e8;border-radius:9px;padding:18px}.stressgrid small{display:block;font-size:10px;color:#98a48b}.stressgrid strong{font:30px Georgia;display:block;margin-top:9px}.curriculum{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.curriculum p{font-size:10px;color:#9ba58d}.curriculum h3{font-family:"Noto Serif TC";margin:10px 0;font-size:17px}.curriculum button{display:flex;align-items:center;gap:8px;width:100%;font-size:10px;padding:12px 0;border-top:1px solid #e6eadc;text-align:left}.curriculum button svg:last-child{margin-left:auto}.circle{width:11px;height:11px;border:1px solid #bdc7ad;border-radius:50%}.historycards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:30px 0 70px}.historycards article{border:1px solid #e0e5d6;border-radius:15px;overflow:hidden;background:#fbfcf5}.historyart{height:210px;display:grid;place-items:center;background:#d6dfcc;position:relative}.historyart>span{font-family:Georgia;font-size:110px;color:#7c947b;text-shadow:12px 14px 0 #c2cfb7;transform:rotate(-8deg)}.historyart small{position:absolute;bottom:20px;left:25px;letter-spacing:3px;color:#8d9d82;font-size:12px}.art1{background:#d6e1e2}.art1>span{color:#8ba8ac;text-shadow:12px 14px 0 #bed2d4}.art2{background:#e7dccb}.art2>span{color:#b79877;text-shadow:12px 14px 0 #d7c6ad}.cardbody{padding:28px}.cardbody h2{font-family:"Noto Serif TC";font-size:21px;font-weight:500}.cardbody p{font-size:12px;line-height:1.9;color:#8c9881;min-height:90px}.historycards .primary{width:100%}@media(min-width:1500px){.world{height:460px}}@media(max-width:1150px){header{gap:25px;padding:0 3%}nav{gap:15px}.save{display:none}main{padding-left:3%;padding-right:3%}.gamegrid{grid-template-columns:minmax(0,1fr) 270px}.world{height:390px}.resources{padding:20px 3px}.resourceicon{display:none}.settlement{display:block}.settlement .primary{margin-top:15px}.chaptercard h2{font-size:20px}}@media(max-width:850px){header{height:75px;gap:15px}.brand{font-size:18px;letter-spacing:1px}.brandmark{height:35px;width:35px}.brand small{font-size:6px}nav{gap:9px}nav button{font-size:10px}nav button svg{display:none}.headerend{gap:6px}.pageheading h1{font-size:25px}.gamegrid{grid-template-columns:minmax(0,1fr) 240px;gap:13px}.world{height:360px}.worldtop{padding:0 12px}.worldtop small{display:none}.resources strong{font-size:20px}.card{padding:17px}.chaptercard h2{font-size:18px}.quote{padding:10px}.buildinglist{gap:5px}.watercontrols{flex-wrap:wrap}.watercontrols label{width:100%;margin:8px 0}.settlement{grid-row:auto;grid-column:2}.historycards{gap:12px}.cardbody{padding:18px}.historyart{height:160px}.curriculum{grid-template-columns:1fr 1fr}.bottomline>span{display:none}}@media(max-width:640px){header{height:auto;min-height:73px;padding:14px 4%;flex-wrap:wrap;gap:10px}.brand{font-size:20px}nav{order:3;width:100%;justify-content:space-between;height:35px}nav button{font-size:11px}nav button.active:after{bottom:-5px}.headerend{margin-left:auto}.brand small{font-size:7px}main{padding:27px 4% 0}.pageheading{margin-bottom:20px}.pageheading h1{font-size:22px;letter-spacing:1px}.eyebrow{font-size:7px}.pageheading p,.season{font-size:10px}.season small{font-size:8px}.season>span{font-size:16px}.gamegrid{display:flex;flex-direction:column;gap:15px}.world{height:340px}.worldcard{order:0}.gamegrid aside{order:2}.controls{order:1}.settlement{order:3;display:flex}.quote{display:none}.chaptercard{padding:20px}.chaptercard h2{margin-top:10px}.taskobjective{margin:12px 0}.resources{padding:16px 4px}.resources small{font-size:8px}.resources strong{font-size:20px}.buildinglist button{padding:8px 1px}.buildinglist b{font-size:9px}.buildinglist small{font-size:8px}.watercontrols label{width:45%;margin:0 0 0 auto}.watercontrols{gap:7px}.secondary{font-size:9px;padding:8px}.textbutton{font-size:8px}.historycards{grid-template-columns:1fr;margin-top:20px}.historyart{height:160px}.cardbody p{min-height:0}.curriculum{grid-template-columns:1fr}.modal{padding:28px 22px}.modal h2{font-size:22px}.overlay{padding:13px}.bottomline{margin:20px 0}.bottomline button{font-size:9px}footer{padding:20px 4%;font-size:11px;gap:12px}footer span{font-size:8px}footer small{display:none}.modalnav{gap:8px}.modalnav button{font-size:9px}}.experiment{padding:18px;background:#f1f4e9;border:1px solid #dce4cf;border-radius:10px;margin:15px 0}.experiment>small{font-size:10px;color:#8d9b80}.experiment label{display:block;font-size:11px;margin:15px 0}.experiment .secondary{margin-top:15px}.modal details{font-size:11px;line-height:1.8;color:#889a79;margin-top:20px}.modal details a{color:#6e8964}.pageheading{margin-bottom:19px}main{padding-top:26px}.modal p,.modal li{font-size:14px;color:#697b60}.chaptercard p{font-size:12px;color:#748369}.muted,.chaptercard>.muted,.resources small,.worldtop small,.worldhint,.sectionlabel small,.buildinglist small,.settlement p,.cardbody p,.curriculum p{color:#77856b}.taskobjective{font-size:12px}.buildinglist b{font-size:11px}.save,.eyebrow{color:#7e8e72}.option small{color:#7d8d71}.routehint{font-size:11px;line-height:1.8;color:#738568;margin:11px 0 0}.stressgrid em{display:block;font:11px Noto Sans TC;margin-top:7px;color:#819275}.unlock{font-size:10px!important;padding:10px;background:#edf1e3;border-radius:6px}.experiment p{font-size:11px}.modal summary{cursor:pointer}@media(max-width:640px){.gamegrid aside{order:0}.worldcard{order:1}.controls{order:2}.settlement{order:3}.chaptercard{padding:16px}.chaptercard h2{font-size:17px;display:inline;margin-left:10px}.chaptercard>.eyebrow{display:inline}.chaptercard p{display:none}.chaptercard .taskobjective{margin:10px 0;font-size:11px;padding:8px}.chaptercard .taskobjective small{display:none}.chaptercard .primary{padding:9px}.chaptercard .progress,.chaptercard>.muted{display:none}.buildinglist{grid-template-columns:repeat(3,1fr)}.buildinglist b{font-size:12px}.buildinglist small{font-size:10px}}.testresult{border:1px solid #dce4d0;background:#f3f6eb;border-radius:10px;padding:17px;margin:15px 0}.testresult h3{margin:0}.testresult p{font-size:12px}.testresult summary{font-size:11px;color:#80916f;cursor:pointer}.sceneerror{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#788a6d;text-align:center;line-height:1.9;font-size:14px}.plotpicker{display:flex;align-items:center;gap:6px;justify-content:center;padding:9px;border-bottom:1px solid #e3e8da}.plotpicker button{background:#edf1e4;border:1px solid transparent;border-radius:5px;font-size:10px;min-width:23px;min-height:26px;color:#829477}.plotpicker button.selected{background:#dfd5b3;border-color:#c4b98f;color:#6d765c}