:root{--bg:#123528;--ink:#f7f3e8;--muted:#f7f3e8b8;--panel:#0c241ce0;--line:#f7f3e838;--rose:#e4576a;--blue:#4f8cff;--green:#49c27a;--honey:#f0b429;--accent:#ffd66b;--shadow:0 12px 32px #00000047;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:geometricprecision;font-family:Segoe UI,Avenir Next,Avenir,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;min-width:320px}#app{background:radial-gradient(circle at 15% 10%,#ffd66b2e,#0000 28rem),radial-gradient(circle at 85% 80%,#49c27a29,#0000 26rem),#0d2a20;position:relative}#game-canvas{touch-action:none;outline:none;width:100vw;height:100vh;display:block}.hidden{display:none!important}.overlay-panel{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;pointer-events:auto;background:radial-gradient(circle at 50% 20%,#ffd66b29,#0000 40%),#061610b8;place-items:center;display:grid;position:absolute;inset:0}.panel-card{border:1px solid var(--line);width:min(460px,100%);box-shadow:var(--shadow);background:linear-gradient(165deg,#184432f7,#0a2018f7);border-radius:22px;padding:24px 22px 20px}.title-card h1,.upgrade-card h2{letter-spacing:-.03em;margin:4px 0 10px;font-size:clamp(1.8rem,7vw,2.5rem);line-height:1.05}.upgrade-card h2{margin-bottom:4px;font-size:1.55rem}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:800}.lead{color:var(--muted);margin:0 0 12px;font-size:.93rem;line-height:1.45}.feature-list{margin:0 0 16px;padding:0 0 0 1.1rem;font-size:.88rem;line-height:1.55}.primary-btn,.buy-btn{color:#1a2a12;cursor:pointer;background:linear-gradient(135deg,#ffe08a,#f0b429);border:0;border-radius:999px;padding:12px 16px;font-size:.98rem;font-weight:800;box-shadow:0 10px 24px #f0b42947}.primary-btn{width:100%}.primary-btn:hover,.buy-btn:hover{filter:brightness(1.05)}.buy-btn:disabled{filter:grayscale(.4)brightness(.85);cursor:not-allowed;opacity:.65}.ghost-btn{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:999px;padding:8px 14px;font-weight:700}.hint{text-align:center;color:var(--muted);margin:12px 0 0;font-size:.76rem}.mobile-only{display:none}#hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-left{top:max(12px, env(safe-area-inset-top));left:max(12px, env(safe-area-inset-left));flex-direction:column;gap:7px;display:flex;position:absolute}.hud-right{top:max(12px, env(safe-area-inset-top));right:max(12px, env(safe-area-inset-right));pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.hud-metric{border:1px solid var(--line);background:var(--panel);min-width:112px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:9px 11px}.hud-metric span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:700;display:block}.hud-metric strong{margin-top:2px;font-size:1.15rem;font-weight:800;display:block}.goal-bar{background:#ffffff1f;border-radius:999px;height:7px;margin-top:7px;overflow:hidden}.goal-bar i{border-radius:inherit;background:linear-gradient(90deg,#49c27a,#ffe08a);width:0%;height:100%;transition:width .25s;display:block}.resource-strip{flex-direction:column;align-items:flex-end;gap:5px;max-height:42vh;display:flex;overflow:hidden}.resource-pill{border:1px solid var(--line);background:var(--panel);min-width:52px;box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:.88rem;font-weight:800;display:flex}.resource-pill .dot{border-radius:50%;width:11px;height:11px;box-shadow:inset 0 0 0 1px #00000026}.icon-btn{pointer-events:auto;border:1px solid var(--line);width:48px;height:48px;color:var(--accent);cursor:pointer;box-shadow:var(--shadow);background:linear-gradient(145deg,#306040f2,#10281cf2);border-radius:14px;font-size:1.25rem}#status-line{left:50%;bottom:max(108px, calc(env(safe-area-inset-bottom) + 96px));border:1px solid var(--line);text-align:center;max-width:min(90vw,380px);box-shadow:var(--shadow);background:#0a1c16cc;border-radius:999px;padding:10px 14px;font-size:.8rem;font-weight:700;position:absolute;transform:translate(-50%)}#milestone-toast{color:#fff6d2;text-align:center;z-index:15;background:linear-gradient(165deg,#305c30f2,#122c1cf2);border:1px solid #ffd66b73;border-radius:16px;padding:14px 18px;font-size:1rem;font-weight:800;animation:.35s toast-in;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #00000059}#tutorial-tip{left:50%;top:max(100px, calc(env(safe-area-inset-top) + 86px));max-width:min(90vw,400px);color:var(--accent);text-align:center;box-shadow:var(--shadow);z-index:14;background:#0c241ceb;border:1px solid #ffd66b59;border-radius:12px;padding:10px 14px;font-size:.82rem;font-weight:700;position:absolute;transform:translate(-50%)}#float-layer{pointer-events:none;position:absolute;inset:0;overflow:hidden}.float-cash{color:#7dffb0;text-shadow:0 2px 8px #00000073;font-size:1.15rem;font-weight:900;animation:.9s forwards float-up;position:absolute;top:45%;left:50%;transform:translate(-50%)}@keyframes float-up{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-48px)}}.upgrade-card{flex-direction:column;width:min(520px,100%);max-height:min(86vh,720px);display:flex}.upgrade-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.upgrade-cash{color:var(--accent);margin:8px 0 12px;font-weight:800}.upgrade-list{flex-direction:column;gap:8px;max-height:min(58vh,480px);padding-right:4px;display:flex;overflow:auto}.upgrade-row{border:1px solid var(--line);background:#0000002e;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px;display:grid}.upgrade-row h3{margin:0;font-size:.95rem}.upgrade-row p{color:var(--muted);margin:2px 0 0;font-size:.78rem;line-height:1.35}.upgrade-row .meta{color:#f7f3e899;grid-column:1/-1;justify-content:space-between;gap:8px;font-size:.72rem;display:flex}#touch-controls{left:max(18px, env(safe-area-inset-left));bottom:max(18px, env(safe-area-inset-bottom));pointer-events:none;z-index:12;display:none;position:absolute}#touch-stick{aspect-ratio:1;pointer-events:auto;touch-action:none;background:#0a1c167a;border:1px solid #f7f3e847;border-radius:50%;width:clamp(104px,26vw,140px);position:relative}#touch-knob{aspect-ratio:1;background:linear-gradient(145deg,#ffe08a,#f0b429);border-radius:50%;width:42%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px #f0b42966}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (pointer:coarse),(width<=820px){#touch-controls{display:block}.desktop-only{display:none}.mobile-only{display:block}#status-line{bottom:max(150px, calc(env(safe-area-inset-bottom) + 140px));font-size:.76rem}.hud-metric{min-width:98px;padding:8px 9px}.hud-metric strong{font-size:1.05rem}}@media (width>=821px) and (pointer:fine){.mobile-only{display:none}}