:root{--wood-dark:#2b1f15;--wood:#4a3322;--wood-light:#6b4a30;--parch:#f4e7c8;--parch-2:#eadbb4;--parch-3:#dccaa0;--ink:#3a2a18;--ink-soft:#6a5438;--gold:#e8bc45;--red:#b5412e;--green:#4f7d2a;--blue:#2f5fa8;--chip:#221810d1;--chip-border:#e8bc4559;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--serif:"Palatino", "Palatino Linotype", "Book Antiqua", Georgia, serif;--sans:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;background:#1d2a1b;margin:0;overflow:hidden}#app{position:fixed;inset:0;overflow:hidden}#app.rotated{transform-origin:0 0;width:100vh;height:100vw;inset:0 auto auto 0;transform:rotate(90deg)translateY(-100%)}#game{touch-action:none;display:block;position:absolute;inset:0}#ui{pointer-events:none;font-size:14px;position:absolute;inset:0}#ui>*{pointer-events:auto}#ui .passthrough{pointer-events:none}#ui .passthrough>*{pointer-events:auto}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}img.ic{vertical-align:-4px;width:18px;height:18px}img.ic-lg{vertical-align:-7px;width:26px;height:26px}img.ic-sm{vertical-align:-2px;width:14px;height:14px}.btn{color:#fbeed0;background:linear-gradient(#7a5436,#5a3c26);border:1px solid #2a1c10;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffe6b440,0 2px #00000059}.btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffe6b433}.btn.primary{background:linear-gradient(#5f8f34,#44701f);border-color:#243d0e}.btn.danger{background:linear-gradient(#b8503a,#8f3524);border-color:#4a160c}.btn.gold{color:#3a2608;background:linear-gradient(#e9c156,#c8962a);border-color:#6a4a10}.btn[disabled]{opacity:.45;pointer-events:none}.btn.small{border-radius:8px;padding:5px 10px;font-size:13px}.btn.round{border-radius:50%;width:52px;height:52px;padding:0}.btn.round img{width:30px;height:30px}.btn.active{color:#3a2608;background:linear-gradient(#e9c156,#c8962a)}.hud-top{top:calc(6px + var(--safe-t));left:calc(6px + var(--safe-l));right:calc(6px + var(--safe-r));pointer-events:none;align-items:flex-start;gap:6px;display:flex;position:absolute}.hud-top>*{pointer-events:auto}.chips{flex-wrap:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.chip{background:var(--chip);color:#f6e9cc;border:1px solid var(--chip-border);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:15px;align-items:center;gap:4px;height:30px;padding:0 9px;font-size:13.5px;font-weight:600;display:inline-flex}.chip.warn{color:#ffb28a}.chip.click{cursor:pointer}.spacer{flex:1}.br,.sp2{display:none}.speed{background:var(--chip);border:1px solid var(--chip-border);border-radius:15px;height:30px;display:inline-flex;overflow:hidden}.speed button{color:#e8dcc0;letter-spacing:-1px;width:32px;font-size:12px;font-weight:700}.speed button.on{background:var(--gold);color:#3a2608}.icon-btn{background:var(--chip);border:1px solid var(--chip-border);color:#f6e9cc;border-radius:15px;justify-content:center;align-items:center;width:34px;height:30px;font-weight:700;display:inline-flex}.icon-btn img{width:22px;height:22px}.date-chip{flex-direction:column;justify-content:center;align-items:flex-start;height:30px;font-size:11.5px;line-height:1.05}.date-chip b{font-size:12.5px}.hud-bl{left:calc(10px + var(--safe-l));bottom:calc(10px + var(--safe-b));align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-br{right:calc(10px + var(--safe-r));bottom:calc(10px + var(--safe-b));align-items:flex-end;gap:8px;display:flex;position:absolute}.btn.round.build{width:60px;height:60px}.btn.round.build img{width:36px;height:36px}.badge-count{background:var(--red);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.rel{position:relative}.toasts{top:calc(44px + var(--safe-t));pointer-events:none;flex-direction:column;align-items:center;gap:5px;width:min(460px,70vw);display:flex;position:absolute;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#f6e9cc;text-align:center;background:#221810e6;border-left:4px solid #9a8a6a;border-radius:10px;max-width:100%;padding:7px 12px;font-size:13px;animation:.25s ease-out toastIn;box-shadow:0 3px 10px #0000004d}.toast.good{border-left-color:#7ab84a}.toast.warn{border-left-color:#e8bc45}.toast.bad{border-left-color:#e2553e}.toast.out{opacity:0;transition:opacity .4s}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}}.panel{background:var(--parch);color:var(--ink);border:3px solid var(--wood);border-radius:14px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 6px 24px #00000073,inset 0 0 0 1px #ffffff80}.panel h2,.panel h3{font-family:var(--serif);color:var(--ink);margin:0}.panel h2{font-size:19px}.panel h3{margin:10px 0 4px;font-size:15px}.panel-head{background:linear-gradient(var(--parch-2), var(--parch-3));border-bottom:1px solid #c8b488;align-items:center;gap:8px;padding:8px 10px 8px 12px;display:flex}.panel-head .title{flex:1;min-width:0}.panel-head .sub{color:var(--ink-soft);font-size:12px}.panel-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;padding:10px 12px;overflow-y:auto}.close{touch-action:manipulation;width:32px;height:32px;color:var(--ink-soft);background:#5a3c1e1f;border-radius:50%;flex:none;font-size:18px;font-weight:700}.muted{color:var(--ink-soft);font-size:12.5px}.row{align-items:center;gap:6px;display:flex}.row.between{justify-content:space-between}.wrap{flex-wrap:wrap}.mt{margin-top:8px}.inspector{right:calc(8px + var(--safe-r));top:calc(42px + var(--safe-t));bottom:calc(8px + var(--safe-b));width:min(330px,46vw)}.inspector .thumb{object-fit:contain;flex:none;width:54px;height:44px}.goals{left:calc(8px + var(--safe-l));top:calc(42px + var(--safe-t));max-height:calc(100% - 50px - var(--safe-t) - var(--safe-b));width:min(320px,46vw)}.center-panel{width:min(560px,92vw);max-height:calc(100% - 24px);top:50%;left:50%;transform:translate(-50%,-50%)}.stat{border-bottom:1px dashed #d8c69c;align-items:center;gap:8px;padding:5px 0;display:flex}.stat:last-child{border-bottom:0}.stat .lbl{flex:1}.need.ok .mark{color:var(--green)}.need.bad .mark{color:var(--red)}.mark{text-align:center;width:16px;font-weight:800}.bar{background:#d8c69c;border-radius:4px;flex:1;height:8px;overflow:hidden}.bar>i{background:linear-gradient(90deg,#6f9f3a,#9ac45a);height:100%;display:block}.bar.warn>i{background:linear-gradient(90deg,#d08a2a,#e8bc45)}.bar.bad>i{background:linear-gradient(90deg,#b5412e,#d8603e)}.cost{font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.cost span{align-items:center;gap:2px;display:inline-flex}.cost .short{color:var(--red)}.status-line{background:#efe0b8;border-radius:8px;margin:6px 0;padding:6px 8px;font-size:13px}.status-line.bad{color:#7a2a14;background:#f3d3c2}.goods-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:5px;display:grid}.good-cell{font-variant-numeric:tabular-nums;background:#efe2c0;border-radius:8px;align-items:center;gap:6px;padding:5px 7px;font-size:13px;display:flex}.good-cell b{margin-left:auto}.good-cell.zero{opacity:.5}.trade-row{border-bottom:1px dashed #d8c69c;grid-template-columns:24px 1fr auto auto;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:grid}.seg{border:1px solid #8a6a44;border-radius:9px;display:inline-flex;overflow:hidden}.seg button{background:#efe2c0;padding:6px 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--wood-light);color:#fbeed0}.names{color:var(--ink-soft);font-size:12px;line-height:1.35}.build-panel{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));bottom:calc(8px + var(--safe-b));max-height:64%}.tabs{background:var(--parch-2);touch-action:pan-x;scrollbar-width:none;border-bottom:1px solid #c8b488;gap:4px;padding:6px 8px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--ink-soft);white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--serif);border-radius:9px 9px 0 0;padding:7px 12px}.tab.on{background:var(--parch);color:var(--ink);box-shadow:0 -1px #c8b488,1px 0 #c8b488,-1px 0 #c8b488}.cards{touch-action:pan-x;-webkit-overflow-scrolling:touch;gap:8px;padding:10px;display:flex;overflow-x:auto}.card{text-align:center;background:#fbf3dc;border:2px solid #d8c69c;border-radius:11px;flex-direction:column;flex:none;align-items:center;gap:3px;width:118px;padding:6px;display:flex}.card:active{border-color:var(--gold)}.card img.thumb{object-fit:contain;width:96px;height:70px}.card .name{font-family:var(--serif);font-size:13.5px;font-weight:700;line-height:1.1}.card .cost{justify-content:center;gap:4px;font-size:12px}.card.locked{opacity:.5;filter:grayscale(.7)}.card .lock{color:var(--red);font-size:11px;font-weight:600}.card.cant .cost{opacity:.85}.place-bar{left:50%;bottom:calc(10px + var(--safe-b));color:#f6e9cc;border:1px solid var(--chip-border);background:#221810eb;border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 150px);padding:8px 10px 8px 14px;display:flex;position:absolute;transform:translate(-50%)}.place-bar .info{min-width:0}.place-bar .name{font-family:var(--serif);font-size:15px;font-weight:700}.place-bar .reason{color:#ffb28a;font-size:12.5px}.place-bar .reason.ok{color:#b8e08a}.place-bar .cost{color:#f6e9cc}.place-bar .cost .short{color:#ff9a7a}.title-screen{padding:calc(12px + var(--safe-t)) calc(12px + var(--safe-r)) calc(12px + var(--safe-b)) calc(12px + var(--safe-l));background:radial-gradient(at 50% 30%,#283c1e40,#0a0e08bf);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.title-card{width:min(620px,100%);max-height:100%;position:relative}.title-logo{text-align:center;font-family:var(--serif);color:#fbeed0;text-shadow:0 3px #2a1c10,0 6px 18px #0009;background:radial-gradient(#140e088c,#140e0800 70%);padding:6px 0 2px}.title-screen .menu-buttons{filter:drop-shadow(0 6px 14px #00000073)}.title-logo h1{letter-spacing:2px;margin:0;font-size:clamp(38px,9vh,64px)}.title-logo p{color:#e8d8b0;margin:0 0 10px;font-size:15px;font-style:italic}.menu-buttons{flex-direction:column;gap:8px;width:min(320px,100%);margin:0 auto;display:flex}.menu-buttons .btn{padding:11px;font-size:16px}.scen-list{flex-direction:column;gap:8px;display:flex}.scen{background:#fbf3dc;border:2px solid #d8c69c;border-radius:10px;align-items:center;gap:10px;padding:9px 10px;display:flex}.scen .t{flex:1;min-width:0}.scen .t b{font-family:var(--serif);font-size:16px}.scen .done{color:var(--green);font-size:12px;font-weight:700}.form-row{border-bottom:1px dashed #d8c69c;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;display:flex}.toggle{background:#c8b488;border-radius:13px;flex:none;width:46px;height:26px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000004d}.toggle.on{background:var(--green)}.toggle.on:after{left:23px}.tip{color:#e8d8b0;text-align:center;margin-top:10px;font-size:12.5px}.help p{margin:6px 0;font-size:14px;line-height:1.4}@media (max-width:920px){.hud-top,.chips{gap:4px}.chip{gap:3px;padding:0 6px;font-size:12.5px}.chip img.ic{width:16px;height:16px}.speed button{width:26px;font-size:11px}.icon-btn{width:30px}.date-chip{padding:0 7px;font-size:10.5px}.date-chip b{font-size:11.5px}.hide-narrow{display:none!important}}@media (max-height:430px){#ui{font-size:13px}.chip{height:28px;padding:0 7px;font-size:12.5px}.speed,.icon-btn{height:28px}.card{width:104px}.card img.thumb{width:84px;height:56px}.build-panel{max-height:72%}}.portrait .hud-top{flex-wrap:wrap;row-gap:5px}.portrait .br{flex-basis:100%;height:0;display:block}.portrait .sp2{display:block}.portrait #h-left{order:1}.portrait .sp1{order:2}.portrait .hb-goals{order:3}.portrait .hb-menu{order:4}.portrait .br1{order:5}.portrait #h-goods{order:6}.portrait .sp2{order:7}.portrait #h-speed{order:8}.portrait .br2{order:9}.portrait #h-date{flex-direction:row;order:10;align-items:center;gap:6px;height:24px}.portrait .hide-narrow{display:none!important}.portrait .toasts{top:calc(112px + var(--safe-t));width:calc(100% - 24px)}.portrait .inspector{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));width:auto;top:auto;bottom:calc(8px + var(--safe-b));max-height:56%}.portrait .goals{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));width:auto;top:calc(108px + var(--safe-t));max-height:46%}.portrait .build-panel{max-height:52%}.portrait .place-bar{left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));max-width:none;bottom:calc(80px + var(--safe-b));transform:none}.portrait .hud-bl .btn.round{width:50px;height:50px}.portrait .hud-bl .btn.round.build{width:56px;height:56px}.portrait .center-panel{width:calc(100% - 20px)}.portrait .title-card{width:100%}