*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background:#0a0705;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#fff8e7}#root{position:relative}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;background:radial-gradient(circle at center,#28140a66,#0a0705d9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;text-align:center;padding:2rem}.overlay h1{font-size:1.4rem;letter-spacing:.18em;color:#ffd24a}.overlay .sub{font-size:.8rem;color:#c9a86a;letter-spacing:.05em}.overlay .controls{font-size:.85rem;line-height:1.9;color:#fff8e7;opacity:.9}.overlay .controls b{color:#ffd24a}.overlay .click{margin-top:.5rem;font-size:.95rem;color:#ffd24a;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.crosshair{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff8e7b3;box-shadow:0 0 4px #0009;z-index:5;pointer-events:none}.hud-state{position:absolute;bottom:16px;left:16px;font-size:.75rem;color:#fff8e78c;z-index:5;pointer-events:none;letter-spacing:.05em}.overlay .goal{max-width:440px;font-size:.78rem;line-height:1.6;color:#c9a86a;margin-top:.4rem}.hunger{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:4px;width:340px}.hunger-label{font-size:.62rem;letter-spacing:.22em;color:#fff8e7b3}.hunger-bar{width:100%;height:16px;background:#140a06b3;border:1px solid rgba(255,210,74,.4);border-radius:3px;overflow:hidden}.hunger-fill{height:100%;background:linear-gradient(90deg,#ffb43a,#ffd24a);box-shadow:0 0 10px #ffd24a99;transition:width .25s ease-out}.hunger-num{font-size:.7rem;color:#ffd24a}.tele-arrow{position:absolute;top:50%;left:50%;width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-bottom:22px solid #ff5a3a;filter:drop-shadow(0 0 6px rgba(255,60,30,.9));opacity:0;z-index:6;pointer-events:none;transition:opacity .15s linear}.flash-dead{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#ff2d2d;opacity:.5;pointer-events:none;animation:deathfade .42s ease-out forwards}@keyframes deathfade{0%{opacity:.6}to{opacity:0}}.win-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;background:#0a07058c;pointer-events:none}.win-overlay .burp{font-size:4rem;font-weight:700;color:#ffd24a;letter-spacing:.05em;animation:burp-pop .4s cubic-bezier(.2,1.4,.4,1) forwards}.win-overlay .win-sub{font-size:.95rem;color:#fff8e7}@keyframes burp-pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.touch-surface{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.joy-base{position:absolute;width:104px;height:104px;transform:translate(-50%,50%);border-radius:50%;background:#fff8e70f;border:2px solid rgba(255,210,74,.32);pointer-events:none}.joy-thumb{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:#ffd24ad1;box-shadow:0 0 12px #ffd24a66}.touch-btns{position:absolute;right:24px;bottom:88px;display:flex;flex-direction:column-reverse;gap:16px}.touch-btn{width:74px;height:74px;border-radius:50%;background:#fff8e714;border:2px solid rgba(255,210,74,.4);color:#ffd24a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;font-weight:600;letter-spacing:.04em}.touch-btn:active{background:#ffd24a38}