:root{--font: Fredoka, "Nunito", system-ui, sans-serif;--sky: #7ec6f0;--grass: #3ca34a;--gold: #f2b632;--brown: #7a4b2a;--seeds: #2f7fd8;--garden: #3ca34a;--sell: #e0402f}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);touch-action:none;overscroll-behavior:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block}#hud{position:fixed;inset:0;pointer-events:none;font-family:var(--font);color:#fff;user-select:none;-webkit-user-select:none}#hud>*{pointer-events:auto}.top{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:10px}.tab{font:700 clamp(15px,2.4vw,24px)/1 var(--font);letter-spacing:.04em;color:#fff;padding:10px 22px;border:3px solid rgba(255,255,255,.85);border-radius:8px;box-shadow:0 4px #00000040;cursor:pointer;text-shadow:0 2px 0 rgba(0,0,0,.3);transition:transform .08s}.tab:active{transform:translateY(3px);box-shadow:0 1px #00000040}.tab.seeds{background:var(--seeds)}.tab.garden{background:var(--garden)}.tab.sell{background:var(--sell)}.farm-name{position:absolute;top:calc(max(12px,env(safe-area-inset-top)) + 58px);left:50%;transform:translate(-50%);font:700 clamp(14px,2vw,20px)/1 var(--font);color:var(--gold);text-shadow:0 2px 0 rgba(0,0,0,.35)}.gold{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;font:700 clamp(22px,3.4vw,34px)/1 var(--font);text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 12px rgba(0,0,0,.25);font-variant-numeric:tabular-nums}.grain{width:.8em;height:.8em;border-radius:50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#fff1b8,var(--gold) 55%,#b8841a);box-shadow:0 2px #0000004d}.hint{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));font:500 14px/1.3 var(--font);background:#00000059;padding:8px 12px;border-radius:8px;max-width:46vw;transition:opacity 1s}.hint.fade{opacity:0;pointer-events:none}.toast{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);background:#0009;padding:12px 20px;border-radius:10px;font:600 18px/1 var(--font)}#joystick{position:fixed;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.5);pointer-events:none;display:none}#joystick.on{display:block}#joystick .knob{position:absolute;left:50%;top:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#ffffffbf;box-shadow:0 3px #00000040}