*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#657950;color:#f5eee0;font-family:system-ui,-apple-system,sans-serif}button,select{font:inherit;color:inherit;cursor:pointer;border:1px solid #f4dab42a;background:#374437;border-radius:9px}button{transition:background .15s,transform .15s}button:hover{background:#526049}button:focus-visible,select:focus-visible{outline:2px solid #efd09c;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}canvas{width:100%;height:100%;display:block;touch-action:none}#loading{position:fixed;inset:0;background:#253b2e;z-index:10;display:grid;place-items:center;font:24px Georgia,serif}#loading[hidden]{display:none}header{position:absolute;top:18px;left:24px;right:24px;display:flex;align-items:center;gap:20px;pointer-events:none}header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:9px;min-width:270px;text-shadow:0 2px 10px #192811aa}.brand-icon{font-size:46px;color:#f1d6a6}.brand h1{margin:0;font:700 27px Georgia,serif;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px;color:#f2e8cc}.stats{display:flex;align-items:center;border:1px solid #ecd8b840;background:#283a2eec;padding:12px 4px;border-radius:15px;margin:auto;box-shadow:0 8px 30px #17271f44;backdrop-filter:blur(15px)}.stats>div{padding:0 18px;border-right:1px solid #e7d2a522;min-width:94px}.stats>div:last-child{border:0}.stats span{display:block;font-size:12px;color:#c3cdb6}.stats b{font-weight:550;font-size:21px}.stats #food{color:#f1d297}.stats #science{color:#b6dce5}#help{width:38px;height:38px;font-size:20px}.workforce{position:absolute;left:24px;top:115px;width:254px;background:#26382fee;border:1px solid #e9d7b633;border-radius:16px;padding:16px;box-shadow:0 12px 35px #12291733}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1.8px;color:#d5cca8}.panel-title button{width:26px;height:25px}.workforce h2{font:23px/1.25 Georgia,serif;margin:16px 0 7px}.muted{font-size:12px;color:#bac6af;margin:0 0 15px}.job{display:grid;grid-template-columns:1fr 26px 23px 26px;align-items:center;gap:4px;padding:6px 0}.job span{font-size:14px}.job button{width:25px;height:25px;padding:0}.job b{text-align:center;font-size:14px;font-weight:500}.supplies{display:flex;gap:7px;border-top:1px solid #ffffff19;padding-top:13px;margin-top:10px}.supplies button{flex:1;padding:8px 4px;font-size:12px}.supplies small{display:block;color:#e3c38c;font-size:12px;margin-top:2px}#objective{font-size:13px;line-height:1.5;padding-top:12px;color:#e4d6b7}.speed-controls{position:absolute;top:105px;right:24px;display:flex;gap:5px}.speed-controls button{min-width:40px;height:34px;font-size:14px}.zoom{position:absolute;right:24px;bottom:290px;display:grid;gap:6px}.zoom button{height:36px;width:36px;font-size:22px}#detail{position:absolute;top:152px;right:24px;width:225px;padding:18px;border-radius:15px;background:#263a30ef;border:1px solid #fff3;box-shadow:0 12px 30px #14282244}#detail h3{font:24px Georgia,serif;margin:0 0 7px}#detail p{font-size:13px;color:#d1d9bf;line-height:1.4}#detail small{color:#d8bf8e;font-size:12px}#detail label{display:block;font-size:12px;margin:10px 0 4px}#detail progress{width:100%;height:8px;accent-color:#b1c78c}#detail select{width:100%;font-size:14px;padding:6px}#detail .close{float:right;width:25px}footer{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:940px;max-width:calc(100% - 32px)}.buildbar{border:1px solid #ddc4a344;border-radius:16px 16px 0 0;background:#26382ff5;padding:8px 12px}.categories{display:flex;gap:8px;border-bottom:1px solid #d7c5a522;padding-bottom:7px}.categories button{font-size:13px;padding:6px 12px;background:transparent;border-color:transparent}.categories button.active{background:#dac199;color:#25382b}.categories #cancel{margin-left:auto}#buildings{display:flex;justify-content:center;gap:8px;padding:6px 0;overflow-x:auto}#buildings button{display:flex;align-items:center;text-align:left;gap:9px;min-width:143px;padding:6px 9px;border-color:transparent;background:transparent}#buildings button.active{background:#65725377;border-color:#dbc29a}#buildings button.locked{opacity:.48}#buildings img{width:48px;height:43px;object-fit:contain}#buildings strong{font-size:14px;font-weight:500}#buildings small{display:block;font-size:12px;color:#c6cdb5;margin-top:3px}#hint{font-size:12px;text-align:center;color:#c4cbb6;padding:2px 0}.timeline{display:flex;align-items:center;background:#e3d6b9;color:#344432;padding:11px 16px;border-radius:0 0 14px 14px;gap:20px}.date{min-width:150px}.date span{display:block;font-size:10px;letter-spacing:2px}.date strong{display:block;font-size:19px;font-family:Georgia,serif;margin-top:4px}.eras{display:flex;flex:1;gap:5px}.era{flex:1;border-top:3px solid #a5aa9188;padding-top:7px;font-size:11px;color:#7d856c;position:relative}.era.current{color:#344432;font-weight:700}.era.past{border-color:#5a7651}.era .fill{position:absolute;top:-3px;left:0;height:3px;background:#607c50}.timeline button{font-size:13px;padding:9px 12px;background:#3c513b;color:#fff}.timeline button small{display:block;font-size:11px;font-weight:400;color:#d5dfc5;margin-top:3px}.footnote{display:flex;justify-content:space-between;align-items:center;padding:5px 7px 0;font-size:11px;color:#f7f3e1;text-shadow:0 1px 4px #203d22}.footnote button{border:0;background:#26382fbb;font-size:12px;padding:4px 10px}#notification{position:absolute;bottom:270px;left:50%;transform:translateX(-50%);background:#293d31f5;border:1px solid #d9c49b;padding:11px 20px;border-radius:10px;opacity:0;transition:opacity .25s;font-size:14px;pointer-events:none;text-align:center;max-width:80%}#notification.show{opacity:1}#recent{position:absolute;bottom:267px;left:24px;max-width:285px;font-size:12px;color:#fffde5;text-shadow:0 2px 5px #1e341c;line-height:1.5;pointer-events:none}dialog{background:#f0e7d4;color:#344130;border:1px solid #5c6e4e;border-radius:18px;padding:28px;width:600px;max-width:92%;max-height:85%;box-shadow:0 30px 80px #0008}dialog::backdrop{background:#17291ec9;backdrop-filter:blur(4px)}dialog h2{font:28px Georgia,serif}dialog p,dialog li{font-size:14px;line-height:1.65}dialog button{padding:12px 20px;width:100%}#peopleToggle{display:none}@media(max-width:1100px){.brand{min-width:210px}.brand h1{font-size:22px}.stats>div{min-width:75px;padding:0 12px}.workforce{width:225px}.workforce h2{font-size:20px}}@media(max-width:760px){header{top:10px;left:12px;right:12px;gap:8px;flex-wrap:wrap}.brand{min-width:0;flex:1}.brand h1{font-size:22px}.brand-icon{font-size:32px}.brand small{font-size:9px}.stats{order:3;width:100%;padding:8px 0}.stats>div{min-width:0;padding:0 9px;flex:1}.stats span{font-size:10px}.stats b{font-size:16px}.workforce{display:none;top:157px;left:12px;width:225px;max-height:calc(100% - 415px);overflow:auto}.workforce.mobile-open{display:block;z-index:3}.workforce h2{font-size:20px}.speed-controls{top:118px;right:12px}#peopleToggle{display:block}#detail{top:162px;right:12px;width:205px;max-height:calc(100% - 420px);overflow:auto}footer{max-width:calc(100% - 12px);bottom:5px}.buildbar{padding:6px}.categories{gap:0}.categories button{font-size:12px;padding:6px 10px}#buildings{justify-content:flex-start}#buildings button{min-width:137px;padding:5px}#buildings img{width:39px;height:39px}#buildings strong{font-size:13px}#buildings small{font-size:11px}#hint{font-size:10px}.timeline{padding:9px;gap:8px;flex-wrap:wrap}.date{min-width:120px}.date strong{font-size:16px}.eras{order:3;min-width:100%}.era{font-size:10px;padding-top:3px}.timeline button{margin-left:auto;font-size:12px}.timeline button small{font-size:10px}.footnote{font-size:10px}.zoom{bottom:283px;right:12px}#recent{display:none}#notification{bottom:287px;width:90%;max-width:90%;font-size:13px}}
/* A simple picture-first mode for young children. */
#voice{width:48px;height:48px;font-size:25px}.kids .workforce,.kids .categories,.kids .timeline,.kids #recent,.kids #peopleToggle,.kids #speed,.kids .stats>div:nth-child(2),.kids .stats>div:nth-child(3),.kids .stats>div:nth-child(4){display:none}.kids .brand small{font-size:12px;letter-spacing:1px}.kids .stats{margin-left:auto;margin-right:0}.kids .stats>div{min-width:115px}.kids .stats b{font-size:25px}.kids #help{width:48px;height:48px}.kids .speed-controls{top:105px;right:24px}.kids #pause{height:48px;width:48px;font-size:22px}.kids footer{width:700px;max-width:calc(100% - 20px)}.kids .buildbar{background:#f0e4cafa;border:3px solid #fff4d9;border-radius:23px;box-shadow:0 10px 35px #31482644;padding:10px}.kids #buildings{gap:10px;justify-content:center;overflow:visible}.kids #buildings button{flex:1;min-width:0;flex-direction:column;border:3px solid transparent;border-radius:18px;padding:7px 10px;background:#dbe3bf;gap:2px;text-align:center;color:#314b30;min-height:122px}.kids #buildings button:nth-child(2){background:#ebd69b}.kids #buildings button:nth-child(3){background:#c9dfb2}.kids #buildings button:nth-child(4){background:#f0cbad}.kids #buildings button:hover{transform:translateY(-4px);border-color:#7fa367}.kids #buildings button.active{border-color:#496d3c;background:#fff4ca;transform:translateY(-5px);box-shadow:0 4px 0 #496d3c}.kids #buildings img{width:83px;height:76px}.kids #buildings strong{font-size:19px;font-weight:700}.kids #buildings small{display:none}.kids #hint{font-size:17px;color:#4d6540;padding:8px 0 2px}.kids .zoom{bottom:242px}.kids .zoom button{width:48px;height:48px}.kids #notification{bottom:245px;font-size:20px;border-radius:18px;padding:14px 24px}.kids .footnote{font-size:11px}.kids .footnote button{padding:9px 14px;font-size:14px}#modeToggle{margin:8px 0 15px}dialog details{margin:20px 0}dialog summary{cursor:pointer;padding:12px;font-size:16px}@media(max-width:760px){.kids .brand h1{font-size:20px}.kids header{gap:6px}.kids .stats{order:3;width:100%}.kids .stats>div{flex:1;min-width:0;text-align:center}.kids .stats b{font-size:23px}.kids .speed-controls{top:146px;right:12px}.kids .buildbar{padding:7px}.kids #buildings{gap:4px}.kids #buildings button{padding:5px 2px;min-height:105px;border-width:2px;border-radius:13px}.kids #buildings img{width:57px;height:62px}.kids #buildings strong{font-size:15px}.kids #hint{font-size:14px;line-height:1.4}.kids .zoom{right:12px;bottom:232px}.kids #notification{bottom:235px;font-size:17px}.kids .footnote{font-size:10px}.kids .brand small{font-size:9px}}
#music{height:48px;min-width:48px;font-size:23px}#voice{font-size:17px}.kids footer{width:820px}.kids #buildings button:nth-child(5){background:#ddc8e5}.kids #buildings button:nth-child(5) img{filter:sepia(.5) hue-rotate(225deg) saturate(1.8)}.kids #buildings button:nth-child(5) strong{font-size:16px}@media(max-width:760px){.kids #buildings{gap:3px}.kids #buildings img{width:43px;height:51px}.kids #buildings button{min-height:99px;padding:5px 1px}.kids #buildings strong{font-size:13px}.kids #buildings button:nth-child(5) strong{font-size:12px}.kids #voice,.kids #music,.kids #help{width:40px;min-width:40px;height:44px}.kids .brand h1{font-size:18px}}
.kids .timeline{display:flex;justify-content:center;border-radius:0 0 16px 16px;padding:8px 15px;background:#e3d6b9}.kids .timeline .eras,.kids .timeline #advance{display:none}.kids .timeline .date{text-align:center}.kids .timeline .date span{display:inline;margin-right:10px;font-size:12px}.kids .timeline .date strong{display:inline;font-size:20px}.kids .buildbar{border-radius:23px 23px 0 0}.kids #notification{bottom:290px}.kids .zoom{bottom:285px}.kids #reset{display:none}.import-label{display:block;padding:14px 0;font-size:15px}.import-label input{display:block;margin-top:8px;max-width:100%}#exportSave{margin:8px 0}.kids .footnote{justify-content:center}@media(max-width:760px){.kids .timeline .date strong{font-size:17px}.kids #notification{bottom:275px}.kids .zoom{bottom:272px}}
.kids footer{width:960px}.kids #buildings button:nth-child(5){background:#bdd4bb}.kids #buildings button:nth-child(5) img{filter:none}.kids #buildings button:nth-child(6){background:#ddc8e5}.kids #buildings button:nth-child(6) img{filter:sepia(.5) hue-rotate(225deg) saturate(1.8)}.kids #buildings button:nth-child(6) strong{font-size:15px}@media(max-width:760px){.kids #buildings{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.kids #buildings button{min-height:66px;flex-direction:row;padding:3px}.kids #buildings img{width:36px;height:42px}.kids #buildings strong,.kids #buildings button:nth-child(6) strong,.kids #buildings button:nth-child(5) strong{font-size:12px}.kids #hint{font-size:12px}.kids .zoom{bottom:293px}.kids #notification{bottom:300px}}
.chiefbar{display:flex;align-items:center;gap:8px;margin-bottom:7px;background:#294131ee;border-radius:12px;padding:7px 10px}.chiefbar button{padding:9px 14px;font-size:14px;min-height:43px}.chiefbar button.active{background:#ead39d;color:#30432a}.chiefbar span{font-size:12px;color:#d2dbc2;margin-left:auto}.kids .stats>div:nth-child(2),.kids .stats>div:nth-child(3){display:block}.kids .stats>div{min-width:85px}.kids #buildings small{display:block;color:#435839;font-size:12px;font-weight:600}.kids #buildings button:nth-child(6){background:#ead1a8}.kids #buildings button:nth-child(6) img{filter:none}.kids #buildings button:nth-child(7){background:#ddc8e5}.kids #buildings button:nth-child(7) img{filter:sepia(.5) hue-rotate(225deg) saturate(1.8)}.kids #buildings button:nth-child(7) strong{font-size:14px}.kids #notification{bottom:350px}.kids .zoom{bottom:342px}@media(max-width:760px){.chiefbar{padding:5px;gap:5px}.chiefbar span{display:none}.chiefbar button{flex:1;font-size:12px;padding:7px 4px}.kids .stats>div{min-width:0;padding:0 6px}.kids .stats b{font-size:19px}.kids #buildings{grid-template-columns:repeat(4,1fr)}.kids #buildings button{flex-direction:column;gap:0;min-height:85px}.kids #buildings img{height:36px;width:40px}.kids #buildings strong,.kids #buildings button:nth-child(7) strong{font-size:11px}.kids #buildings small{font-size:10px}.kids #notification{bottom:373px}.kids .zoom{bottom:368px}}
.chiefbar .recruit{display:flex;align-items:center;gap:7px;background:#e9d3a2;color:#293f2d;font-weight:700;min-height:48px}.recruit img{width:30px;height:34px;object-fit:contain}.recruit b{font-size:12px;background:#fff7df;border-radius:7px;padding:4px;white-space:nowrap}.chiefbar .recruit.unaffordable{background:#bbc0ac}.chiefbar{flex-wrap:wrap}.chiefbar span{display:none}@media(max-width:760px){.chiefbar .recruit{flex:1 1 42%;font-size:13px}.chiefbar>button:not(.recruit){min-height:32px}.kids #notification{bottom:426px}.kids .zoom{bottom:422px}}
/* A compact timber-and-parchment command surface. */
#stockDialog{width:680px;padding:24px;background:linear-gradient(135deg,#f2e8cc,#decea6);border:3px solid #755e3d;color:#2d3d2c}#stockDialog h2{margin:4px 0;font-size:30px}#stockDialog h3{font-size:16px;margin:15px 0 9px}.stock-heading{display:flex;align-items:center;gap:14px}.stock-heading img{width:86px;height:75px;object-fit:contain}.stock-heading small{font-size:12px;letter-spacing:1px}.stock-heading #closeStock{margin-left:auto;width:44px;height:44px;padding:0;font-size:28px}.stock-sub{margin:8px 0 18px}.stock-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stock-cards article{display:grid;grid-template-columns:55px 1fr;gap:10px;background:#fffae5aa;border:1px solid #947c4b55;border-radius:12px;padding:16px}.stock-cards img{height:65px;width:55px;object-fit:contain}.stock-cards h3{margin:0!important}.stock-cards strong{font-size:32px}.stock-cards strong small{font-size:15px;font-weight:400}.stock-cards progress{grid-column:1/-1;width:100%;height:12px;accent-color:#687d3e}.stock-cards p{grid-column:1/-1;margin:0;font-size:14px}.stock-cards p b{float:right}.stock-workers{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stock-workers span{background:#736c4510;padding:8px 10px;border-radius:7px;font-size:14px}.stock-workers b{float:right}#stockWarning{padding:12px;margin-top:12px;background:#6c844421;border-radius:8px;font-size:14px;line-height:1.5}#stockWarning.warning{background:#bd782b26;border-left:3px solid #a15d1d}#stockDeliveries{font-size:14px;min-height:45px}#stockDeliveries p{margin:4px 0;border-bottom:1px solid #786b3c22;padding:3px 0}.stock-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.stock-actions button{padding:12px 8px;font-size:14px;color:#fff4d5;min-height:46px}#openStock{background:#c4a468;color:#283c2c;font-weight:bold}.kids footer{width:980px}.kids #buildings img{width:60px;height:55px}.kids #buildings strong{font-size:15px}.kids #buildings button{min-height:105px;padding:6px}.kids #hint{font-size:14px}.kids #buildings button:nth-child(5){background:#d6ddb7}.kids #buildings button:nth-child(5) img{filter:none}.chiefbar{border:1px solid #c0a27066;box-shadow:0 5px 20px #13271944}.chiefbar button{flex:1}.chiefbar .recruit{flex:1.5;white-space:nowrap}.kids .stats>div{min-width:76px}.kids #notification{font-size:16px}.stock-actions button:hover{background:#53623d}@media(max-width:760px){.chiefbar .recruit{flex:1 1 42%}.chiefbar>button:not(.recruit){flex:1 1 25%}.kids #buildings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.kids #buildings img{width:38px;height:32px}.kids #buildings button{min-height:75px}.kids #buildings strong{font-size:12px}.kids #buildings small{font-size:11px}.kids #hint{font-size:12px}.stock-cards article{padding:10px;grid-template-columns:35px 1fr;gap:6px}.stock-cards img{width:35px}.stock-cards strong{font-size:26px}.stock-cards strong small{font-size:12px}.stock-cards p{font-size:12px}#stockDialog{padding:14px}.stock-heading img{width:60px}.stock-heading small{font-size:10px}.stock-heading h2{font-size:25px!important}}
#selectionPanel{position:absolute;left:24px;top:115px;z-index:4;width:260px;padding:16px;background:#26382ff5;border:2px solid #dac28f;border-radius:12px;box-shadow:0 10px 30px #0004}#selectionPanel[hidden]{display:none}#selectionPanel p{font-size:14px;line-height:1.5}#selectionPanel button{padding:10px;font-size:14px;margin:3px 0;width:100%}#selectTool.active{background:#f6dc92;color:#293e2c}#rulerFactors p{border-bottom:1px solid #63704644;padding:9px 0}#rulerFactors b{float:right}#rulerScore{font:24px Georgia,serif}#buildingDialog button{margin:5px 0}#buildingDialog button[hidden]{display:none}.kids #buildings button:nth-child(8){background:#d4c6af}.chiefbar{gap:5px}.chiefbar button{font-size:13px;padding:8px}.kids #buildings strong{font-size:13px}.kids #buildings img{width:52px}.kids #buildings button{padding:4px}.kids #buildings{gap:5px}@media(max-width:760px){#selectionPanel{left:10px;top:153px;width:225px;padding:10px;max-height:30vh;overflow:auto}.chiefbar>button:not(.recruit){flex:1 1 25%}.kids #buildings img{width:36px}.kids #buildings strong{font-size:11px}}
.unitbar{display:flex;gap:8px;background:#24382ef5;border:1px solid #c5aa7155;border-radius:12px;padding:7px;margin-bottom:6px;max-height:94px}.unit-types{display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:150px}.unit-types button{display:flex;align-items:center;gap:7px;font-size:13px;padding:3px 7px}.unit-types img{width:23px;height:28px;object-fit:contain}.unit-types button.active,#unitRoster button.active{border-color:#f5d27e;background:#675e37}#unitRoster{display:flex;gap:5px;overflow-x:auto;min-width:0;flex:1}#unitRoster button{flex:0 0 70px;padding:3px;font-size:12px;min-height:70px}#unitRoster img{width:30px;height:34px;object-fit:contain}#unitRoster span,#unitRoster small{display:block}#unitRoster small{font-size:10px;color:#c9d4b8}#unitRoster p{font-size:13px;padding:10px;margin:0}.kids #buildings button{min-height:87px}.kids #buildings img{height:42px}@media(max-width:760px){.unitbar{padding:4px;max-height:76px}.unit-types{min-width:120px}.unit-types button{font-size:11px}.unit-types img{height:22px}#unitRoster button{flex-basis:58px;min-height:58px}#unitRoster img{height:24px}.kids #buildings button{min-height:64px}.kids #buildings img{height:27px}.kids #hint{padding:3px 0}.kids #selectionPanel{max-height:24vh}}
#hungerAlert{position:absolute;top:105px;left:50%;transform:translateX(-50%);max-width:52%;background:#733c23f2;color:#fff2cf;padding:10px 15px;border:1px solid #efbf6d;border-radius:9px;font-size:14px;pointer-events:none}#hungerAlert[hidden]{display:none}#lordForm{padding:12px;background:#fff7de;border-radius:10px;margin:12px 0 18px}#lordForm label{display:block;margin-bottom:8px;font-size:14px}.lord-name-row{display:flex;gap:8px}.lord-name-row input{min-width:0;flex:1;font:16px system-ui;padding:10px;border:1px solid #8b966b;border-radius:7px}.lord-name-row button{width:auto;font-size:14px;white-space:nowrap}#lordNameStatus{margin:7px 0 0;font-size:13px}.kids #buildings button:nth-child(9){background:#e6d297}.kids #buildings strong{font-size:12px}.kids .brand small{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){#hungerAlert{top:120px;left:10px;transform:none;max-width:70%;font-size:12px;padding:7px}.kids #buildings{grid-template-columns:repeat(5,minmax(0,1fr))}.lord-name-row{flex-wrap:wrap}.lord-name-row button{width:100%}.kids #buildings strong{font-size:10px}}