:root{--ink:#4a3b8c;--ink-soft:#7a69c4;--cream:#fff6ea;--parchment:#fff3dc;--stone-hi:#b9a6f0;--stone:#8c79d6;--stone-dk:#6a56b8;--pink:#ff8fb0;--pink-deep:#f0629a;--mint:#8fe3c0;--gold:#ffd23f;--red:#e5385f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;color:var(--ink);background:#2d2360 radial-gradient(circle at 50% 30%,#4a3b8c,#261c52 70%);margin:0;font-family:Mali,Noto Sans Thai,system-ui,sans-serif;overflow:hidden}#app{background:#4a3b8c;width:min(100vw,480px);height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #0006}#game,#game canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}[hidden]{display:none!important}img{-webkit-user-drag:none;pointer-events:none}.stone{background:var(--parchment);border:3px solid var(--stone-hi);border-bottom-color:var(--stone);box-shadow:0 4px 0 var(--stone-dk), 0 7px 14px #1b123d55}#hud{padding:max(10px, env(safe-area-inset-top)) 10px 0;pointer-events:none;position:absolute;inset:0 0 auto}.row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.row.sub{align-items:center;margin-top:10px}.pill{text-align:left;border-radius:16px;align-items:center;gap:5px;padding:3px 9px 4px;line-height:1.05;display:flex}.pill small{color:var(--ink-soft);font-size:11px;font-weight:600;display:block}.pill b{font-variant-numeric:tabular-nums;font-size:19px;font-weight:700}.ic{object-fit:contain;flex:none;width:26px;height:26px}.pill.bag{background:#fff0bf}.pill.bag b{color:#c9780a}.pill.timer{background:var(--ink);border-top-color:var(--stone-hi);color:#fff;justify-content:center;align-self:center;min-width:74px}.pill.timer b{font-size:23px}.pill.timer.low{background:var(--red);animation:.5s ease-in-out infinite alternate pulse}@keyframes pulse{to{transform:scale(1.12)}}.hearts{filter:drop-shadow(0 2px 3px #1b123d66);gap:2px;display:flex}.hearts img{width:30px;height:30px;transition:transform .2s}.hearts img.lost{filter:grayscale()opacity(.45);transform:scale(.82)}.hearts img.pop{animation:.35s pop}@keyframes pop{40%{transform:scale(1.5)rotate(-12deg)}}.sub-r{align-items:center;gap:8px;display:flex}.pausebtn{pointer-events:auto;cursor:pointer;background:linear-gradient(var(--stone-hi), var(--stone));border-color:#d6caf8;border-bottom-color:var(--stone-dk);border-radius:50%;grid-auto-flow:column;place-content:center;gap:5px;width:44px;height:44px;padding:0;display:grid}.pausebtn i{width:6px;height:17px;box-shadow:0 2px 0 var(--stone-dk);background:#fff;border-radius:3px}.pausebtn:active{box-shadow:0 1px 0 var(--stone-dk);transform:translateY(3px)}.soundbtn svg{fill:#fff;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px;filter:drop-shadow(0 2px 0 var(--stone-dk))}#soundTitle{z-index:5;top:max(10px, env(safe-area-inset-top));position:absolute;right:10px}.frozen .timer{animation-play-state:paused}.chip{border-radius:14px;align-items:center;gap:4px;padding:1px 12px 1px 7px;font-size:15px;font-weight:700;display:flex}.chip.done{background:var(--gold)}.buff{text-align:center;color:#c9780a;border-radius:14px;width:70%;max-width:260px;margin:10px auto 0;padding:3px 10px 5px;font-size:13px;font-weight:700}.buff .bh{justify-content:center;align-items:center;gap:6px;display:flex}.buff .ic{width:24px;height:24px}.buff i{background:#ffe9a8;border-radius:6px;height:8px;margin-top:2px;display:block;overflow:hidden}.buff u{background:linear-gradient(90deg,#ffb703,#ffe14d);border-radius:6px;width:100%;height:100%;display:block}#hint{pointer-events:none;white-space:nowrap;border-radius:20px;padding:6px 22px;font-size:20px;font-weight:700;animation:1.2s ease-in-out infinite nudge;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}@keyframes nudge{50%{transform:translate(-50%)translateY(-8px)}}.win{text-align:center;isolation:isolate;background:var(--cream);border-radius:24px;width:min(88%,380px);padding:34px 22px 24px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1b123d77}.win.title{top:11%}.win.camp{bottom:8%}.ribbon{white-space:nowrap;color:#fff;background:linear-gradient(#ff9fc0, var(--pink-deep));text-shadow:0 2px #c23d78;border-radius:8px;width:max-content;max-width:104%;margin:0 auto;padding:3px 28px 5px;font-size:21px;font-weight:700;line-height:1.25;position:absolute;top:-16px;left:0;right:0;box-shadow:0 4px #c23d78}.ribbon:before,.ribbon:after{content:"";z-index:-1;background:#d9507f;width:30px;height:100%;position:absolute;top:9px}.ribbon:before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,34% 50%);left:-20px}.ribbon:after{clip-path:polygon(0 0,100% 0,66% 50%,100% 100%,0 100%);right:-20px}.ribbon .fire{width:38px;height:38px;position:absolute;bottom:calc(100% - 6px);left:6px}.ribbon span,.win .inner{position:relative}.win.title{box-shadow:none;background:0 0}.win.title:before{content:"";z-index:-1;background:var(--cream);border-radius:24px;position:absolute;inset:0;box-shadow:0 12px 32px #1b123d77}.peek{z-index:-2;width:54px;height:54px;position:absolute;bottom:calc(100% - 14px)}.peek.bunny{left:28px;transform:rotate(-6deg)}.peek.chick{right:34px;transform:rotate(6deg)}.logo-row{justify-content:center;align-items:center;gap:8px;display:flex}.logo-row .deco{object-fit:contain;width:38px;height:38px}.logo-row .coins{flex-direction:column;gap:2px;display:flex}.logo-row .coins img{width:22px;height:22px}.logo{white-space:nowrap;color:var(--ink);text-shadow:0 3px #fff,0 5px #ffc9dd;letter-spacing:-1px;font-size:34px;font-weight:700;line-height:1.05}.logo span{color:var(--pink-deep)}.win p{margin:10px 0 0;font-size:16px;font-weight:600;line-height:1.4}.win p.warn{color:var(--ink-soft);margin:4px 0 14px;font-size:14px;font-weight:500}.win small{color:var(--ink-soft);margin-top:12px;font-size:12px;display:block}.btn{font:inherit;color:#fff;cursor:pointer;background:linear-gradient(#ff9fc0, var(--pink-deep));text-shadow:0 2px #c23d7866;border:0;border-radius:24px;min-height:48px;padding:10px 34px;font-size:21px;font-weight:700;transition:transform 80ms,box-shadow 80ms;box-shadow:0 6px #c23d78,0 10px 18px #c23d7855}.btn:active{transform:translateY(5px);box-shadow:0 1px #c23d78}.btn.quit{text-shadow:0 2px #b83a4c66;background:linear-gradient(#ff9a9a,#ec5b6e);box-shadow:0 6px #b83a4c,0 10px 18px #b83a4c55}.btn.quit:active{box-shadow:0 1px #b83a4c}.camp #campBody{min-height:40px}.camp #campBody p{text-wrap:balance;margin:6px 0 0;font-size:15px;line-height:1.45}.lostmsg{color:var(--red);justify-content:center;align-items:center;gap:8px;padding:8px 0 2px;font-size:18px;font-weight:700;display:flex}.lostmsg.empty{color:var(--ink-soft)}.lostmsg img{width:34px;height:34px}.camp-map{margin:14px 0 12px;font-size:20px;font-weight:700}.auto{background:#e8defa;border-radius:6px;height:8px;margin:14px 6px 0;overflow:hidden}.auto u{background:var(--mint);border-radius:6px;width:0;height:100%;display:block}.rows,.srow .lb{text-align:left}.srow,.stotal{align-items:center;gap:8px;padding:3px 4px;display:flex}.srow{border-bottom:2px dashed #ead9b4;font-size:16px}.srow .lb{flex:1;font-weight:600}.srow .ct{color:var(--ink-soft);text-align:right;min-width:34px;font-weight:600}.srow .pt{text-align:right;color:#c9780a;font-variant-numeric:tabular-nums;min-width:74px}.srow.zero{opacity:.55}.srow,.stotal{opacity:0;transition:opacity .2s,transform .25s cubic-bezier(.2,1.3,.4,1);transform:translate(-26px)}.srow.in,.stotal.in{opacity:1;transform:none}.srow.zero.in{opacity:.55}.stotal{background:#ffe9a8;border-radius:12px;justify-content:space-between;margin-top:6px;padding:4px 8px;font-size:20px;font-weight:700;position:relative}.stotal .pt{color:#c9780a;font-variant-numeric:tabular-nums}.stotal.big{background:0 0;flex-direction:column;gap:0;padding:2px 0 0}.stotal.big .lb{color:var(--ink-soft);font-size:14px}.stotal.big .pt{text-shadow:0 3px #fff;font-size:50px;line-height:1.1}.stotal.pop .pt{animation:.4s cubic-bezier(.3,1.6,.5,1) totalpop;display:inline-block}@keyframes totalpop{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.spark{background:var(--gold);pointer-events:none;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;animation:.7s ease-out forwards spark;position:absolute;top:50%;left:50%}@keyframes spark{0%{transform:translate(-50%,-50%)scale(.4)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1.2);opacity:0}}.results{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#261c52b8;place-items:center;padding:40px 22px 44px;display:grid;position:absolute;inset:0}.win.panel{flex-direction:column;width:100%;max-width:360px;max-height:calc(100dvh - 130px);padding:0;display:flex;position:relative;left:auto;transform:none}.panel .scroll{touch-action:pan-y;border-radius:16px 16px 0 0;flex:auto;min-height:0;padding:30px 16px 6px;overflow-y:auto}.panel .foot{flex:none;padding:0 16px 20px}@media (height<=700px){.results{padding:36px 22px}.panel .scroll{padding-top:30px}.spill{height:30px;margin-bottom:0}.spill img{width:20px;height:20px}.spill img.chest{width:36px;height:36px}.srow{padding:0 4px;font-size:14px}.srow .ic{width:22px;height:22px}.stotal.big .pt{font-size:32px}.chips span{padding:1px 8px;font-size:12px}.lost,.lost b{font-size:12px;line-height:1.35}#rBest{margin:4px 0 0}.chips,.lost{margin:4px 0 2px}.panel .btn{margin-top:8px}}.panel .ribbon{z-index:2;top:-18px}.panel .torch{object-fit:contain;z-index:3;width:44px;height:52px;position:absolute;top:-42px}.panel .torch.l{left:14px}.panel .torch.r{right:14px}.spill{justify-content:center;align-items:flex-end;gap:4px;height:48px;margin-bottom:4px;display:flex}.spill img{width:24px;height:24px}.spill img.chest{width:52px;height:52px}.spill img:first-child{transform:translateY(-4px)rotate(-14deg)}.spill img:last-child{transform:translateY(-8px)rotate(10deg)}#rBest{background:var(--gold);border-radius:12px;margin:8px 0 2px;padding:1px 14px;font-size:14px;font-style:normal;font-weight:700;display:inline-block}.chips{flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 4px;display:flex}.chips span{color:var(--ink);background:#efe6ff;border-radius:12px;padding:2px 10px;font-size:13px;font-weight:600}.lost{color:var(--red);margin:8px 0 4px;font-size:14px;font-weight:600;line-height:1.5}.lost b{color:var(--ink-soft);font-size:13px;display:block}.panel .btn{margin-top:12px}.peek-b{z-index:3;width:54px;height:54px;position:absolute;bottom:10px}.peek-b.cat{left:8px;transform:rotate(8deg)}.peek-b.piggy{right:8px;transform:rotate(-8deg)}#pause .scroll{padding-top:28px;padding-bottom:20px}.sleepy{width:92px;height:92px;margin:0 auto 4px;display:block}#pause .warn{color:var(--red);margin:0 0 6px;font-size:15px;font-weight:600}#pause .btn{width:100%;margin:12px 0 0;padding:10px 14px;font-size:20px;display:block}#spin .scroll{padding-bottom:22px}#spin .reel{background:#efe6ff;border-radius:16px;width:228px;height:92px;margin:10px auto 0;position:relative;overflow:hidden;box-shadow:inset 0 3px 8px #4a3b8c33}#spin .strip{will-change:transform;display:flex;position:absolute;top:10px;left:0}#spin .rv{object-fit:contain;flex:none;width:76px;height:76px;padding:8px}#spin .reel:after{content:"";border:3px solid var(--pink);border-radius:14px;width:76px;height:80px;position:absolute;top:6px;left:76px}#spin .reel:before{content:"";z-index:1;border:8px solid #0000;border-top:10px solid var(--pink-deep);border-bottom:0;margin-left:-8px;position:absolute;top:0;left:114px}#spin .rv.pop{animation:.45s cubic-bezier(.3,1.6,.5,1) rvpop}@keyframes rvpop{0%{transform:scale(1)}45%{transform:scale(1.3)}to{transform:scale(1.12)}}#spinLabel{min-height:30px;margin-top:12px;font-size:22px;font-weight:700;display:block}#spinLine{min-height:24px;color:var(--ink-soft);margin:2px 0 0}