:root{--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif}#ui-root{position:fixed;inset:0;pointer-events:none;font-family:var(--ui-font);z-index:10;overflow:hidden}#input-zone{position:absolute;inset:0;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.joy-base,.joy-knob{position:absolute;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .12s ease;will-change:transform,opacity;z-index:11}#ui-root.hide-joystick .joy-base,#ui-root.hide-joystick .joy-knob{display:none!important}.joy-base{width:130px;height:130px;margin-left:-65px;margin-top:-65px;background:radial-gradient(circle,#ffffff29,#ffffff14 60%,#fff0 72%);border:3px solid rgba(255,255,255,.55);box-shadow:0 2px 10px #00000026}.joy-knob{width:62px;height:62px;margin-left:-31px;margin-top:-31px;background:radial-gradient(circle at 38% 32%,#fff,#eaf3ff 55%,#c9def5);border:3px solid rgba(255,255,255,.85);box-shadow:0 3px 10px #00000038}#hud{position:absolute;top:max(10px,var(--safe-t));left:0;right:0;display:flex;justify-content:center;gap:10px;pointer-events:none}.money-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#2f7a3f;font-weight:800;font-size:clamp(18px,5vw,26px);padding:7px 18px 7px 12px;border-radius:999px;box-shadow:0 4px #0000001f,0 6px 14px #0000002e;border:3px solid #eafaef;letter-spacing:.3px}.money-pill.gain{animation:moneygain .32s cubic-bezier(.2,1.5,.4,1)}@keyframes moneygain{0%{transform:scale(1);border-color:#eafaef}40%{transform:scale(1.13);border-color:#7bd88f;box-shadow:0 4px #0000001f,0 0 18px #5fd06a99}to{transform:scale(1);border-color:#eafaef}}.money-pill .coin{width:26px;height:26px;border-radius:50%;background:linear-gradient(160deg,#6fd27f,#3f9a55);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:16px;box-shadow:inset 0 -2px #0000002e}#controls{position:absolute;left:max(12px,var(--safe-l));bottom:max(12px,var(--safe-b));display:flex;gap:10px;pointer-events:none}.btn{pointer-events:auto;width:46px;height:46px;border-radius:14px;background:#ffffffeb;border:none;box-shadow:0 3px #0000001f,0 5px 12px #0000002e;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;color:#444}.btn:active{transform:translateY(2px);box-shadow:0 1px #0000001f}#fps{position:absolute;top:max(10px,var(--safe-t));right:max(12px,var(--safe-r));background:#00000073;color:#9fff9f;font-size:12px;font-variant-numeric:tabular-nums;padding:3px 7px;border-radius:7px;display:none}#fps.show{display:block}.world-label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;will-change:transform;z-index:9}.popup{position:absolute;left:0;top:0;transform:translate(-50%,-50%);pointer-events:none;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.4);font-size:20px;z-index:12}.bubble-label{z-index:8}.bubble{display:inline-flex;align-items:center;gap:4px;background:#b23a2e;color:#fff;font-weight:800;font-size:15px;padding:4px 9px 4px 6px;border-radius:10px;box-shadow:0 3px #0000002e;border:2px solid #d4564a;position:relative;white-space:nowrap}.bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #b23a2e}.bub-ic{width:18px;height:18px;border-radius:4px;display:inline-block;background:#f3ede0;box-shadow:inset 0 0 0 2px #0000002e,0 1px #0000001f}.bub-n{font-size:15px}.bubble{flex-wrap:wrap}.cust-pat{flex-basis:100%;height:4px;margin-top:3px;background:#0000004d;border-radius:2px;overflow:hidden}.cust-pat>i{display:block;height:100%;width:100%;background:#5fd06a;border-radius:2px;transition:width .2s linear,background .2s linear}.bin-lbl{z-index:8}.bin-label{font-size:26px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35));display:flex;flex-direction:column;align-items:center;line-height:1}.bin-label.tappable{cursor:pointer;touch-action:manipulation}.bin-label.tappable:active{transform:scale(.9)}.bin-label .bin-hint{font-size:9px;font-weight:900;letter-spacing:1px;color:#fff;background:#00000073;border-radius:5px;padding:0 5px;margin-top:1px;display:none}.bin-label:not(.near){opacity:.6}.bin-label.near .bin-hint{display:block}.mach-ind-label{z-index:6}.mach-ind{display:flex;flex-direction:column;align-items:center;gap:4px}.prod-pie{width:24px;height:24px;border-radius:50%;background:conic-gradient(#ffd24a,#0003 0deg 360deg);box-shadow:0 0 0 2.5px #ffffffe6,0 2px 5px #0000004d;transition:opacity .2s ease}.prod-pie:after{content:"";position:absolute;left:50%;top:12px;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#fffdf6}.prod-pie{position:relative}.mach-ind.idle .prod-pie{opacity:.42}.mach-ind.damaged .prod-pie{box-shadow:0 0 0 2.5px #ff5a5a,0 2px 7px #0006;animation:machshake .45s infinite}.repair-badge{display:none;align-items:center;gap:1px;background:#ff5a5a;color:#fff;font-weight:900;font-size:12px;padding:3px 8px 4px;border-radius:11px;box-shadow:0 2px #c43b3b;white-space:nowrap}.mach-ind.damaged .repair-badge{display:inline-flex}.mach-ind.damaged.near .repair-badge{cursor:pointer;touch-action:manipulation;transform:scale(1.1);box-shadow:0 3px #c43b3b}@keyframes machshake{0%,to{transform:translate(0)}25%{transform:translate(-1.5px)}75%{transform:translate(1.5px)}}.hbar-label{z-index:7}.hbar{width:38px;height:7px;background:#00000080;border-radius:4px;padding:1px;box-shadow:0 1px 2px #0000004d}.hbar-fill{width:100%;height:100%;background:#e0473b;border-radius:3px;transition:width .08s linear}.hbar.dog .hbar-fill{background:#5fd06a}.pad-label{z-index:8}.pad-card{display:flex;flex-direction:column;align-items:center;gap:2px;background:#9c6a33;color:#fff7e8;border:3px solid #fff7e8;border-radius:12px;padding:6px 14px 7px;box-shadow:0 4px #00000038,0 6px 14px #00000038;text-align:center;min-width:78px;transition:background .2s ease,transform .12s ease}.pad-card .pad-title{font-weight:800;font-size:13px;letter-spacing:.6px;opacity:.95}.pad-card .pad-cost{font-weight:900;font-size:20px;line-height:1}.pad-card .pad-hint{margin-top:3px;font-weight:900;font-size:11px;letter-spacing:1px;background:#ffffff40;border-radius:6px;padding:1px 8px;opacity:.85;display:none}.pad-label:not(.near) .pad-card{opacity:.5}.pad-label.near .pad-card .pad-hint{display:block}.pad-label.tappable.near{cursor:pointer;touch-action:manipulation}.pad-label.afford .pad-card{background:#3fa85a;border-color:#eafff0;animation:padpulse 1.1s ease-in-out infinite}.pad-label.afford .pad-hint{background:#ffffff73;opacity:1}@keyframes padpulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.pad-label.tappable:active .pad-card{transform:scale(.94)}.pad-label.shake{animation:padshake .32s ease}@keyframes padshake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.hidden{display:none!important}#objective{position:absolute;top:max(58px,calc(var(--safe-t) + 48px));left:50%;transform:translate(-50%);width:min(82vw,360px);background:#ffffffeb;border-radius:14px;padding:7px 12px 9px;box-shadow:0 4px #0000001a,0 6px 14px #00000029;text-align:center;pointer-events:none;z-index:11}.obj-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.obj-name{font-weight:800;font-size:13px;color:#6b4a22;letter-spacing:.2px}.obj-timer{font-weight:900;font-size:15px;color:#2f7a3f;font-variant-numeric:tabular-nums;background:#eafaef;border-radius:8px;padding:1px 8px}.obj-timer.low{color:#fff;background:#e0473b;animation:timerblink .7s ease-in-out infinite}@keyframes timerblink{0%,to{opacity:1}50%{opacity:.55}}.obj-goals{display:flex;justify-content:space-between;gap:5px;margin:5px 0 4px}.goal{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;background:#f1ece0;border-radius:9px;padding:3px 2px;transition:background .25s ease,transform .2s ease}.goal .gs{font-size:11px;color:#b8a98a;letter-spacing:-1px}.goal .gv{font-size:13px;color:#7a6a4a;font-weight:800;font-variant-numeric:tabular-nums}.goal.hit{background:#fff2c4;transform:translateY(-1px)}.goal.hit .gs{color:#ff9f1a}.goal.hit .gv{color:#c47f12}.obj-bar{height:7px;background:#e4dfd2;border-radius:5px;overflow:hidden}.obj-fill{height:100%;width:0%;background:linear-gradient(90deg,#76d36f,#4fae5a);border-radius:5px;transition:width .15s linear}.obj-hint{font-weight:700;font-size:12px;color:#6b5a3a;margin-top:4px;font-variant-numeric:tabular-nums}.obj-hint b{color:#3f8a4f}#menu-btn{position:absolute;top:max(10px,var(--safe-t));left:max(12px,var(--safe-l));z-index:12}#next-btn{position:absolute;right:max(14px,var(--safe-r));bottom:max(78px,calc(var(--safe-b) + 70px));z-index:12;pointer-events:auto;background:linear-gradient(180deg,#5fd06a,#3f9a55);color:#fff;font-weight:900;font-size:17px;border:none;border-radius:14px;padding:12px 22px;box-shadow:0 4px #2f7a40,0 7px 16px #00000040;cursor:pointer;touch-action:manipulation;animation:nextpulse 1s ease-in-out infinite}@keyframes nextpulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}#next-btn:active{transform:translateY(2px)}.screen{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#8fd14ff5,#78b446f5);pointer-events:auto;padding:max(16px,var(--safe-t)) 16px max(16px,var(--safe-b));touch-action:manipulation}.screen-card{position:relative;background:#fffdf6;border-radius:22px;padding:18px 18px 20px;width:min(94vw,460px);max-height:88vh;overflow-y:auto;touch-action:pan-y;box-shadow:0 10px #0000001f,0 16px 40px #0000004d;text-align:center}.world-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.world-cell{border:none;background:linear-gradient(180deg,#ffe9a8,#ffd668);border-radius:18px;padding:18px 10px 14px;box-shadow:0 5px #d6a93a;cursor:pointer;touch-action:manipulation;text-align:center}.world-cell:active{transform:translateY(2px);box-shadow:0 3px #d6a93a}.world-cell.locked{background:#ded8c8;box-shadow:0 5px #b8b09a;opacity:.85;cursor:default}.wc-emoji{font-size:42px;line-height:1.1}.wc-name{font-weight:900;font-size:15px;color:#6b4a22;margin-top:4px}.wc-stars{font-weight:800;font-size:13px;color:#8a6a2a;margin-top:3px}.back-btn{position:absolute;left:14px;top:14px;z-index:2;background:#fff;border:none;border-radius:12px;padding:7px 13px;font-weight:800;font-size:14px;color:#6b5a3a;box-shadow:0 3px #d8cfb6;cursor:pointer;touch-action:manipulation}.back-btn:active{transform:translateY(2px);box-shadow:0 1px #d8cfb6}.screen-title{font-weight:900;font-size:clamp(22px,6vw,30px);color:#e0473b}.screen-sub{font-weight:700;font-size:14px;color:#8a7a5a;margin-bottom:12px}.level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.level-cell{border:none;background:linear-gradient(180deg,#ffe9a8,#ffd668);border-radius:16px;padding:12px 8px 10px;box-shadow:0 4px #d6a93a;cursor:pointer;touch-action:manipulation;text-align:center}.level-cell:active{transform:translateY(2px);box-shadow:0 2px #d6a93a}.level-cell.locked{background:#ded8c8;box-shadow:0 4px #b8b09a;cursor:default;opacity:.85}.lc-num{font-weight:900;font-size:26px;color:#6b4a22}.lc-name{font-weight:800;font-size:12px;color:#7a5a2a;min-height:28px;display:flex;align-items:center;justify-content:center}.lc-stars{margin-top:2px}.lc-stars .cs{color:#cdbf98;font-size:16px}.lc-stars .cs.on{color:#ff9f1a}.total-stars{margin-top:14px;font-weight:900;font-size:18px;color:#6b4a22}.complete-card{background:#fffdf6}.complete-title{font-weight:900;font-size:clamp(24px,7vw,34px);color:#3f9a55;margin-bottom:8px}.big-stars{display:flex;justify-content:center;gap:14px;margin:12px 0;min-height:64px}.big-stars .bstar{width:56px;height:56px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:#ddd6c4;transform:scale(.6);transition:transform .1s ease}.big-stars .bstar.on{background:#ffcf3a}.big-stars .bstar.pop{animation:starpop .45s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes starpop{0%{transform:scale(.4) rotate(-20deg)}60%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}.complete-stat{display:flex;flex-direction:column;align-items:center;gap:1px;background:#f3faf4;border-radius:14px;padding:10px 12px;margin:4px auto 12px;width:fit-content;min-width:160px}.complete-stat .cs-money{font-weight:900;font-size:30px;color:#2f9a4f;font-variant-numeric:tabular-nums}.complete-stat .cs-sub{font-weight:700;font-size:11px;color:#8a9a8c;text-transform:uppercase;letter-spacing:.5px}.complete-msg{font-weight:700;color:#8a7a5a;font-size:14px;margin-bottom:14px;min-height:18px}.complete-btns{display:flex;flex-direction:column;gap:9px}.cbtn{border:none;border-radius:14px;padding:13px;font-weight:900;font-size:16px;cursor:pointer;touch-action:manipulation;color:#fff}.cbtn.next{background:linear-gradient(180deg,#5fd06a,#3f9a55);box-shadow:0 4px #2f7a40}.cbtn.replay{background:linear-gradient(180deg,#59b6e8,#3f8fc4);box-shadow:0 4px #2f6f9a}.cbtn.keep{background:#fff;color:#6b5a3a;box-shadow:0 4px #d8cfb6}.cbtn.menu{background:#b9956a;box-shadow:0 4px #8a6f44}.cbtn:active{transform:translateY(2px)}#level-complete:not(.hidden) .complete-card{animation:cardpop .34s cubic-bezier(.2,1.4,.4,1) both}@keyframes cardpop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}#respawn-overlay{position:absolute;inset:0;z-index:28;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,#961e1e42,#3c0a0a70)}#respawn-overlay.show .respawn-card{animation:respawnpop .3s cubic-bezier(.2,1.5,.4,1) both}.respawn-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:#fffdf6f7;border-radius:22px;padding:18px 28px;box-shadow:0 8px #00000029,0 14px 34px #0000005c}.respawn-ring{position:relative;width:92px;height:92px;display:grid;place-items:center;margin-bottom:2px}.respawn-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.rr-track{fill:none;stroke:#f0e3d0;stroke-width:7}.rr-fill{fill:none;stroke:#ef5a5a;stroke-width:7;stroke-linecap:round;transition:stroke-dashoffset .2s linear}.respawn-num{font-weight:900;font-size:40px;color:#e0473b;font-variant-numeric:tabular-nums;line-height:1}.respawn-title{font-weight:900;font-size:20px;color:#e0473b}.respawn-sub{font-weight:700;font-size:13px;color:#8a7a5a}@keyframes respawnpop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#level-complete:not(.hidden) .complete-card,#respawn-overlay.show .respawn-card{animation:none!important}.big-stars .bstar.pop{animation:none!important}.rr-fill{transition:none!important}.pad-label .pad-card,.obj-timer.low,#next-btn,.mach-ind.damaged .prod-pie,.money-pill.gain{animation:none!important}}#settings-btn{position:absolute;top:max(10px,var(--safe-t));left:max(64px,calc(var(--safe-l) + 54px));z-index:12}.settings-rows{text-align:left;margin:12px 0 4px}.set-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 6px;border-bottom:1px solid #efe9da}.set-label{display:flex;align-items:center;gap:9px;font-weight:700;color:#5a4a2e;font-size:15px}.set-ic{font-size:19px;width:24px;text-align:center}.toggle{width:56px;height:32px;border-radius:16px;background:#d3ccba;border:none;position:relative;cursor:pointer;padding:0;flex:none;transition:background .22s ease;touch-action:manipulation}.toggle.on{background:#4fae5a}.toggle:active{transform:scale(.95)}.toggle .knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000047;transition:left .22s cubic-bezier(.3,1.4,.5,1)}.toggle.on .knob{left:27px}.set-save{margin-top:18px;width:100%}.danger-zone{margin-top:14px;padding:12px;border:2px dashed #e6b0a8;border-radius:14px;background:#fdf3f1}.danger-btn{width:100%;border:none;border-radius:12px;padding:12px;font-weight:900;font-size:15px;color:#c0392b;background:#fbe4e0;box-shadow:0 3px #e6b0a8;cursor:pointer;touch-action:manipulation}.danger-btn:active{transform:translateY(2px);box-shadow:0 1px #e6b0a8}.danger-btn.confirm{color:#fff;background:#e0473b;box-shadow:0 3px #a82f25;flex:1}.danger-warn{color:#b23b2e;font-weight:800;font-size:14px;text-align:center;line-height:1.4;margin-bottom:10px}.danger-warn span{font-weight:700;color:#c0796f;font-size:12px}.danger-confirm-row{display:flex;gap:8px}.danger-confirm-row .cbtn.keep{flex:1;margin:0}#toast{position:absolute;left:50%;top:22%;transform:translate(-50%,-50%);background:#0000009e;color:#fff;font-weight:800;font-size:clamp(15px,4.4vw,22px);padding:10px 20px;border-radius:14px;text-align:center;pointer-events:none;opacity:0;transition:opacity .3s ease;max-width:80vw;z-index:13}#toast.show{opacity:1}#coach{position:absolute;left:50%;bottom:28%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:20;text-align:center}.coach-hand{font-size:46px;animation:coachbob 1.1s ease-in-out infinite;filter:drop-shadow(0 3px 4px rgba(0,0,0,.45))}.coach-text{font-weight:900;font-size:16px;color:#fff;background:#00000094;padding:7px 16px;border-radius:999px;box-shadow:0 3px 10px #0000004d}@keyframes coachbob{0%,to{transform:translateY(0)}50%{transform:translateY(11px)}}.lc-new{position:absolute;top:-6px;right:-6px;background:#e0473b;color:#fff;font-weight:900;font-size:10px;padding:2px 7px;border-radius:999px;box-shadow:0 2px #a82f25;letter-spacing:.5px;transform:rotate(8deg)}.level-cell{position:relative}@media(prefers-reduced-motion:reduce){.coach-hand{animation:none!important}}