: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}.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 .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}.bin-lbl{z-index:7}.bin-label{font-size:22px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.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-fillbar{width:100%;height:5px;background:#00000040;border-radius:3px;overflow:hidden;margin-top:3px}.pad-fill{width:0%;height:100%;background:#ffe27a;border-radius:3px;transition:width .1s linear}.pad-label.afford .pad-card{background:#3fa8e0;border-color:#eafaff}.pad-label.standing .pad-card{transform:scale(1.08)}.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))}.screen-card{background:#fffdf6;border-radius:22px;padding:18px 18px 20px;width:min(94vw,460px);max-height:88vh;overflow-y:auto;box-shadow:0 10px #0000001f,0 16px 40px #0000004d;text-align:center}.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-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)}#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}