:root{color:#3e3627;font-synthesis:none;--paper:#fffaf0;--ink:#3e3627;--green:#416947;--leaf:#6f9656;--gold:#e7ad38;--red:#b9503f;--shadow:#3d342238;background:#b8d1c1;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;min-width:320px}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f5cf68}#app{isolation:isolate;background:#b9d4c5;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}#hud{z-index:5;top:max(14px, env(safe-area-inset-top));left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));pointer-events:none;justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute}.brand-lockup{filter:drop-shadow(0 3px 2px #26312033);align-items:center;gap:10px;display:flex}.brand-lockup>span:last-child{flex-direction:column;line-height:1;display:flex}.brand-lockup b{color:#fff9e9;text-shadow:0 2px #4d633f;white-space:nowrap;font-family:Fraunces,Georgia,serif;font-size:clamp(16px,2vw,22px)}.brand-lockup small{letter-spacing:.15em;color:#38563c;margin-top:5px;font-size:9px;font-weight:800}.brand-mark{color:#fff9df;width:46px;height:46px;box-shadow:inset 0 0 0 2px #42613f,0 5px 12px var(--shadow);background:linear-gradient(145deg,#7da05d,#4f7049);border:3px solid #f4d883;border-radius:50% 50% 46% 54%;place-items:center;font-family:Fraunces;font-weight:800;display:grid}.resource-ribbon{pointer-events:auto;box-shadow:0 8px 20px var(--shadow),inset 0 1px #fff;background:#fffaf0f0;border:2px solid #5b4d3026;border-radius:15px;display:flex;overflow:hidden}.resource{border-right:1px solid #e6dcc9;align-items:center;gap:9px;min-width:122px;padding:8px 15px;display:flex}.resource:last-child{border:0}.resource i{color:#fff;background:#75995d;border-radius:50%;place-items:center;width:29px;height:29px;font-style:normal;display:grid;box-shadow:inset 0 -3px #0000001a}.resource .coin-icon{color:#8c5e1d;background:#e4a92f;border:2px solid #f6d776}.resource span{flex-direction:column;line-height:1.05;display:flex}.resource small,.eyebrow{letter-spacing:.13em;color:#8a806d;white-space:nowrap;font-size:9px;font-weight:800}.resource b{font-variant-numeric:tabular-nums;min-width:62px;margin-top:3px;font-size:14px}.icon-button{pointer-events:auto;color:#f7f0df;height:46px;box-shadow:0 5px 0 #304d37,0 8px 20px var(--shadow);background:#416448;border-radius:14px;flex:0 0 46px;font-weight:900;transition:all .15s}.icon-button:hover{transform:translateY(-2px)}.icon-button:active{transform:translateY(3px);box-shadow:0 2px #304d37}#chapter-ribbon{z-index:4;top:max(82px,calc(env(safe-area-inset-top) + 68px));left:max(18px,env(safe-area-inset-left));color:#f7f2e6;background:linear-gradient(95deg,#344d31f0,#46643ae0);border-radius:12px 12px 12px 3px;align-items:center;gap:9px;min-width:245px;padding:7px 12px 8px 8px;display:flex;position:absolute;box-shadow:0 6px 18px #253b233d}.chapter-number{color:#3e5638;background:#f1d276;border-radius:8px;place-items:center;width:36px;height:36px;font-family:Fraunces;font-size:18px;display:grid}#chapter-ribbon>span:nth-child(2){flex-direction:column;flex:1;display:flex}#chapter-ribbon small{letter-spacing:.15em;color:#cfdec7;font-size:8px}#chapter-ribbon b{font-family:Fraunces;font-size:13px}.chapter-progress{background:#ffffff2e;height:2px;position:absolute;bottom:4px;left:53px;right:9px}.chapter-progress i{background:#f1d276;width:62%;height:100%;display:block}#event-banner{z-index:6;top:max(82px,calc(env(safe-area-inset-top) + 68px));color:#543e25;background:linear-gradient(110deg,#fff7dd,#f7df9b);border:1px solid #d9b861;border-radius:12px;align-items:center;gap:11px;min-width:min(430px,100vw - 32px);padding:8px 10px;animation:.5s cubic-bezier(.2,.9,.2,1) banner-in;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 7px 22px #5f441a33}.event-icon{color:#fff8dc;background:#b75e3f;border-radius:9px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}#event-banner>span:nth-child(2){flex-direction:column;flex:1;line-height:1.15;display:flex}#event-banner small{letter-spacing:.14em;color:#9c7550;font-size:8px;font-weight:800}#event-banner b{font-family:Fraunces;font-size:13px}#event-banner strong{color:#b34d3d;font-variant-numeric:tabular-nums}#event-banner button{color:#fff;letter-spacing:.06em;background:#526f46;border-radius:8px;min-height:34px;padding:0 13px;font-size:9px;font-weight:800}.game-panel{z-index:5;top:145px;right:max(18px,env(safe-area-inset-right));width:285px;color:var(--ink);background:linear-gradient(#fffdf6,#f6eddd);border:1px solid #52432b2e;border-radius:5px 18px 18px;padding:20px;transition:all .25s;position:absolute;box-shadow:0 15px 35px #3b2f1b40,inset 0 1px #fff}.game-panel.hidden{opacity:0;pointer-events:none;transform:translate(25px)}.game-panel:before{content:"";background:linear-gradient(90deg,#c78541,#e2b45d,#638152);border-radius:5px 18px 0 0;height:5px;position:absolute;top:0;left:0;right:0}.panel-close,.modal-close{color:#786c5b;background:#ebe1d1;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:10px;right:11px}.game-panel h2,.modal-card h2,.modal-card h1{margin:5px 30px 7px 0;font-family:Fraunces,Georgia,serif;font-size:23px;line-height:1.05}.status-pill{color:#506a45;background:#e7efdf;border-radius:10px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:800;display:inline-flex}.status-pill i{background:#70a358;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #70a35824}.production-chain{justify-content:center;align-items:center;gap:9px;margin:18px 0;display:flex}.item-token,.machine-token{background:#f9f3e6;border:2px solid #d6c7ac;border-radius:14px;place-items:center;width:54px;height:54px;font-size:23px;display:grid;position:relative;box-shadow:inset 0 -4px #6a4f290f}.item-token b{color:#fff;text-align:center;background:#5f704a;border-radius:7px;min-width:20px;height:20px;padding:2px 4px;font-size:10px;position:absolute;bottom:-5px;right:-5px}.machine-token{color:#f1e6d0;background:#9e6843;border-color:#815638}.chain-arrow{color:#b6a487;font-size:28px;font-style:normal}.progress-label,.workers-row{justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.progress-label b{font-variant-numeric:tabular-nums;color:#517047}.progress-track{background:#ded3c1;border-radius:8px;height:8px;margin:7px 0 16px;padding:2px}.progress-track i{background:linear-gradient(90deg,#709359,#9db96b);border-radius:6px;width:68%;height:100%;transition:width .2s linear;display:block}.workers-row{border-top:1px solid #ded3c1;padding:10px 0}.workers-row div{align-items:center;gap:6px;display:flex}.workers-row button{color:#4e6244;background:#e5eadc;border-radius:8px;width:28px;height:28px;font-size:18px}.workers-row b{text-align:center;font-variant-numeric:tabular-nums;min-width:20px}.primary-button,.secondary-button{color:#fff;letter-spacing:.06em;background:linear-gradient(#668857,#4e7148);border-radius:11px;width:100%;min-height:44px;margin-top:10px;font-size:10px;font-weight:800;box-shadow:0 4px #3d5a38}.primary-button:active{transform:translateY(3px);box-shadow:0 1px #3d5a38}.module-slots{border-top:1px solid #ded3c1;justify-content:center;gap:7px;margin-top:16px;padding-top:12px;display:flex}.module-slots i{color:#b5a68f;border:1px dashed #b8aa92;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.module-slots .active{color:#fff7e3;background:#a66d43;border-style:solid}#action-dock{z-index:5;bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 10px 26px var(--shadow);background:#fffaeff0;border:1px solid #4b3e2926;border-radius:17px;gap:3px;padding:5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#action-dock button{color:#7d7364;background:0 0;border-radius:12px;min-width:90px;min-height:58px;padding:5px 12px;transition:all .15s;position:relative}#action-dock button:hover{color:#4f7048;background:#eef1e7}#action-dock button.active{color:#fff8e9;background:#527149;box-shadow:inset 0 0 0 1px #fff3}#action-dock i{font-size:20px;font-style:normal;display:block}#action-dock span{margin-top:2px;font-size:9px;font-weight:800;display:block}#action-dock em{color:#fff;background:#c45642;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;top:4px;right:8px}#toast{z-index:8;opacity:0;color:#fff;pointer-events:none;background:#3a4b30e6;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .22s;position:absolute;bottom:99px;left:50%;transform:translate(-50%,12px)}#toast.show{opacity:1;transform:translate(-50%)}.modal-shell{z-index:20;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:#2730227a;place-items:center;transition:all .2s;display:grid;position:absolute;inset:0}.modal-shell.open{opacity:1;pointer-events:auto}.modal-card{background:linear-gradient(145deg,#fffdf7,#f3e5cf);border:1px solid #d8c4a1;border-radius:7px 22px 22px;width:min(520px,100%);max-height:90vh;padding:28px;transition:all .25s cubic-bezier(.2,.9,.2,1);position:relative;overflow:auto;transform:translateY(15px)scale(.98);box-shadow:0 22px 60px #22281d61}.open .modal-card{transform:none}.modal-card p{color:#786c5a;margin:0 0 18px;font-size:13px}.offer-list{gap:9px;display:grid}.offer-list button{text-align:left;min-height:66px;color:var(--ink);background:#fffaf0;border:1px solid #ded0ba;border-radius:12px;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:9px 12px;display:grid}.offer-list button:hover{border-color:#8da26d;transform:translate(2px)}.offer-list span:nth-child(2){flex-direction:column;display:flex}.offer-list small{color:#887b68;font-size:10px}.offer-list strong{color:#547349;font-size:11px}.offer-icon{color:#fff8de;background:#ae7146;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.pause-card{text-align:center;width:min(390px,100%)}.pause-card h1{margin:8px 0 18px;font-size:31px}.pause-card label{text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.pause-card input[type=range]{accent-color:#5e7c50}.pause-card input[type=checkbox]{accent-color:#5e7c50;width:22px;height:22px}.secondary-button{color:#526447;box-shadow:none;background:#e2e7d8}#touch-controls{z-index:7;right:max(16px,env(safe-area-inset-right));bottom:max(88px,calc(env(safe-area-inset-bottom) + 80px));left:max(16px,env(safe-area-inset-left));pointer-events:none;justify-content:space-between;align-items:flex-end;display:none;position:absolute}#touch-stick{pointer-events:auto;touch-action:none;background:#374d2f61;border:2px solid #ffffff8c;border-radius:50%;width:96px;height:96px;position:relative;box-shadow:inset 0 0 0 9px #ffffff14}#touch-knob{background:#fff8e1eb;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 12px #2d35254d}#dash-button{color:#fff;pointer-events:auto;touch-action:none;background:#527149e6;border:3px solid #ffffff8c;border-radius:50%;width:64px;height:64px;font-size:10px;font-weight:900}@keyframes banner-in{0%{opacity:0;transform:translate(-50%,-12px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=980px){.brand-lockup>span:last-child{display:none}.resource{min-width:auto;padding:7px 10px}.resource i{display:none}.game-panel{width:260px}}@media (pointer:coarse),(width<=760px){#hud{top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));gap:7px}.brand-mark{border-width:2px;width:38px;height:38px;font-size:13px}.resource-ribbon{border-radius:12px;flex:1;justify-content:center}.resource{flex:1;justify-content:center;min-width:0;padding:6px 7px}.resource small{font-size:7px}.resource b{min-width:0;font-size:11px}.day-resource{display:none}.icon-button{border-radius:11px;flex-basis:38px;height:38px}#chapter-ribbon{top:max(55px,calc(env(safe-area-inset-top) + 47px));left:max(8px,env(safe-area-inset-left));min-width:195px}#event-banner{top:max(103px,calc(env(safe-area-inset-top) + 95px));width:calc(100vw - 16px);min-width:0}#event-banner button{padding:0 9px}.game-panel{top:auto;right:max(8px,env(safe-area-inset-right));bottom:max(80px,calc(env(safe-area-inset-bottom) + 72px));left:max(8px,env(safe-area-inset-left));border-radius:17px 17px 5px 5px;width:auto;padding:15px}.game-panel h2{font-size:19px}.production-chain{transform-origin:100% 0;margin:0;position:absolute;top:33px;right:48px;transform:scale(.7)}.module-slots{display:none}#action-dock{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));justify-content:space-around;width:auto;transform:none}#action-dock button{flex:1;min-width:0;min-height:53px;padding:4px}#action-dock span{font-size:8px}#touch-controls{display:flex}#toast{bottom:148px}}@media (width<=520px){#chapter-ribbon{min-width:170px}#chapter-ribbon b{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}#event-banner{gap:7px}#event-banner small{display:none}#event-banner b{font-size:11px}#event-banner button{font-size:8px}.game-panel{max-height:40vh;overflow:auto}.production-chain{display:none}.offer-list button{grid-template-columns:36px 1fr}.offer-list strong{grid-column:2}}@media (height<=560px) and (orientation:landscape){#event-banner{top:max(57px,calc(env(safe-area-inset-top) + 50px))}#chapter-ribbon{display:none}.game-panel{top:62px;bottom:65px;right:max(8px,env(safe-area-inset-right));width:245px;max-height:none;left:auto}.production-chain,.module-slots{display:none}#touch-controls{bottom:max(70px,calc(env(safe-area-inset-bottom) + 62px))}}