html,body{margin:0;height:100%;background:#2a1d14;overflow:hidden}*{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#stage{position:fixed;inset:0;touch-action:none;background:#1a0f08 url(../img/shop-bg.webp) center top / cover no-repeat}#c{position:absolute;inset:0;width:100%;height:100%;display:block}#stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 90% 55% at 0% 8%,rgba(255,196,120,.24),transparent 70%),radial-gradient(ellipse 80% 62% at 46% 50%,transparent 55%,rgba(14,7,3,.62))}#bar{position:absolute;left:12%;right:12%;top:calc(env(safe-area-inset-top,0px) + 14px);height:26px;box-sizing:border-box;border-radius:14px;border:3px solid #5a3a20;background:#180e08c7;box-shadow:0 0 0 2px #c9954f,0 3px 0 2px #2a170a,0 6px 10px #00000080,inset 0 2px 4px #000000b3;overflow:hidden}#bar i{display:block;height:100%;width:0;border-radius:10px;background:linear-gradient(#ffe29a,#f0b04a 55%,#c77a22);box-shadow:inset 0 2px #ffffffa6,inset 0 -2px #783c0a73;transition:width .25s ease-out}#bar.oil i{background:linear-gradient(#ffc06a,#e8823a 55%,#a84a14)}#pct{position:absolute;inset:0;display:grid;place-items:center;font:900 16px/1 system-ui,sans-serif;color:#fff7e2;text-shadow:0 1px 0 #4a2a10,0 -1px 0 #4a2a10,1px 0 0 #4a2a10,-1px 0 0 #4a2a10,0 2px 3px rgba(0,0,0,.6);letter-spacing:.02em;pointer-events:none}#pop{position:absolute;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 46px);text-align:center;pointer-events:none;opacity:0;font:900 40px/1 system-ui,sans-serif;color:#ffe9a8;-webkit-text-stroke:5px #6a3410;paint-order:stroke fill;text-shadow:0 3px 0 #3a1c08,0 6px 10px rgba(0,0,0,.55)}#pop.go{animation:pop 2.2s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{opacity:0;transform:scale(.5)}14%{opacity:1;transform:scale(1.25)}26%{transform:scale(1)}86%{opacity:1}to{opacity:0;transform:translateY(-8px)}}#tools{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;justify-content:center;gap:28px;pointer-events:none}.tool{pointer-events:auto;width:68px;height:68px;border-radius:50%;padding:0;border:0;cursor:pointer;background:radial-gradient(circle at 50% 35%,#fff4dd,#e8cfa2 70%,#c9a46c);box-shadow:0 4px #7a5530,0 7px 12px #00000073;display:grid;place-items:center;transition:transform .12s,filter .2s,opacity .2s}.tool img{width:78%;height:78%;object-fit:contain;pointer-events:none}.tool:active{transform:translateY(3px);box-shadow:0 1px #7a5530,0 3px 6px #00000073}.tool.on{outline:3px solid #ffe7a3;outline-offset:3px}.tool:disabled{filter:grayscale(1) brightness(.6);opacity:.55;cursor:default}.tool.pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.1)}}#hint{position:absolute;width:0;height:0;pointer-events:none}#hint i{position:absolute;left:-22px;top:-22px;width:44px;height:44px;border-radius:50%;border:3px solid rgba(255,246,225,.95);background:#fff6e140;box-shadow:0 0 12px #ffe6b499;animation:push 1.4s cubic-bezier(.45,0,.3,1) infinite}#hint.wipe i{animation:wipe 1.6s ease-in-out infinite}@keyframes push{0%{transform:translateY(40px) scale(.9);opacity:0}15%{opacity:1}75%{transform:translateY(-120px) scale(1);opacity:1}to{transform:translateY(-140px);opacity:0}}@keyframes wipe{0%,to{transform:translate(-50px)}50%{transform:translate(50px,12px)}}#end{position:absolute;left:7%;right:7%;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);margin:0;padding:16px 16px 14px;border-radius:18px;border:3px solid #5a3a20;background:#1e120ae6;box-shadow:0 0 0 2px #c9954f,0 8px 18px #0000008c;color:#fff3dc;font:700 16px/1.35 system-ui,sans-serif;text-align:center;animation:endIn .45s cubic-bezier(.2,1.3,.4,1) both}#end[hidden],#end [hidden]{display:none!important}#end p{margin:0 0 10px}#end .row{display:flex;gap:8px}#endMail{flex:1;min-width:0;height:46px;box-sizing:border-box;padding:0 12px;border-radius:12px;border:2px solid #c9954f;background:#fff8ea;color:#2a170a;font:600 16px system-ui,sans-serif;-webkit-user-select:text;user-select:text}#endGo,#endAgain{height:46px;padding:0 16px;border:0;border-radius:12px;cursor:pointer;font:900 16px system-ui,sans-serif}#endGo{color:#3a1c08;background:linear-gradient(#ffe29a,#f0b04a 55%,#c77a22);box-shadow:0 3px #7a4a18}#endAgain{margin-top:10px;width:100%;color:#fff3dc;background:#fff0d21f;border:2px solid rgba(255,231,163,.5)}#endOk{color:#ffe29a}@keyframes endIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}