:root{--parch-lt:#efe4c6;--parch:#ddcaa0;--parch-mid:#ccb684;--tan:#b89a63;--tan-dk:#9a7f4c;--brown:#4a3620;--brown-lt:#6d5232;--ink:#33260f;--ink-soft:#6a5433;--cash:#1c6b2a;--cash-bg:#e7efce;--gold:#e8c34a;--red:#b23a2e;--green:#2f8a3e;--hi:#fffaeb8c;--lo:#3c281273;--font:Tahoma, Verdana, "Segoe UI", "MS Sans Serif", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#253018}.app{position:fixed;inset:0}.game-canvas{touch-action:none;cursor:url(/ui/cursors/pointer.png) 4 2,grab;width:100%;height:100%;display:block;position:absolute;inset:0}.game-canvas:active{cursor:url(/ui/cursors/grabber.png) 14 12,grabbing}.zt-panel{background:linear-gradient(180deg, var(--parch-lt), var(--parch) 22%, var(--parch-mid));border:9px solid var(--brown);box-shadow:inset 2px 2px 0 var(--hi), inset -2px -2px 0 var(--lo), 0 4px 12px #00000073;color:var(--ink);border-image:url(/ui/border/N.png) 11}.zt-btn{font-family:var(--font);background:linear-gradient(180deg, var(--parch-lt), var(--parch-mid));color:var(--ink);border:2px solid var(--brown);box-shadow:inset 1px 1px 0 var(--hi), inset -1px -1px 0 var(--lo);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.zt-btn:hover{background:linear-gradient(180deg, #f6eece, var(--parch))}.zt-btn:active,.zt-btn.on{background:linear-gradient(180deg, var(--tan-dk), var(--tan));box-shadow:inset 1px 1px 0 var(--lo), inset -1px -1px 0 var(--hi);color:#fff6df}.zt-btn.on{color:#3a2a09;background:linear-gradient(#e6b93f,#caa02f);border-color:#6b4f15}.zt-btn:disabled{opacity:.5;cursor:not-allowed}.zt-btn svg{display:block}.zt-cat{color:#2b1f08;cursor:pointer;filter:drop-shadow(0 1px #fff4d640);background:url(/ui/catbtn_N.png) 50%/100% 100% no-repeat;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;display:flex;box-shadow:0 2px 3px #0006}.zt-cat svg{filter:drop-shadow(0 1px #fff5d759)}.zt-cat:hover{background-image:url(/ui/catbtn_H.png)}.zt-cat.on{color:#3a2a06;background-image:url(/ui/catbtn_S.png);box-shadow:0 0 0 1px #6b4f15,0 2px 5px #00000073}.hud{background:linear-gradient(180deg, var(--parch-lt) 0%, var(--parch-mid) 55%, var(--tan) 100%);border-bottom:3px solid var(--brown);height:40px;box-shadow:inset 0 1px 0 var(--hi), inset 0 -2px 0 var(--lo), 0 2px 6px #0006;z-index:20;align-items:center;gap:6px;padding:0 8px;display:flex;position:absolute;top:0;left:0;right:0}.hud .brand{color:var(--brown);letter-spacing:.3px;align-items:center;gap:5px;font-size:14px;font-weight:800;display:flex}.hud .brand svg{color:var(--brown-lt)}.hud .stat{color:var(--ink);background:linear-gradient(180deg, #f1e8cd, var(--parch-mid));border:1px solid var(--tan-dk);box-shadow:inset 1px 1px 0 var(--hi), inset -1px -1px 0 #5a3c144d;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;font-size:12px;font-weight:700;display:inline-flex}.hud .stat svg{color:var(--brown-lt)}.hud .stat.cash{background:linear-gradient(180deg, #f2f6db, var(--cash-bg));color:var(--cash);font-variant-numeric:tabular-nums;border-color:#7f9a52}.hud .stat.cash svg{color:#b7912f}.hud .stat .muted{color:var(--ink-soft);font-size:10px;font-weight:600}.hud .starbox{padding:2px 6px}.hud .stars-img{image-rendering:auto;filter:drop-shadow(0 1px #50320a59);width:auto;height:18px;display:block}.hud .stat.adm{gap:3px;padding:3px 5px}.hud .stat.adm button{border:1px solid var(--brown);background:linear-gradient(180deg, var(--parch-lt), var(--parch-mid));width:18px;height:18px;color:var(--ink);cursor:pointer;box-shadow:inset 1px 1px 0 var(--hi);border-radius:4px;padding:0;font-size:13px;line-height:1}.hud .stat.adm button:hover{background:var(--gold)}.hud .spacer{flex:1}.hud .btn{width:30px;height:28px;padding:0}.zt-imgbtn{cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.zt-imgbtn img{filter:drop-shadow(0 1px 1px #0006);width:30px;height:30px;display:block}.zt-imgbtn:hover img{filter:drop-shadow(0 0 3px #ffdc7899)}.zt-imgbtn:active img{transform:translateY(1px)}.hud .btn.danger:hover{background:linear-gradient(180deg, #d8654f, var(--red));color:#fff;border-color:#6b2018}.hint{color:#f4e9cc;border:1px solid var(--brown);z-index:9;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#2b2010eb,#1e160aeb);border-radius:3px;max-width:70vw;padding:5px 16px;font-size:12px;font-weight:600;position:absolute;top:46px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #fff0c826,0 2px 5px #0006}.hint:empty{display:none}.buildbar{z-index:15;pointer-events:none;flex-direction:column;gap:6px;width:196px;height:calc(100% - 58px);display:flex;position:absolute;top:48px;left:8px}.buildbar>*{pointer-events:auto}.bb-cats{flex:none;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px;display:grid}.bb-panel{scrollbar-width:thin;scrollbar-color:var(--tan-dk) transparent;flex-direction:column;flex:auto;gap:4px;min-height:0;padding:8px;display:flex;overflow-y:auto}.bb-panel::-webkit-scrollbar{width:9px}.bb-panel::-webkit-scrollbar-thumb{background:var(--tan-dk);border:2px solid var(--parch);border-radius:4px}.bb-title{text-transform:uppercase;letter-spacing:.5px;color:var(--brown);align-items:center;gap:5px;margin:4px 2px 2px;font-size:11px;font-weight:800;display:flex}.bb-title .count{color:var(--ink-soft);font-weight:700}.zt-item{text-align:left;border:1px solid var(--tan-dk);width:100%;box-shadow:inset 1px 1px 0 var(--hi);color:var(--ink);cursor:pointer;font-family:var(--font);background:linear-gradient(#f0e6c9,#d9c69b);border-radius:4px;align-items:center;gap:7px;padding:3px 6px;display:flex}.zt-item:hover{background:linear-gradient(#fbf3d6,#e3d2a6)}.zt-item.on{box-shadow:0 0 0 2px var(--gold), inset 1px 1px 0 var(--hi);background:linear-gradient(#fbedbf,#ecd393);border-color:#6b4f15}.zt-item.broke{opacity:.45}.zt-item.locked{opacity:.6;cursor:not-allowed;filter:grayscale(.6)}.zt-item .thumb{flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:26px;display:flex}.zt-item .thumb img{object-fit:contain;max-width:28px;max-height:26px}.zt-item .thumb .em{font-size:20px;line-height:1}.zt-item .thumb .sw{border:1px solid var(--brown);border-radius:3px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #ffffff4d}.zt-item .nm{flex:auto;font-size:11px;font-weight:700;line-height:1.15}.zt-item .pr{color:var(--cash);font-variant-numeric:tabular-nums;font-size:11px;font-weight:800}.zt-item .lk{color:var(--brown-lt);flex:none}.zt-item.tool-danger .nm{color:var(--red)}.panel-hint{color:var(--ink-soft);border-top:1px dashed var(--tan-dk);margin-top:4px;padding:6px 4px 2px;font-size:10.5px;font-weight:600;line-height:1.35}.panel-hint b{color:var(--brown)}.infopanel{z-index:16;width:224px;padding:12px;position:absolute;top:48px;right:8px}.infopanel .close{border:1px solid var(--brown);background:linear-gradient(180deg, var(--parch-lt), var(--parch-mid));width:22px;height:22px;color:var(--brown);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;right:6px}.infopanel .close:hover{background:var(--red);color:#fff}.ip-head{align-items:center;gap:9px;display:flex}.ip-portrait{border:2px solid var(--brown);width:46px;height:46px;box-shadow:inset 1px 1px 0 var(--hi), inset -1px -1px 0 var(--lo);background:radial-gradient(circle at 40% 35%,#f3ead0,#cdb684);border-radius:5px;flex:0 0 46px;justify-content:center;align-items:center;display:flex}.ip-portrait img{object-fit:contain;max-width:40px;max-height:40px}.ip-portrait .em{font-size:28px}.ip-name{color:var(--brown);font-size:15px;font-weight:800}.ip-sub{color:var(--ink-soft);text-transform:capitalize;font-size:10.5px;font-weight:700}.ip-mood{color:var(--ink);background:linear-gradient(180deg, #f1e8cd, var(--parch-mid));border:1px solid var(--tan-dk);box-shadow:inset 1px 1px 0 var(--hi);border-radius:4px;align-items:center;gap:5px;margin:10px 0 6px;padding:5px 7px;font-size:12px;font-weight:800;display:flex}.ip-mood.bad{color:var(--red)}.ip-mood.warn{color:#a5691a}.ip-mood.good{color:var(--cash)}.ip-row{color:var(--ink-soft);justify-content:space-between;margin:8px 0 3px;font-size:10.5px;font-weight:700;display:flex}.ip-row b{color:var(--ink)}.ip-bar{border:1px solid var(--tan-dk);height:11px;box-shadow:inset 1px 1px 2px var(--lo);background:linear-gradient(#c3ac7c,#d8c69b);border-radius:3px;overflow:hidden}.ip-fill{height:100%;transition:width .3s;box-shadow:inset 0 1px #fff6}.ip-checks{margin:11px 0 6px;padding:0;font-size:11px;font-weight:600;list-style:none}.ip-checks li{align-items:flex-start;gap:5px;padding:3px 0;line-height:1.25;display:flex}.ip-checks li svg{flex:none;margin-top:1px}.ip-checks li.ok{color:var(--green)}.ip-checks li.bad{color:var(--red)}.ip-checks li.warn{color:#a5691a}.ip-checks li.muted{color:var(--ink-soft)}.ip-tip{color:var(--ink-soft);border-top:1px dashed var(--tan-dk);margin-top:4px;padding-top:8px;font-size:10.5px;font-weight:600;line-height:1.4}.ip-sell{width:100%;margin-top:10px}.ip-sell.zt-btn{color:var(--red)}.ip-sell.zt-btn:hover{background:linear-gradient(180deg, #d8654f, var(--red));color:#fff;border-color:#6b2018}.menu-overlay{z-index:40;background:linear-gradient(#120c0594,#120c05bd),url(/ui/mainbck.png) 50%/cover no-repeat,#140e06;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.menu-card{width:min(840px,96vw);max-height:92vh;padding:16px;overflow:auto}.menu-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.menu-title{align-items:baseline;gap:8px;display:flex}.menu-title .game{color:var(--brown);letter-spacing:.5px;text-shadow:1px 1px 0 var(--parch-lt);font-size:22px;font-weight:900}.menu-title .sub{color:var(--ink-soft);font-size:12px;font-weight:700}.menu-x{width:28px;height:28px;padding:0}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:11px;display:grid}.scn-card{text-align:left;cursor:pointer;color:var(--ink);border:2px solid var(--tan-dk);box-shadow:inset 1px 1px 0 var(--hi), inset -1px -1px 0 var(--lo);background:linear-gradient(#f0e6c9,#dcc99d);border-radius:5px;padding:11px;transition:transform 80ms,box-shadow .12s}.scn-card:hover:not(.locked){box-shadow:0 0 0 2px var(--gold), inset 1px 1px 0 var(--hi);transform:translateY(-2px)}.scn-card.locked{opacity:.5;cursor:not-allowed;filter:grayscale(.4)}.scn-card.done{border-color:var(--green)}.scn-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.scn-num{background:linear-gradient(180deg, var(--parch-lt), var(--tan));border:1px solid var(--brown);width:24px;height:24px;color:var(--brown);border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:inline-flex}.scn-card.done .scn-num{background:linear-gradient(180deg, #bfe3b0, var(--green));color:#fff;border-color:#256b2e}.scn-diff{color:var(--gold);letter-spacing:1px;font-size:13px}.scn-diff .dim{color:#4a362040}.scn-name{color:var(--brown);margin-bottom:3px;font-size:15px;font-weight:800}.scn-blurb{color:var(--ink-soft);margin-bottom:8px;font-size:11.5px;font-weight:600;line-height:1.35}.scn-goals{flex-wrap:wrap;gap:4px;display:flex}.scn-goal{color:var(--ink);background:linear-gradient(180deg, #ece0bf, var(--parch-mid));border:1px solid var(--tan-dk);border-radius:3px;padding:2px 6px;font-size:10px;font-weight:700}.scn-goal.warn{color:#6b2f14;background:linear-gradient(#e9c3a0,#d99a6a);border-color:#a5643a}.menu-foot{border-top:2px solid var(--tan-dk);margin-top:14px;padding-top:12px}.menu-free.zt-btn{width:100%;padding:11px;font-size:13px}.scn-modal-overlay{z-index:45;background:#140e06a8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scn-modal{text-align:center;width:min(380px,92vw);padding:22px}.scn-modal.win{box-shadow:inset 0 0 0 2px var(--tan), 0 0 0 3px var(--gold), 0 8px 28px #00000080}.scn-modal.lose{box-shadow:inset 0 0 0 2px var(--tan), 0 0 0 3px var(--red), 0 8px 28px #00000080}.scn-modal-badge{color:var(--brown-lt);display:inline-flex}.scn-modal.win .scn-modal-badge{color:#c69a20}.scn-modal.lose .scn-modal-badge{color:var(--red)}.scn-modal-title{color:var(--brown);margin-top:6px;font-size:20px;font-weight:900}.scn-modal-name{color:var(--brown-lt);margin-top:2px;font-size:13px;font-weight:700}.scn-modal-sub{color:var(--ink-soft);margin:10px 0 16px;font-size:12px;font-weight:600;line-height:1.4}.scn-modal-btns{flex-direction:column;gap:8px;display:flex}.scn-modal-btns .zt-btn{padding:10px;font-size:13px}.tutorial{z-index:12;width:268px;box-shadow:inset 0 0 0 2px var(--tan), 0 0 0 2px var(--gold), 0 4px 12px #0006;padding:10px 12px;position:absolute;bottom:14px;left:212px}.tut-top{color:var(--brown);align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:800;display:flex}.tut-top svg{color:var(--brown-lt)}.tut-prog{color:var(--ink-soft);font-size:11px;font-weight:700}.tut-x{margin-left:auto;padding:3px 8px;font-size:11px}.tut-body{color:var(--ink);align-items:flex-start;gap:7px;font-size:11.5px;font-weight:600;line-height:1.45;display:flex}.tut-body svg{color:var(--brown-lt);flex:none;margin-top:1px}.tut-dots{gap:5px;margin-top:9px;display:flex}.tut-dots span{width:100%;height:5px;box-shadow:inset 0 1px 1px var(--lo);background:#4a362038;border-radius:3px}.tut-dots span.on{background:var(--gold)}.objectives{z-index:12;width:224px;padding:0;position:absolute;top:48px;right:8px;overflow:hidden}.objectives.won{box-shadow:inset 0 0 0 2px var(--tan), 0 0 0 2px var(--gold), 0 4px 12px #0006}.obj-head{background:linear-gradient(180deg, var(--parch-mid), var(--tan));border:none;border-bottom:2px solid var(--tan-dk);width:100%;color:var(--brown);cursor:pointer;justify-content:space-between;align-items:center;padding:9px 11px;font-size:12px;font-weight:800;display:flex}.obj-head>span:first-child{align-items:center;gap:5px;display:flex}.obj-count{color:var(--ink-soft);font-size:11px;font-weight:700}.obj-list{margin:0;padding:9px 11px;list-style:none}.obj-list li{color:var(--ink);margin-bottom:8px;font-size:10.5px;font-weight:600}.obj-list li.ok{color:var(--green)}.obj-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.obj-row>span{align-items:center;gap:4px;display:flex}.obj-row b{color:var(--ink);font-variant-numeric:tabular-nums}.obj-list li.ok .obj-row b{color:var(--green)}.obj-bar{border:1px solid var(--tan-dk);background:#c3ac7c;border-radius:3px;height:5px;overflow:hidden}.obj-bar div{background:linear-gradient(#6fb4d8,#3277a0);height:100%}.objectives.won .obj-bar div{background:linear-gradient(#f0d874,#cba22c)}.obj-list li.late .obj-row{color:var(--red);font-weight:800}.finance-report{z-index:18;width:258px;box-shadow:inset 0 0 0 2px var(--tan), 0 0 0 2px var(--gold), 0 8px 24px #00000073;padding:11px 13px;position:absolute;top:48px;left:50%;transform:translate(-50%)}.fr-head{color:var(--brown);align-items:center;gap:5px;margin-bottom:8px;font-size:13px;font-weight:900;display:flex}.fr-x{margin-left:auto;padding:3px 7px;font-size:11px}.fr-row{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:3px 0;font-size:11.5px;font-weight:700;display:flex}.fr-row>span{align-items:center;gap:5px;display:flex}.fr-row svg{color:var(--brown-lt)}.fr-row b{color:var(--ink);font-variant-numeric:tabular-nums}.fr-net{border-top:2px solid var(--tan-dk);color:var(--brown);justify-content:space-between;margin-top:8px;padding-top:8px;font-size:13px;font-weight:900;display:flex}.fr-net.pos b{color:var(--green)}.fr-net.neg b{color:var(--red)}@media (width<=720px){.buildbar{width:168px}.zt-cat{width:40px;height:40px}.tutorial{width:auto;bottom:8px;left:8px;right:8px}.objectives{display:none}.finance-report{width:224px}.infopanel{width:200px;top:auto;bottom:8px;right:8px}.hud{gap:4px;overflow-x:auto}.hud .brand .name{display:none}}