@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f5ecd7;background:#15362b;font-synthesis:none;--forest:#173a2d;--deep:#0d271e;--cream:#f3e8ce;--gold:#e5bd6c;--muted:#a7b29c;--ink:#243c2d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{overscroll-behavior:none}button,select{font:inherit}button{border:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.43}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ebb847;outline-offset:3px}button svg,.resource svg,.save-status svg{width:20px;height:20px;flex:none}button{transition:background .16s,transform .16s}button:not(:disabled):active{transform:translateY(1px)}button:disabled:active{transform:none}button svg{vertical-align:middle}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Playfair Display,Georgia,serif}h2{font-weight:600}a{color:inherit;text-underline-offset:3px}.game-shell{height:100svh;position:relative;isolation:isolate;overflow:hidden;background:#526c48}#world{position:absolute;inset:130px 0 0;touch-action:none;z-index:0}#world canvas{display:block;width:100%;height:100%;touch-action:none}#world:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 10px 30px #122b2335}.header{position:absolute;z-index:3;left:0;right:0;top:0;background:linear-gradient(110deg,#0c271fef,#203d2eef);box-shadow:0 6px 28px #0d261c3b;padding:env(safe-area-inset-top) 26px 0;border-bottom:1px solid #d5bc744d}.brand-row{display:flex;align-items:center;justify-content:space-between;height:53px;max-width:1320px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-family:Playfair Display,Georgia,serif;font-size:18px;letter-spacing:.03em;color:#edcf88}.brand b{font-weight:500}.brand small{color:#abb6a0;font:10px DM Sans,sans-serif;letter-spacing:.04em;border-left:1px solid #53624a;padding-left:14px;margin-left:8px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid #b5a06388;transform:rotate(45deg);border-radius:5px}.brand-mark svg{width:19px;height:19px;transform:rotate(-45deg)}.header-actions{display:flex;gap:7px}.icon-button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #d0bd733f;border-radius:12px;background:#122f258f;color:#e3d2a6;position:relative}.icon-button:hover{background:#294b35}#goal-dot{position:absolute;right:7px;top:7px;width:5px;height:5px;background:#e8bc5c;border-radius:50%}.resources{position:absolute;left:50%;transform:translate(-50%);top:14px;display:flex;gap:32px;white-space:nowrap}.resource{display:flex;align-items:center;gap:9px}.resource>svg{color:#debe77;width:24px;height:24px}.resource div{display:grid;gap:0}.resource strong{font-size:19px;line-height:1.2;font-weight:600;font-variant-numeric:tabular-nums}.resource small{font-size:8px;letter-spacing:.09em;color:#a5b49e;margin-top:2px}.resource #income{font-size:10px;color:#c0cca7;background:#34553d80;padding:5px 7px;border-radius:6px;margin-left:1px}.district-tabs{display:flex;align-items:center;justify-content:center;gap:10px;height:54px}.district-tabs button{background:transparent;color:#a6b69e;min-height:39px;min-width:172px;display:flex;gap:32px;align-items:center;justify-content:space-between;padding:8px 15px;font-weight:600;font-size:12px;border:1px solid transparent;border-radius:10px}.district-tabs button[aria-pressed=true]{color:#f2dfab;background:#5470493b;border-color:#c7b0715c}.district-tabs span{font-size:9px;letter-spacing:.06em;color:#c6b574}.district-tabs svg{width:13px;height:13px}.map-heading{position:absolute;z-index:1;top:137px;left:32px;pointer-events:none;text-shadow:0 2px 12px #102d26}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:#bfa663}.map-heading .eyebrow{color:#d4d9b8}.map-heading h1{font-size:37px;line-height:1.2;font-weight:600;color:#fff1cb;margin:3px 0}.map-areas{font-size:11px;color:#e1e0be}.compass{position:absolute;right:35px;top:145px;z-index:1;display:grid;justify-items:center;gap:2px;font-size:10px;pointer-events:none;text-shadow:0 1px 6px #163628}.compass svg{width:27px;height:31px;filter:drop-shadow(1px 2px 3px #17362866)}.time-bar{position:absolute;z-index:2;left:32px;top:241px;display:flex;align-items:center;gap:9px;background:#102e24d9;padding:7px 8px 7px 12px;border-radius:10px;box-shadow:0 3px 14px #14372620;font-size:10px;color:#e7d8af;border:1px solid #d5c58a36}.time-bar #day-label{display:flex;gap:5px;align-items:center;min-width:49px}.time-bar svg{width:14px;height:14px}.time-bar button{width:28px;height:28px;background:#3a56388c;color:#ebd998;border-radius:6px;font-size:10px}.day-track{width:36px;height:3px;border-radius:5px;background:#617754}.day-track i{height:100%;width:0;background:#e7ca7c;display:block}.map-tools{position:absolute;z-index:2;right:27px;bottom:259px;display:grid;gap:7px}.map-tools .icon-button{box-shadow:0 2px 9px #12392c38;background:#163d2fe8;width:42px;height:42px;border-color:#c7b17177}.objective-chip{position:absolute;z-index:2;left:32px;bottom:243px;display:flex;align-items:center;gap:11px;background:#15392ce8;border:1px solid #c6b2714d;color:#f0dfac;border-radius:13px;padding:11px 13px;box-shadow:0 5px 20px #173c2833;text-align:left}.objective-chip>span:nth-child(2){display:grid;gap:3px}.objective-chip small{font-size:7px;letter-spacing:.15em;color:#b8c39f}.objective-chip b{font-size:11px;font-weight:500}.objective-icon svg{width:19px;height:19px;color:#d7b56b}.objective-chip>span:last-child{font-size:10px;background:#637d462e;border-radius:5px;padding:5px 7px;margin-left:10px}.build-dock{position:absolute;z-index:3;left:50%;transform:translate(-50%);bottom:20px;width:min(700px,calc(100% - 48px));color:var(--ink);background:linear-gradient(115deg,#f9f0db,#ecdfbc);border:1px solid #bfa05b;box-shadow:0 9px 40px #0c2e2550;border-radius:21px;padding:14px 20px 0}.dock-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.dock-heading .eyebrow{font-size:8px;color:#7b784b;letter-spacing:.1em}#plot-select{max-width:175px;border:1px solid #c6b98570;border-radius:6px;background:#fbf4e533;color:#61704d;font-size:10px;min-height:28px;padding:2px 5px;cursor:pointer}.catalog{display:flex;gap:6px;margin:6px 0 11px;justify-content:space-between}.catalog-item{position:relative;display:grid;grid-template-columns:48px 1fr;grid-template-rows:25px 20px;align-items:center;text-align:left;background:transparent;border:1px solid transparent;color:#4b6044;min-width:0;flex:1;border-radius:10px;padding:4px 5px}.catalog-item.selected{border-color:#8b995d;background:#d1d5af80;box-shadow:inset 0 1px #fff7}.catalog-item:hover:not(:disabled){background:#d4d8b89e}.building-art{mix-blend-mode:multiply;filter:contrast(1.12) brightness(1.04);background-image:url(/addis-builder/assets/buildings.png);background-size:300% 200%;background-position:calc(var(--col)*50%) calc(var(--row)*100%);display:block;width:62px;height:62px;flex-shrink:0;pointer-events:none}.catalog-item .building-art{width:46px;height:46px;grid-row:1 / 3;grid-column:1}.catalog-item>span:not(.building-art){font-size:11px;align-self:end;padding-bottom:2px}.catalog-item small{font-size:10px;display:flex;align-items:center;gap:3px;align-self:start;color:#7e7049}.catalog-item small svg{width:11px;height:11px}.selection-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:11px}.selection-copy h2{font-size:20px;font-weight:600}.selection-copy p{font-size:10px;color:#6a7755;line-height:1.5;margin-top:4px;max-width:390px}.primary{display:flex;align-items:center;justify-content:center;gap:15px;background:linear-gradient(110deg,#1d4a33,#153b2c);color:#f5e4ac;border:1px solid #1b3d2d;border-radius:10px;min-height:44px;padding:10px 20px;box-shadow:0 3px #ac9a6699;font-size:13px;font-weight:600;white-space:nowrap}.primary:hover:not(:disabled){background:#28583d}.primary span{display:flex;gap:4px;align-items:center;color:#ead097;font-size:12px}.primary svg{width:17px;height:17px}.primary:disabled{box-shadow:none}.wide{width:100%;min-height:49px;font-size:13px}#building-action{display:flex;align-items:center;gap:7px}.clear-button{height:40px;width:35px;background:#ddd0b3;color:#817a59;border-radius:8px}.clear-button svg{width:17px;height:17px}.dock-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ac9d6730;padding:8px 0;color:#9c946d;font-size:8px}.save-status{display:flex;align-items:center;gap:5px}.save-status svg{width:10px;height:10px}.dock-bottom button{background:none;font-size:9px;color:#7e7957;padding:4px 0;display:flex;gap:6px;align-items:center}.dock-bottom button svg{width:12px;height:12px}.unlock-heading{display:flex;align-items:center;gap:12px;padding:4px 0 9px}.unlock-heading small{font-size:8px;letter-spacing:.13em;color:#9b8956}.unlock-heading h2{font-size:23px;margin-top:3px}.unlock-symbol{width:42px;height:42px;border-radius:12px;background:#ddd0a565;display:grid;place-items:center;color:#987b36}.unlock-symbol svg{width:22px;height:22px}.unlock-requirements{display:flex;gap:18px;margin:4px 0 14px;font-size:10px;color:#918663}.unlock-requirements>span{display:flex;gap:5px;align-items:center}.unlock-requirements svg{width:14px;height:14px}.unlock-requirements .met{color:#477443}.unlock-action{width:100%;justify-content:space-between}.lock-hint{text-align:center;font-size:10px;color:#8a8059;margin:10px 0}.toast{position:absolute;z-index:7;left:50%;top:128px;transform:translate(-50%,-10px);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s;background:#f6edce;color:#29432d;padding:12px 19px;border:1px solid #b89a57;border-radius:12px;box-shadow:0 5px 24px #12362e40;font-size:12px;max-width:min(440px,90%);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.loading{position:absolute;z-index:9;inset:0;background:#142e24;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;transition:opacity .4s;color:#c3cba8;font-size:12px}.loading-logo{font-family:Playfair Display,Georgia,serif;color:#edc77a;font-size:30px}.loading.loaded{opacity:0;pointer-events:none}dialog{max-width:450px;width:calc(100% - 32px);max-height:calc(100svh - 40px);border:1px solid #c3a25e;border-radius:24px;color:#29432e;background:linear-gradient(125deg,#fcf4e3,#efe2c3);padding:30px;box-shadow:0 25px 100px #091e17a0;overflow:auto}dialog::backdrop{background:#08261c93;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close{position:absolute;right:15px;top:15px;background:#d5c7a04d;color:#778362;border-color:#b7a77366;width:31px;height:31px;border-radius:50%}.modal-close svg{width:16px;height:16px}dialog .eyebrow{font-size:8px;color:#9a8454;display:block;margin-bottom:10px}dialog h2{font-size:33px;line-height:1.14;font-weight:500;letter-spacing:-.02em;margin-bottom:13px}dialog p{font-size:12px;line-height:1.75;color:#718063}.modal-intro{margin-bottom:21px}.welcome-art{display:flex;align-items:center;justify-content:center;margin:8px -14px 13px;isolation:isolate;background:radial-gradient(ellipse,#dbd5a683,transparent 67%)}.welcome-art .building-art{width:118px;height:118px;flex:none}.welcome-art .building-art:first-child{margin-right:-20px;transform:translateY(10px)}.welcome-art .building-art:last-child{margin-left:-15px;transform:translateY(9px)}.welcome-facts{display:flex;gap:20px;justify-content:center;margin:19px 0 23px;font-size:10px;color:#6f7b58}.welcome-facts>span{display:flex;gap:5px;align-items:center}.welcome-facts svg{width:14px;height:14px}.welcome-note{display:block;text-align:center;font-size:9px;color:#9b9471;margin-top:15px}.goals-list{display:grid;gap:19px;margin:24px 0}.goal{display:grid;grid-template-columns:31px 1fr 35px;gap:10px;align-items:start}.goal-number{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#d9d4b0;color:#8b8d65;font-size:10px}.goal-number svg{width:16px;height:16px}.goal.done .goal-number{background:#4a754c;color:#f1e3ad}.goal h3{font:600 12px DM Sans,sans-serif;line-height:1.7;color:#47613e}.goal p{font-size:10px;line-height:1.5;margin:2px 0 7px}.goal-track{height:4px;background:#d8d5b7;border-radius:4px;overflow:hidden}.goal-track i{display:block;height:100%;background:#839559;border-radius:4px}.goal.done .goal-track i{background:#7b9964}.reward{font-size:10px;color:#9d8552;padding-top:5px;white-space:nowrap}.reward svg{width:18px;height:18px}.help-steps{margin:22px 0;padding-left:20px;display:grid;gap:17px;color:#788061;font-size:12px;line-height:1.75}.help-steps b{display:block;color:#435d3e;font-size:12px}.help-controls{background:#dcd7b555;padding:15px;border-radius:12px;margin:19px 0!important;font-size:10px!important}.menu-options{display:grid;margin:23px 0}.menu-options button{display:flex;align-items:center;gap:11px;text-align:left;background:none;color:#546844;padding:15px 0;border-bottom:1px solid #9d9f6b30;font-size:12px;min-height:51px}.menu-options button>span,.menu-options button>svg:last-child{margin-left:auto}.menu-options svg{width:18px;height:18px}.save-note{font-size:10px!important;margin:0 0 16px}.credits{font-size:9px!important;margin:0 0 20px}.text-button{display:block;text-align:center;width:100%;padding:15px;background:none;color:#788461;font-size:12px}.win-art{display:flex;justify-content:center;margin:-10px 0}.win-art .building-art{width:195px;height:195px}.win-stats{display:flex;justify-content:space-around;margin:19px 0 24px}.win-stats div{display:grid;text-align:center;gap:3px}.win-stats b{font:28px Playfair Display,Georgia,serif;color:#385337}.win-stats span{font-size:10px;color:#80906b}@media(max-width:700px){.header{padding-left:17px;padding-right:17px}.brand-row{height:53px}.brand{font-size:15px;gap:8px}.brand small{display:none}.brand-mark{width:23px;height:23px;border-radius:4px}.brand-mark svg{width:15px;height:15px}.header-actions{gap:5px}.header-actions .icon-button{width:33px;height:33px;border-radius:9px}.header-actions svg{width:17px;height:17px}.resources{position:static;transform:none;justify-content:space-between;gap:10px;height:50px;align-items:center;padding:1px 1px 6px}.resource{gap:7px}.resource>svg{width:21px;height:21px}.resource strong{font-size:17px}.resource small{font-size:7px;letter-spacing:.055em}.resource #income{display:none}.district-tabs{height:47px;gap:8px}.district-tabs button{min-width:0;flex:1;padding:7px 12px;font-size:11px;min-height:34px;gap:10px}.district-tabs span{font-size:8px}.district-tabs svg{width:12px;height:12px}#world{inset:150px 0 219px}.map-heading{top:166px;left:20px}.map-heading .eyebrow{font-size:7px;letter-spacing:.13em}.map-heading h1{font-size:28px;margin:3px 0 1px}.map-areas{font-size:9px}.compass{right:23px;top:172px;font-size:8px}.compass svg{width:22px;height:26px}.time-bar{top:auto;left:17px;bottom:263px;gap:5px;padding:4px 6px 4px 8px;font-size:9px;border-radius:8px}.time-bar button{width:26px;height:26px}.day-track{width:25px}.time-bar svg{width:12px;height:12px}.map-tools{right:17px;bottom:262px;gap:6px}.map-tools .icon-button{width:35px;height:35px;border-radius:9px}.map-tools svg{width:17px;height:17px}.objective-chip{left:17px;bottom:311px;padding:8px 9px;gap:7px;border-radius:9px}.objective-chip .objective-icon svg{width:15px;height:15px}.objective-chip small{font-size:6px;letter-spacing:.11em}.objective-chip b{font-size:9px}.objective-chip>span:last-child{font-size:8px;padding:4px 5px;margin-left:4px}.build-dock{bottom:0;left:0;transform:none;width:100%;border-radius:20px 20px 0 0;border-bottom:0;padding:11px 15px max(3px,env(safe-area-inset-bottom));box-shadow:0 -8px 26px #15372940}.dock-heading .eyebrow{font-size:6px;letter-spacing:.1em}#plot-select{font-size:9px;min-height:25px;max-width:145px}.catalog{gap:4px;margin:6px 0 10px}.catalog-item{display:flex;flex-direction:column;padding:3px 1px 5px;gap:0;text-align:center;border-radius:9px}.catalog-item .building-art{width:51px;height:49px}.catalog-item>span:not(.building-art){font-size:9px;padding:0;align-self:center}.catalog-item small{align-self:center;font-size:8px;margin-top:3px}.catalog-item small svg{width:9px;height:9px}.selection-copy h2{font-size:18px}.selection-copy p{font-size:9px;line-height:1.45;max-width:218px;margin-top:3px}.selection-row{gap:8px;padding-bottom:10px;min-height:56px}.primary{min-height:42px;padding:9px 14px;gap:10px;font-size:12px}.primary span{font-size:10px;gap:3px}.primary svg{width:14px;height:14px}.dock-bottom{padding:6px 0;font-size:7px}.dock-bottom button{font-size:8px}.save-status svg{width:9px;height:9px}.clear-button{width:29px;height:34px}#building-action{gap:4px}.toast{top:157px;font-size:10px;padding:10px 14px;max-width:88%;min-width:230px}.unlock-heading h2{font-size:21px}.unlock-heading{padding:5px 0 9px}.unlock-requirements{margin:6px 0 12px}.lock-hint{font-size:9px;margin:10px 0 8px}.wide{min-height:49px}dialog{padding:28px 24px;max-width:400px}dialog h2{font-size:31px}.welcome-art .building-art{width:109px;height:109px}}@media(max-height:650px)and (min-width:701px){.brand-row{height:45px}.district-tabs{height:40px}#world{inset:85px 0 180px}.map-heading{top:105px}.map-heading h1{font-size:28px}.time-bar{top:193px}.build-dock{bottom:9px;padding-top:8px}.catalog{margin:3px 0 5px}.selection-row{padding-bottom:7px}.dock-bottom{padding:4px 0}.map-tools{bottom:215px}.objective-chip{bottom:200px}.compass{top:112px}.resources{top:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}[hidden]{display:none!important}.constructing>:not(#world):not(#stack-ui):not(#toast):not(#loading){visibility:hidden;pointer-events:none}.stack-ui{position:absolute;inset:0;z-index:40;pointer-events:none;color:#254a3c}.stack-ui button{pointer-events:auto;touch-action:manipulation}.stack-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(env(safe-area-inset-top) + 16px) 20px 0;max-width:1100px;margin:auto}.stack-header .eyebrow{font-size:10px;letter-spacing:.16em}.stack-header .icon-button{background:#f7f3e6cc;color:#315c48;border:1px solid #a5b49a}.stack-back{display:flex;align-items:center;gap:8px;background:none;border:0;color:#315c48;font:700 12px DM Sans,sans-serif;padding:10px 0}.stack-back svg{width:17px;transform:rotate(180deg)}.stack-title{text-align:center;margin:14px auto 0;padding:0 18px;max-width:380px}.stack-title .eyebrow{font-size:9px;letter-spacing:.2em;color:#73856c}.stack-title h1{font:500 32px/1.15 Playfair Display,Georgia,serif;margin:7px 0 13px;color:#234c3a}.stack-stats{display:flex;justify-content:center;gap:19px;font-size:11px;font-weight:600;color:#557560}.stack-track{height:4px;max-width:250px;background:#b7c6ad66;border-radius:8px;margin:13px auto 0;overflow:hidden}.stack-track i{height:100%;display:block;background:#b98c40;transition:width .2s}.stack-bottom{position:absolute;bottom:calc(18px + env(safe-area-inset-bottom));left:20px;right:20px;max-width:400px;margin:auto;text-align:center}.stack-bottom p{font-size:13px;line-height:1.35;font-weight:600;margin:0 0 15px;color:#3c634c;min-height:18px}.stack-bottom p.perfect{color:#976921}.drop-button{border:1px solid #44694c;background:#234e3c;box-shadow:0 5px #173c2d,0 12px 25px #143d2625;color:#fff4da;border-radius:16px;min-height:66px;width:100%;font:700 17px DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px}.drop-button:active{transform:translateY(3px);box-shadow:0 2px #173c2d}.drop-button span{border-left:1px solid #cbd8bc44;padding-left:14px;font-size:10px;color:#bdd0ac;max-width:100px;text-align:left;font-weight:400}.drop-button svg{width:18px}.stack-bottom small{display:block;margin-top:15px;font-size:10px;color:#657459}@media(min-width:800px){.stack-title{margin-top:22px}.stack-title h1{font-size:40px}.stack-bottom{bottom:28px}.stack-header{padding-top:24px}}@media(max-height:750px){.stack-header{padding-top:9px}.stack-title{margin-top:4px}.stack-title h1{font-size:27px;margin-bottom:9px}.stack-bottom{bottom:12px}.stack-bottom p{margin-bottom:9px}.stack-bottom small{margin-top:9px}.drop-button{min-height:57px}.stack-track{margin-top:9px}}.constructing #world{inset:0}.constructing #world:after{box-shadow:none}.constructing #toast{display:none}@media(max-width:700px){#upgrade-button{font-size:10px;padding-left:10px;padding-right:10px}.selection-copy{min-width:0}}.stack-header,.stack-title{position:relative;z-index:2}.stack-ui:before{content:"";position:absolute;inset:0 0 auto;height:205px;background:linear-gradient(#f0f1e6e8,#f0f1e6a6 65%,#f0f1e600);pointer-events:none}.stack-ui[data-district=ketema]:before{background:linear-gradient(#f6e6c6ed,#f6e6c6ad 65%,#f6e6c600)}.stack-bottom:before{content:"";position:absolute;z-index:-1;inset:-36px -60px -50px;background:linear-gradient(#eee6cf00,#eee6cfe8 38%,#eee6cff7);pointer-events:none}.stack-bottom p{display:inline-block;border-radius:12px;background:#f7ecd5d9;padding:7px 12px;margin-bottom:10px;color:#315440;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stack-bottom small{color:#415c46}.drop-button:disabled{opacity:.75}.stack-bottom:before{left:50%;right:auto;width:100vw;transform:translate(-50%)}