:root{--ink:#2b2118;--paper:#fff8ec;--accent:#ff9d3c;--night:#1a1f4a;--font:"Baloo 2", ui-rounded, "SF Pro Rounded", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#0c1233;margin:0;overflow:hidden}#game{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));position:fixed;inset:0}.pill{background:color-mix(in srgb, var(--paper) 92%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 14px;font-size:20px;font-weight:700;transition:transform .15s;display:inline-flex;box-shadow:0 3px #0000002e}.pill.bump{transform:scale(1.25)}#counters{top:max(12px, env(safe-area-inset-top));left:max(14px, env(safe-area-inset-left));gap:8px;display:flex;position:absolute}#topright{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}button{font-family:var(--font);pointer-events:auto;cursor:pointer;color:var(--ink);touch-action:manipulation;border:none}.iconbtn{background:color-mix(in srgb, var(--paper) 90%, transparent);border-radius:50%;width:44px;height:44px;font-size:20px;box-shadow:0 3px #0000002e}#freeze{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:conic-gradient(#7ad0ff calc(var(--stamina,1) * 360deg), #ffffff40 0);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:86px;height:86px;padding:6px;font-size:15px;font-weight:800;line-height:1;display:none;position:absolute;box-shadow:0 4px #00000040}#freeze .inner{background:var(--paper);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:100%;height:100%;display:flex}#freeze .emoji{font-size:30px}#freeze.active .inner{background:#c8a882}#jump{right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 88%, transparent);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;width:92px;height:92px;font-size:15px;font-weight:800;line-height:1;display:none;position:absolute;box-shadow:0 4px #00000040}#jump .emoji{font-size:34px;line-height:.9}#jump:active{translate:0 3px;box-shadow:0 1px #00000040}#hud.touch #freeze{right:calc(max(18px, env(safe-area-inset-right)) + 104px);bottom:calc(max(18px, env(safe-area-inset-bottom)) + 30px);width:76px;height:76px}#bell{background:var(--paper);border-radius:50%;width:52px;height:52px;font-size:26px;animation:1.2s ease-in-out infinite bellbob;display:none;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 3px #0003}@keyframes bellbob{50%{transform:translate(-50%,-112%)rotate(-10deg)}}#shoppanel{left:50%;bottom:max(16px, env(safe-area-inset-bottom));background:var(--paper);pointer-events:auto;border-radius:22px;width:min(460px,100vw - 28px);max-height:calc(100vh - 110px);padding:12px 14px 14px;display:none;position:absolute;overflow-y:auto;translate:-50%;box-shadow:0 6px #00000038,0 10px 30px #00000040}#shoppanel.show{animation:.22s cubic-bezier(.2,1.6,.4,1) pop;display:block}#shoppanel .head{justify-content:space-between;align-items:center;display:flex}#shoppanel .who{font-size:20px;font-weight:800}#shoppanel .close{background:#eadfcb;border-radius:50%;width:36px;height:36px;font-size:16px;font-weight:800}#shoppanel .greet{margin:2px 0 8px;font-size:16px;font-style:italic}#shoppanel .items{flex-direction:column;gap:6px;display:flex}#shoppanel .item{text-align:left;background:#f4e9d4;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;box-shadow:0 3px #d8c8a8}#shoppanel .item:active:not(:disabled){translate:0 2px;box-shadow:0 1px #d8c8a8}#shoppanel .item:disabled{opacity:.5;cursor:default}#shoppanel .item.poor .price{color:#b0503a}#shoppanel .icon{text-align:center;width:38px;font-size:30px}#shoppanel .text{flex-direction:column;flex:1;line-height:1.15;display:flex}#shoppanel .name{font-size:18px;font-weight:800}#shoppanel .desc{opacity:.8;font-size:14px}#shoppanel .note{opacity:.7;font-size:13px;font-weight:700}#shoppanel .price{white-space:nowrap;font-size:18px;font-weight:800}#shoppanel .key{opacity:.45;font-size:11px;font-weight:800;position:absolute;top:4px;left:6px}#stick{width:0;height:0;display:none;position:absolute;top:0;left:0}#stick:before{content:"";background:#ffffff29;border:2px solid #ffffff59;border-radius:999px;width:140px;height:44px;position:absolute;top:-22px;left:-70px}#stick .knob{background:#ffffff8c;border-radius:50%;width:40px;height:40px;position:absolute;top:-20px;left:-20px;box-shadow:0 2px #0003}.bubble{white-space:nowrap;will-change:transform;background:#fff;border-radius:16px;padding:4px 12px 6px;font-size:17px;font-weight:700;animation:.22s cubic-bezier(.2,1.8,.4,1) pop;position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 3px #0003}.bubble:after{content:"";border:8px solid #0000;border-top-color:#fff;border-bottom:0;margin-left:-8px;position:absolute;bottom:-8px;left:50%}.bubble.big{padding:6px 16px 8px;font-size:26px;font-weight:800;animation:.35s cubic-bezier(.2,2.2,.4,1) shout}.bubble.fade{opacity:0;transition:opacity .3s}@keyframes pop{0%{scale:.3}}@keyframes shout{0%{rotate:-8deg;scale:.2}60%{rotate:4deg}}#hint{text-align:center;background:color-mix(in srgb, var(--night) 82%, transparent);color:#fff;opacity:0;border-radius:18px;max-width:min(520px,88vw);padding:10px 18px;font-size:19px;font-weight:600;transition:opacity .4s;position:absolute;top:18%;left:50%;transform:translate(-50%)}#hint.show{opacity:1}#card{text-align:center;opacity:0;color:#fff;text-shadow:0 3px #00000059;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:opacity .5s;display:flex;position:absolute;inset:0}#card.show{opacity:1}#card .panel{background:color-mix(in srgb, var(--night) 55%, transparent);-webkit-backdrop-filter:blur(3px);border-radius:28px;padding:18px 34px 22px}#card h1{margin:0;font-size:clamp(40px,9vw,76px);line-height:1}#card p{max-width:560px;margin:10px 0 0;font-size:clamp(17px,3.6vw,24px);font-weight:600}#nightbar{top:max(64px, calc(env(safe-area-inset-top) + 52px));background:#ffffff2e;border-radius:999px;width:min(320px,60vw);height:12px;display:none;position:absolute;left:50%;overflow:visible;transform:translate(-50%)}#nightbar .fill{background:linear-gradient(90deg,#6070d0,#ffd27a);border-radius:999px;width:0%;height:100%}#nightbar .label{text-align:center;color:#fff;font-size:14px;font-weight:700;position:absolute;top:-22px;left:0;right:0}#fade{opacity:0;pointer-events:none;background:#000;transition:opacity .8s;position:fixed;inset:0}#title{text-align:center;pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 50% 40%,#b8e6ff,#7cc4f0 60%,#5a9fd0);flex-direction:column;justify-content:center;align-items:center;padding:24px;transition:opacity .6s;display:flex;position:fixed;inset:0}#title.hidden{opacity:0;pointer-events:none}#title h1{color:#fff;text-shadow:0 6px #b8611a,0 10px 18px #00000040;letter-spacing:2px;margin:0;font-size:clamp(64px,17vw,140px);animation:3s ease-in-out infinite wobble}#title .sub{color:var(--ink);margin-top:6px;font-size:clamp(18px,4.5vw,26px);font-weight:700}#title .go{background:var(--paper);border-radius:999px;margin-top:34px;padding:10px 28px;font-size:22px;font-weight:800;animation:1.4s ease-in-out infinite pulse;box-shadow:0 4px #0003}#title .small{bottom:max(16px, env(safe-area-inset-bottom));opacity:.75;font-size:14px;position:absolute}@keyframes wobble{0%,to{rotate:-3deg}50%{rotate:3deg}}@keyframes pulse{50%{scale:1.07}}#debug{color:#fff;text-shadow:0 1px #000;white-space:pre;font:12px ui-monospace,monospace;position:absolute;bottom:12px;left:14px}.float{color:#fff;text-shadow:0 2px #0006;font-size:22px;font-weight:800;animation:1s ease-out forwards floatup;position:absolute;transform:translate(-50%,-50%)}@keyframes floatup{to{opacity:0;translate:0 -60px}}