@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-hebrew-400-normal-CT3eDt6U.woff2)format("woff2"),url(/assets/fredoka-hebrew-400-normal-S03uWvSu.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-ext-400-normal-h-azoVru.woff2)format("woff2"),url(/assets/fredoka-latin-ext-400-normal-Cc3DdpKI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fredoka-latin-400-normal-17JuUzdy.woff2)format("woff2"),url(/assets/fredoka-latin-400-normal-DbXSrOeS.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-hebrew-500-normal-DdMTjgiE.woff2)format("woff2"),url(/assets/fredoka-hebrew-500-normal-BtShCMVp.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-ext-500-normal-0PZPWlWP.woff2)format("woff2"),url(/assets/fredoka-latin-ext-500-normal-CA82fdYH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fredoka-latin-500-normal-B0JifZgm.woff2)format("woff2"),url(/assets/fredoka-latin-500-normal-BL692wg7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-hebrew-600-normal-CTBxhdlE.woff2)format("woff2"),url(/assets/fredoka-hebrew-600-normal-BiVDObXj.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-ext-600-normal-GoyidTAB.woff2)format("woff2"),url(/assets/fredoka-latin-ext-600-normal-BExgZzUO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fredoka-latin-600-normal-C4zohCW5.woff2)format("woff2"),url(/assets/fredoka-latin-600-normal-CcrEjrB4.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Macondo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/macondo-latin-400-normal-BsvTUpAw.woff2)format("woff2"),url(/assets/macondo-latin-400-normal-D7kw1Xlb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#3a2a1c;--ink-soft:#6b5440;--parch:#fbf4e4;--parch-2:#f1e3c4;--parch-3:#e8d3a6;--edge:#9a6f3f;--wood:#2f2418;--wood-2:#45351f;--cream:#fbf4e4;--green:#3f6b34;--green-2:#33582a;--red:#a6462a;--gold:#e7b54a;--focus:#1f5fa8;--radius:14px;--shadow:0 6px 18px #28190a47;--font:"Fredoka", system-ui, sans-serif;--title:"Macondo", "Fredoka", serif;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);background:#1d2547;margin:0;overflow:hidden}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#scene,#scene canvas{touch-action:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.hidden{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app{position:fixed;inset:0}#scene{position:absolute;inset:0}#scene canvas{width:100%;height:100%;display:block}#hud{background:var(--wood);max-width:calc(100vw - 20px);color:var(--cream);box-shadow:var(--shadow);z-index:5;border:2px solid #5b4428;border-radius:18px;align-items:stretch;gap:6px;padding:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.hud-block{background:var(--wood-2);white-space:nowrap;border-radius:12px;align-items:center;gap:6px;min-height:40px;padding:0 10px;display:flex}.village{flex-direction:column;justify-content:center;align-items:flex-start;gap:0;line-height:1.1}.v-name{font-family:var(--title);font-size:20px}.v-title{color:#e8d3a6;font-size:12px}.clock{font-size:14px}.clock .hour{font-variant-numeric:tabular-nums;background:#1f170e;border-radius:8px;padding:2px 8px;font-weight:600}.speed{gap:2px;padding:0 4px}.speed button{color:var(--cream);background:0 0;border:2px solid #0000;border-radius:9px;min-width:38px;height:34px;font-weight:600}.speed button:hover{background:#5b4428}.speed button[aria-pressed=true]{background:var(--gold);color:#2f2418;border-color:#fff3cf}.stats{gap:2px;padding:0 4px}.stat{color:var(--cream);background:0 0;border:0;border-radius:9px;align-items:center;gap:4px;padding:4px 8px;font-size:15px;display:inline-flex}button.stat:hover{background:#5b4428}.stat b{font-variant-numeric:tabular-nums;font-weight:600}.actions{gap:2px;padding:0 4px}.icon-btn{width:38px;height:34px;color:var(--cream);background:0 0;border:2px solid #0000;border-radius:10px;font-size:18px}.icon-btn:hover{background:#5b4428}.icon-btn[aria-pressed=false]{opacity:.55}#resources{z-index:4;border:2px solid var(--edge);box-shadow:var(--shadow);scrollbar-width:none;background:#fbf4e4f0;border-radius:14px;gap:4px;max-width:calc(100vw - 20px);padding:5px;display:flex;position:absolute;top:72px;left:50%;overflow-x:auto;transform:translate(-50%)}#resources::-webkit-scrollbar{display:none}.res{white-space:nowrap;border-radius:9px;align-items:center;gap:3px;padding:3px 7px;font-size:14px;display:inline-flex}.res b{font-variant-numeric:tabular-nums;font-weight:600}.res.low{background:#f6d6c8}.res.full{background:#dbe8c9}.res .cap{color:var(--ink-soft);font-size:11px}#toolbar{left:50%;bottom:calc(10px + var(--safe-b));z-index:5;background:var(--parch);border:2px solid var(--edge);width:min(980px,100vw - 20px);box-shadow:var(--shadow);border-radius:18px;position:absolute;overflow:hidden;transform:translate(-50%)}.tabs{scrollbar-width:none;align-items:flex-end;gap:4px;padding:6px 8px 0;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;color:var(--ink);background:0 0;border:2px solid #0000;border-radius:12px 12px 0 0;padding:6px 12px;font-size:15px;font-weight:500}.tab:hover{background:var(--parch-2)}.tab[aria-selected=true]{background:var(--parch-2);border-color:var(--edge);border-bottom-color:var(--parch-2)}.tab.tool{margin-left:auto}.tab.tool+.tab.tool{margin-left:0}.tab.tool[aria-pressed=true]{background:var(--red);color:#fff;border-color:var(--red)}.items{background:var(--parch-2);border-top:2px solid var(--edge);scroll-snap-type:x proximity;gap:8px;padding:8px;display:flex;overflow-x:auto}.item{background:var(--parch);scroll-snap-align:start;border:2px solid #c9a97a;border-radius:12px;flex-direction:column;flex:none;align-items:center;gap:2px;width:104px;padding:6px 4px;display:flex;position:relative}.item:hover{border-color:var(--edge);transform:translateY(-2px)}.item[aria-pressed=true]{border-color:var(--green);box-shadow:0 0 0 3px var(--green) inset;background:#eef4e4}.item img{object-fit:contain;width:76px;height:64px}.item .nm{text-align:center;align-items:center;min-height:28px;font-size:13px;font-weight:500;line-height:1.1;display:flex}.item .ct{color:var(--ink-soft);white-space:nowrap;font-size:11px}.item.cant .ct{color:var(--red);font-weight:600}.item.cant img{opacity:.55}#buildbar{left:50%;bottom:calc(196px + var(--safe-b));z-index:5;background:var(--wood);color:var(--cream);box-shadow:var(--shadow);border-radius:14px;align-items:center;gap:8px;max-width:calc(100vw - 20px);padding:6px 8px 6px 14px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}#buildbar .msg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#buildbar .bad{color:#ffc4a8}#buildbar button{background:var(--wood-2);color:var(--cream);white-space:nowrap;border:0;border-radius:10px;padding:7px 12px;font-weight:500}#buildbar button:hover{background:#5b4428}#panel{top:120px;right:12px;bottom:calc(196px + var(--safe-b));z-index:6;background:var(--parch);border:2px solid var(--edge);width:340px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;display:flex;position:absolute;overflow:hidden}.p-head{border-bottom:2px solid var(--parch-3);align-items:center;gap:8px;padding:10px 10px 8px 14px;display:flex}.p-head h2{font-family:var(--title);flex:1;margin:0;font-size:24px;font-weight:400;line-height:1.1}.p-head .close{background:var(--parch-2);border:0;border-radius:10px;width:36px;height:36px;font-size:18px}.p-head .close:hover{background:var(--parch-3)}.p-body{flex:1;padding:10px 14px 16px;overflow-y:auto}.p-body h3{color:var(--ink);margin:14px 0 6px;font-size:15px;font-weight:600}.sub{color:var(--ink-soft);margin:2px 0 8px;font-size:13px}.wish{background:#fff7d6;border:2px solid #d9b04a;border-radius:12px;align-items:flex-start;gap:8px;padding:8px 10px;font-size:14px;display:flex}.wish.ok{background:#e7f1dc;border-color:#7aa35c}.bar{grid-template-columns:22px 1fr 44px;align-items:center;gap:6px;margin:4px 0;font-size:13px;display:grid}.bar .lbl{grid-column:2;justify-content:space-between;display:flex}.meter{background:var(--parch-3);border:1px solid #b99b6a;border-radius:6px;height:9px;overflow:hidden}.meter>i{background:var(--green);border-radius:6px;height:100%;display:block}.meter.mid>i{background:#c98a1c}.meter.low>i{background:var(--red)}.bar .pct{text-align:right;font-variant-numeric:tabular-nums;font-weight:500}.row{flex-wrap:wrap;gap:6px;display:flex}.btn{border:2px solid var(--edge);background:var(--parch-2);color:var(--ink);border-radius:11px;padding:7px 12px;font-weight:500}.btn:hover{background:var(--parch-3)}.btn.primary{background:var(--green);border-color:var(--green-2);color:#fff}.btn.primary:hover{background:var(--green-2)}.btn.danger{background:var(--red);color:#fff;border-color:#7f3420}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{border:2px solid var(--edge);border-radius:11px;display:flex;overflow:hidden}.seg button{background:var(--parch);border:0;border-right:1px solid #c9a97a;flex:1;padding:7px 4px;font-weight:500}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--green);color:#fff}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{border:2px solid #7a5a3a;border-radius:50%;width:30px;height:30px;padding:0}.sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--parch), 0 0 0 6px var(--ink)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:2px solid var(--edge);background:var(--parch);border-radius:20px;padding:5px 11px;font-size:13px;font-weight:500}.chip[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green-2)}.chip[aria-pressed=true]:before{content:"✓ "}.list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.list li>button,.list li>div{text-align:left;background:var(--parch-2);border:2px solid #0000;border-radius:10px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:14px;display:flex}.list li>button:hover{border-color:var(--edge)}.list .meta{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:12px}.dot{border:2px solid #00000040;border-radius:50%;flex:none;width:14px;height:14px}.kv{grid-template-columns:auto 1fr;gap:3px 10px;font-size:14px;display:grid}.kv dt{color:var(--ink-soft)}.kv dd{margin:0;font-weight:500}.name-input{width:100%;font:inherit;border:2px solid var(--edge);color:var(--ink);background:#fff;border-radius:10px;padding:7px 10px;font-size:16px}.milestone{background:var(--parch-2);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:8px;display:flex}.milestone.done{background:#e7f1dc}.milestone .ic{font-size:20px}.milestone b{display:block}.milestone small{color:var(--ink-soft)}.spark{background:var(--parch-2);border-radius:10px;width:100%;height:70px}#goal{z-index:4;border:2px solid var(--edge);width:280px;box-shadow:var(--shadow);background:#fbf4e4f2;border-radius:14px;padding:8px 12px;font-size:13px;position:absolute;top:120px;left:12px}#goal b{font-size:14px}#goal .k{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12px}#toasts{left:12px;bottom:calc(200px + var(--safe-b));z-index:7;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute}.toast{background:var(--wood);color:var(--cream);box-shadow:var(--shadow);border-radius:12px;max-width:340px;padding:8px 12px;font-size:14px;animation:.25s ease-out toast-in}.toast.good{background:var(--green)}.toast.bad{background:var(--red)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#tooltip{z-index:20;pointer-events:none;background:var(--wood);color:var(--cream);max-width:260px;box-shadow:var(--shadow);border-radius:10px;padding:8px 10px;font-size:13px;position:fixed}#tooltip b{margin-bottom:2px;font-size:14px;display:block}#bubbles{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.bubble{pointer-events:auto;cursor:pointer;background:#fffdf5;border:2px solid #9a6f3f;border-radius:14px;padding:1px 6px;font-size:16px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 3px 8px #28190a40}.bubble:after{content:"";background:#fffdf5;border-bottom:2px solid #9a6f3f;border-right:2px solid #9a6f3f;width:8px;height:8px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}#start{z-index:30;background:#1418282e;justify-content:flex-start;align-items:center;padding:6vw;display:flex;position:absolute;inset:0}.start-card{border:3px solid var(--edge);background:#fbf4e4f7;border-radius:26px;width:min(440px,100%);padding:26px 28px;box-shadow:0 18px 50px #140c0473}.start-card h1{font-family:var(--title);color:#3a2a1c;margin:0;font-size:56px;font-weight:400;line-height:1}.tagline{color:var(--ink-soft);margin:6px 0 18px;font-size:17px}.loading{align-items:center;gap:10px;min-height:48px;font-size:15px;display:flex}.spinner{border:3px solid var(--parch-3);border-top-color:var(--green);border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#start-actions{flex-direction:column;gap:10px;display:flex}.big{text-align:left;border-radius:14px;flex-direction:column;gap:2px;padding:12px 16px;font-size:18px;display:flex}.big small{opacity:.9;font-size:13px;font-weight:400}#modal{z-index:40;background:#140f0873;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.modal-card{background:var(--parch);border:3px solid var(--edge);border-radius:20px;width:min(520px,100%);max-height:calc(100vh - 32px);padding:20px 22px;overflow:auto;box-shadow:0 18px 50px #140c0473}.modal-card h2{font-family:var(--title);margin:0 0 10px;font-size:30px;font-weight:400}.modal-card label{margin:12px 0 6px;font-weight:500;display:block}.modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode{text-align:left;border:2px solid var(--edge);background:var(--parch-2);border-radius:14px;padding:10px 12px}.mode[aria-pressed=true]{box-shadow:0 0 0 3px var(--green) inset;border-color:var(--green);background:#eef4e4}.mode b{font-size:16px;display:block}.mode span{color:var(--ink-soft);font-size:13px}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.help{font-size:14px;line-height:1.5}.help kbd{background:var(--parch-2);border:1px solid var(--edge);font-family:var(--font);border-radius:5px;padding:0 5px}@media (prefers-reduced-motion:reduce){.toast{animation:none}.spinner{animation-duration:3s}.item:hover{transform:none}}@media (max-width:760px){#hud{border-radius:14px;flex-wrap:wrap;justify-content:center;gap:4px;width:calc(100vw - 12px);padding:4px;top:6px}.hud-block{min-height:34px;padding:0 6px}.village{display:none}.clock{font-size:12px}#v-date{text-overflow:ellipsis;max-width:120px;overflow:hidden}.speed button{min-width:32px;height:30px;font-size:13px}.stat{padding:3px 5px;font-size:13px}.icon-btn{width:32px;height:30px;font-size:16px}.clock{order:1}.actions{order:2}.speed{order:3}.stats{order:4}.speed button{min-width:30px}#resources{justify-content:flex-start;width:calc(100vw - 12px);top:92px}.res{padding:2px 5px;font-size:12px}#goal{display:none}#toolbar{width:calc(100vw - 12px);bottom:calc(6px + var(--safe-b));border-radius:14px}.tab{padding:5px 9px;font-size:13px}.item{width:84px}.item img{width:60px;height:50px}.item .nm{min-height:26px;font-size:12px}#panel{width:auto;top:auto;left:6px;right:6px;bottom:calc(6px + var(--safe-b));z-index:8;max-height:58vh}#buildbar{bottom:calc(172px + var(--safe-b));font-size:13px}#toasts{left:6px;right:6px;bottom:calc(172px + var(--safe-b));align-items:center}#start{align-items:flex-end;padding:16px}.start-card{padding:20px}.start-card h1{font-size:44px}}