:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#f4c542;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Avenir Next,Nunito,Segoe UI,system-ui,-apple-system,sans-serif}#app{position:fixed;inset:0;height:100dvh}#app canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:fixed;inset:0;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#f4c542;color:#7a4a12;font-size:18px;font-weight:700;z-index:100;transition:opacity .4s}#loading.hidden{opacity:0;pointer-events:none}.egg-spin{width:34px;height:44px;background:#fffdf5;border-radius:50% 50% 46% 46%/60% 60% 40% 40%;box-shadow:0 6px #00000014;animation:eggwob .9s ease-in-out infinite}@keyframes eggwob{0%,to{transform:rotate(-12deg)}50%{transform:rotate(12deg) translateY(-6px)}}#hud{position:fixed;inset:0;pointer-events:none;z-index:10}.money-pill{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;align-items:center;gap:8px;background:#fffffff0;border-radius:999px;padding:7px 16px 7px 10px;font-size:20px;font-weight:800;color:#2c9e3f;box-shadow:0 3px 10px #5a320040;transition:transform .12s ease-out}.money-pill .coin{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe985,#f5b31b 70%);border:2px solid #d99a0b;color:#8a5c00;font-size:15px;font-weight:900;display:flex;align-items:center;justify-content:center}.money-pill.bump{transform:scale(1.13)}.carry-pill{position:absolute;top:calc(58px + var(--safe-top));left:calc(12px + var(--safe-left));background:#5a32008c;color:#fff;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700}.hud-buttons{position:absolute;top:calc(10px + var(--safe-top));right:calc(12px + var(--safe-right));display:flex;gap:10px}.hud-btn{pointer-events:auto;width:46px;height:46px;border:none;border-radius:14px;background:#ffffffeb;box-shadow:0 3px 8px #5a320040;font-size:21px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#7a4a12}.hud-btn:active{transform:scale(.92)}.hint-bar{position:absolute;left:50%;bottom:calc(18px + var(--safe-bottom));transform:translate(-50%);background:#422806d1;color:#ffe9b8;font-size:15px;font-weight:700;padding:9px 18px;border-radius:999px;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 10px #3c1e004d;transition:opacity .3s}.hint-bar.hidden{opacity:0}.toast{position:absolute;left:50%;top:calc(74px + var(--safe-top));transform:translate(-50%) translateY(-8px);background:#fff;color:#7a4a12;font-weight:800;font-size:16px;padding:10px 20px;border-radius:14px;box-shadow:0 4px 14px #5a32004d;opacity:0;transition:all .3s ease-out;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.banner{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background:#28160073;opacity:0;pointer-events:none;transition:opacity .4s}.banner.show{opacity:1;pointer-events:auto}.banner .big{font-size:clamp(30px,7vw,54px);font-weight:900;color:#fff;text-shadow:0 4px 0 #c97b0e,0 8px 22px rgba(0,0,0,.4);text-align:center;padding:0 20px}.banner .small{color:#ffe9b8;font-size:17px;font-weight:700}.banner button{pointer-events:auto;margin-top:14px;border:none;background:#4caf50;color:#fff;font-size:18px;font-weight:800;padding:12px 34px;border-radius:999px;box-shadow:0 5px #338136;cursor:pointer}#joy{position:fixed;width:128px;height:128px;margin:-64px 0 0 -64px;border-radius:50%;background:#ffffff24;border:2px solid rgba(255,255,255,.4);display:none;z-index:9;pointer-events:none}#joy .knob{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#ffffffbf;box-shadow:0 2px 8px #3c1e004d}#debug{position:fixed;bottom:calc(6px + var(--safe-bottom));left:calc(8px + var(--safe-left));color:#3c1e00d9;background:#fff9;font:11px/1.4 monospace;padding:4px 8px;border-radius:8px;z-index:20;pointer-events:none;white-space:pre}