:root{--st:env(safe-area-inset-top);--sb:env(safe-area-inset-bottom);--sl:env(safe-area-inset-left);--sr:env(safe-area-inset-right);--tlw:var(--pn-safe-tl-w,0px);--tlh:var(--pn-safe-tl-h,0px);--ink:#fffaf0;--dark:#3a2410;--gold:#ffd23f;--green:#4cc23a;--green-d:#2a8a1e;--red:#e8473b;--red-d:#a8261c;--blue:#3aa0f0;--blue-d:#1f6fb8;--panel:#fff6e2;--panel-d:#e9cf9a;--hud:#3a24109e;--slot:54px;--sell:88px;--low:calc(10px + var(--sb))}html,body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:100%;color:var(--ink);background:#8fd6ff;margin:0;font-family:Lilita One,Nunito,system-ui,sans-serif;overflow:hidden}canvas#cv{width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:0;padding:0}.hide{display:none!important}.L{text-shadow:0 2px #3c1e058c}#hud{pointer-events:none;z-index:4;position:fixed;inset:0}#hud>*{pointer-events:auto}#hud .np{pointer-events:none}body.busy #hud .ctl{visibility:hidden}.coin{background:radial-gradient(circle at 35% 35%,#fff3a0 0 18%,#ffd23f 19% 62%,#e2a21c 63%);border-radius:50%;flex:none;width:1em;height:1em;display:inline-block;box-shadow:inset 0 -2px #b9741a,0 1px #0000004d}#quest{top:calc(8px + var(--st));left:calc(max(12px, var(--tlw) + 8px));background:var(--panel);max-width:360px;color:var(--dark);box-shadow:0 4px 0 var(--panel-d), 0 6px 14px #0000002e;pointer-events:none;border-radius:16px;align-items:center;gap:8px;margin:0 auto;padding:6px 10px 6px 6px;display:flex;position:absolute;right:12px}#quest img{flex:none;width:34px;height:34px}#quest .qt{flex:1;min-width:0}#quest .qt b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;line-height:1.1;display:block;overflow:hidden}#quest .qbar{background:#ead7ae;border-radius:9px;height:8px;margin-top:4px;overflow:hidden}#quest .qbar i{background:linear-gradient(90deg,#6ad04f,#3fae2c);border-radius:9px;width:0;height:100%;transition:width .25s;display:block}#quest #qNum{color:#a8661c;white-space:nowrap;font-size:15px}#quest.qpop{animation:.55s cubic-bezier(.34,1.56,.64,1) qpop}@keyframes qpop{0%{transform:scale(.8)}60%{transform:scale(1.07)}to{transform:scale(1)}}#det{top:calc(62px + var(--st));background:var(--hud);pointer-events:none;white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#det img{width:20px;height:20px}#det .segs{gap:3px;display:flex}#det .segs i{background:#ffffff38;border-radius:3px;width:14px;height:10px}#det .segs i.on{background:var(--c,#7fd0ff);box-shadow:0 0 6px var(--c,#7fd0ff)}#det b{min-width:58px;color:var(--c,#bfe6ff)}#det.hot{animation:.6s ease-in-out infinite alternate dethot}@keyframes dethot{to{transform:translate(-50%)scale(1.06)}}#tr{top:calc(62px + var(--st));right:calc(10px + var(--sr));pointer-events:none;flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute}.pill{background:var(--hud);border-radius:12px;align-items:center;gap:5px;padding:4px 9px;font-size:15px;display:flex}.pill img{width:20px;height:20px}#lvl small{opacity:.85;font-size:11px}#boosts{top:calc(126px + var(--st));right:calc(10px + var(--sr));pointer-events:none;flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}#boosts .pill{background:linear-gradient(90deg,#ff5fa2,#ffb23f,#6ad04f,#3aa0f0);font-size:13px}#side{left:calc(10px + var(--sl));flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.tile{background:var(--c1,#ffb23f);width:68px;height:68px;box-shadow:inset 0 -5px 0 var(--c2,#c76f10);border:2px solid #2b1a08;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:relative}.tile svg,.tile img{width:38px;height:38px}.tile b{letter-spacing:.02em;font-size:13px;line-height:1}.tile:active{box-shadow:inset 0 -3px 0 var(--c2,#c76f10);transform:translateY(2px)}.badge{box-sizing:border-box;background:var(--red);text-align:center;border:2px solid #fff;border-radius:11px;min-width:22px;height:22px;padding:0 5px;font-size:13px;font-style:normal;line-height:18px;animation:1.1s ease-in-out infinite bpulse;position:absolute;top:-7px;right:-7px}@keyframes bpulse{50%{transform:scale(1.15)}}.pulse{animation:1s ease-in-out infinite tpulse}@keyframes tpulse{50%{filter:brightness(1.12);transform:scale(1.07)}}#side .tile.pulse{animation:1s ease-in-out infinite tpulse2}@keyframes tpulse2{50%{filter:brightness(1.12);transform:scale(1.07)}}#money{left:calc(12px + var(--sl));bottom:calc(var(--low) + var(--slot) + 18px);background:var(--hud);pointer-events:none;border-radius:16px;align-items:center;gap:6px;padding:4px 12px 4px 8px;font-size:27px;display:flex;position:absolute}#money .coin{font-size:24px}#money.bump,.pill.bump{animation:.25s ease-out mbump}@keyframes mbump{0%{color:var(--gold);transform:scale(1.18)}to{transform:scale(1)}}#sell{right:calc(12px + var(--sr));bottom:calc(var(--low) + var(--slot) + 14px);width:var(--sell);height:var(--sell);background:radial-gradient(circle at 50% 38%,#6ad04f,#2f9a22);border:3px solid #1d5a14;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;box-shadow:inset 0 -6px #0003,0 4px 10px #00000040}#sell svg.ring{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;inset:-9px;transform:rotate(-90deg)}#sell svg.ring circle{fill:none;stroke-width:7px}#sell svg.ring .bg{stroke:#00000040}#sell svg.ring .fg{stroke:var(--gold);stroke-linecap:round;transition:stroke-dashoffset .2s}#sell span{font-size:21px;line-height:1}#sell small{opacity:.95;font-size:12px;line-height:1.1}#sell.empty{filter:saturate(.35)brightness(.9)}#sell.full{animation:.8s ease-in-out infinite tpulse}#bar{left:50%;bottom:var(--low);background:#3a241073;border-radius:16px;gap:6px;padding:5px;display:flex;position:absolute;transform:translate(-50%)}.slot{width:var(--slot);height:var(--slot);box-shadow:inset 0 -4px 0 var(--panel-d);color:var(--dark);background:#fff6e2eb;border:2px solid #2b1a08;border-radius:13px;justify-content:center;align-items:center;display:flex;position:relative}.slot img{width:42px;height:42px}.slot.on{box-shadow:inset 0 -4px 0 #e0a52a, 0 0 0 3px var(--gold);background:#ffe58a}.slot.lock img{filter:grayscale()brightness(.6);opacity:.65}.slot .price{background:var(--dark);color:#fff;white-space:nowrap;border-radius:7px;padding:1px 5px;font-size:11px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.slot .price.ok{background:var(--green-d)}.slot .k{opacity:.55;font-size:10px;position:absolute;top:1px;left:4px}body:not(.desk) .slot .k{display:none}#offer{right:calc(10px + var(--sr));bottom:calc(var(--low) + var(--slot) + var(--sell) + 40px);z-index:6;background:linear-gradient(135deg,#ff5fa2,#ffb23f 40%,#6ad04f 70%,#3aa0f0);border:2px solid #2b1a08;border-radius:16px;align-items:center;gap:6px;max-width:128px;padding:6px 10px 6px 6px;animation:.5s cubic-bezier(.34,1.56,.64,1) opop;display:flex;position:absolute;box-shadow:inset 0 -4px #0003}@keyframes opop{0%{opacity:0;transform:scale(.5)}}#offer img{flex:none;width:34px;height:34px}#offer b{text-align:left;font-size:13px;line-height:1.05}#offer .ad{color:#e0453b;text-align:center;background:#fff;border:2px solid #2b1a08;border-radius:50%;width:22px;height:22px;font-size:12px;font-style:normal;line-height:22px;position:absolute;top:-8px;right:-8px}#banner{text-align:center;pointer-events:none;opacity:0;transition:opacity .2s,transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:23%;left:0;right:0;transform:scale(.7)}#banner.on{opacity:1;transform:scale(1)}#banner h1{color:var(--gold);text-shadow:0 4px #8a4a0a,0 0 18px #00000059;margin:0;padding:0 12px;font-size:clamp(30px,9vw,54px);font-weight:400;line-height:1.05}#banner p{text-shadow:0 2px #3c1e0599;margin:4px 0 0;padding:0 16px;font-size:clamp(16px,4.6vw,22px)}#toast{z-index:10;top:calc(98px + var(--st));background:var(--panel);max-width:min(86vw,340px);color:var(--dark);box-shadow:0 4px 0 var(--panel-d), 0 6px 12px #0003;opacity:0;pointer-events:none;border-radius:14px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:opacity .2s,transform .25s;display:flex;position:fixed;left:50%;transform:translate(-50%,-10px)}#toast.on{opacity:1;transform:translate(-50%)}#toast img{flex:none;width:40px;height:40px}#toast b{font-size:15px;line-height:1.1;display:block}#toast small{color:#9a6a2a;font-family:Nunito,system-ui,sans-serif;font-size:12px;font-weight:800;display:block}#toast .new{color:#fff;background:var(--red);border-radius:6px;margin-left:4px;padding:0 5px;font-size:11px}#pops{pointer-events:none;z-index:5;position:fixed;inset:0;overflow:hidden}.pop{left:var(--x);top:var(--y);opacity:0;white-space:nowrap;color:#fff;text-shadow:0 2px #3c1e0599;font-size:20px;position:absolute;transform:translate(-50%,-50%)}.pop.go{animation:.8s ease-out forwards popup}.pop.gold{color:var(--gold);font-size:24px}.pop.red{color:#ffd0c8}@keyframes popup{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.1)}to{opacity:0;transform:translate(-50%,-170%)scale(1)}}#hint{text-align:center;background:var(--hud);pointer-events:none;opacity:0;border-radius:14px;max-width:min(80vw,330px);padding:6px 14px;font-size:19px;transition:opacity .3s;position:absolute;top:40%;left:50%;transform:translate(-50%)}#hint.on{opacity:1}#hand{z-index:11;pointer-events:none;filter:drop-shadow(0 3px 2px #00000059);width:58px;height:58px;animation:1s ease-in-out infinite hand;position:fixed;transform:translate(-30%,-8%)}@keyframes hand{50%{transform:translate(-30%,-8%)translate(-6px,8px)scale(.92)}}#coins{pointer-events:none;z-index:10;position:fixed;inset:0}#coins i{width:22px;height:22px;transition:transform .6s cubic-bezier(.5,-.3,.7,1),opacity .6s;position:absolute}#fade{z-index:12;opacity:0;pointer-events:none;background:#fff;transition:opacity .35s;position:fixed;inset:0}#fade.on{opacity:1}#sheet{z-index:8;padding:calc(max(10px, var(--tlh) + 4px) + var(--st)) calc(10px + var(--sr)) calc(10px + var(--sb)) calc(10px + var(--sl));box-sizing:border-box;background:#1e12068c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#card{background:var(--panel);width:min(100%,470px);max-height:100%;color:var(--dark);box-shadow:0 6px 0 var(--panel-d);border:3px solid #2b1a08;border-radius:22px;flex-direction:column;display:flex;overflow:hidden}#card header{align-items:center;gap:8px;padding:10px 10px 6px 16px;display:flex}#card h2{flex:1;margin:0;font-size:26px;font-weight:400}#card header .pill{color:#fff;background:var(--dark)}#x{background:var(--red);color:#fff;width:46px;height:46px;box-shadow:inset 0 -4px 0 var(--red-d);border:2px solid #2b1a08;border-radius:14px;flex:none;font-size:22px}#tabs{gap:6px;padding:0 12px 8px;display:flex;overflow-x:auto}#tabs button{white-space:nowrap;background:#ead7ae;border-radius:12px;flex:1;min-height:42px;padding:0 10px;font-size:15px;box-shadow:inset 0 -3px #d4b77c}#tabs button.on{background:var(--gold);box-shadow:inset 0 -3px #d79a14}#rows{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:8px;padding:0 12px 12px;display:flex;overflow-y:auto}.row{background:#fff;border-radius:16px;align-items:center;gap:10px;padding:8px;display:flex;box-shadow:inset 0 -3px #ecdcb8}.row.rec{box-shadow:inset 0 -3px 0 #ecdcb8, 0 0 0 3px var(--gold)}.row>img{flex:none;width:54px;height:54px}.row .tx{flex:1;min-width:0}.row .tx b{font-size:17px;line-height:1.1;display:block}.row .tx b span{color:#9a6a2a;margin-left:4px;font-size:12px}.row .tx small{color:#7a5a30;font-family:Nunito,system-ui,sans-serif;font-size:12px;font-weight:800;line-height:1.2;display:block}.row .tx .bar{background:#ead7ae;border-radius:6px;height:6px;margin-top:4px;overflow:hidden}.row .tx .bar i{background:var(--gold);height:100%;display:block}.buy{color:#fff;white-space:nowrap;background:#c9c0ae;border:2px solid #2b1a08;border-radius:14px;flex:none;justify-content:center;align-items:center;gap:4px;min-width:84px;min-height:48px;padding:0 8px;font-size:16px;display:flex;box-shadow:inset 0 -4px #0000002e}.buy.ok{background:var(--green)}.buy.own{background:var(--blue)}.buy.max{background:#9a8a6a}.buy .coin,.buy img{width:16px;height:16px}.free{color:#fff;background:linear-gradient(135deg,#ff5fa2,#ffb23f 40%,#6ad04f 70%,#3aa0f0);border:2px solid #2b1a08;border-radius:14px;flex:none;min-height:48px;padding:0 8px;font-size:14px;box-shadow:inset 0 -4px #0000002e}.foot{color:#7a5a30;text-align:center;padding:2px 4px;font-family:Nunito,system-ui,sans-serif;font-size:12px;font-weight:800}.foot button{min-height:40px;color:var(--dark);background:#ead7ae;border-radius:12px;margin:2px;padding:0 12px;font-family:Lilita One,sans-serif;font-size:14px;font-weight:400}.grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.cell{text-align:center;border:2px solid var(--rc,#ccc);box-sizing:border-box;background:#fff;border-radius:14px;min-height:96px;padding:6px 4px;box-shadow:inset 0 -3px #ecdcb8}.cell img{width:52px;height:52px}.cell.no img{filter:brightness(0)opacity(.25)}.cell b{font-size:12px;line-height:1.1;display:block}.cell small{color:var(--rc,#888);font-family:Nunito,system-ui,sans-serif;font-size:10px;font-weight:800}#result{z-index:9;padding:calc(max(10px, var(--tlh) + 4px) + var(--st)) 12px calc(12px + var(--sb));box-sizing:border-box;background:radial-gradient(circle,#ffdc788c,#281400b3);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#result .rc{background:var(--panel);width:min(100%,400px);max-height:100%;color:var(--dark);box-shadow:0 6px 0 var(--panel-d);text-align:center;box-sizing:border-box;border:3px solid #2b1a08;border-radius:24px;flex-direction:column;padding:14px 16px 0;display:flex;overflow-y:auto}#result h2{color:#c47a0a;margin:0;font-size:30px;font-weight:400;line-height:1.05}#result .nd{width:120px;height:120px;margin:4px auto;animation:3s ease-in-out infinite spin}@keyframes spin{50%{transform:rotate(12deg)scale(1.08)}}#result .rw{flex-wrap:wrap;justify-content:center;gap:10px;margin:6px 0;display:flex}#result .rw .pill{color:#fff;background:var(--dark);font-size:17px}#result p{margin:4px 0;font-family:Nunito,system-ui,sans-serif;font-size:14px;font-weight:800}#result .acts{background:var(--panel);flex-direction:column;gap:8px;padding:10px 0 14px;display:flex;position:sticky;bottom:0}.big{color:#fff;background:var(--green);min-height:64px;box-shadow:inset 0 -6px 0 var(--green-d);border:3px solid #2b1a08;border-radius:18px;font-size:24px}.big.rb{background:linear-gradient(135deg,#ff5fa2,#ffb23f 40%,#6ad04f 70%,#3aa0f0);min-height:54px;font-size:19px;box-shadow:inset 0 -5px #0003}@media (orientation:landscape) and (height<=520px){:root{--slot:48px;--sell:74px;--low:calc(6px + var(--sb))}#quest{max-width:330px;top:calc(6px + var(--st))}#quest img{width:28px;height:28px}#det{top:calc(54px + var(--st))}#tr{top:calc(8px + var(--st))}#boosts{top:calc(72px + var(--st))}#toast{top:calc(88px + var(--st))}#side{flex-direction:column;gap:8px}.tile{border-radius:15px;width:58px;height:58px}.tile svg,.tile img{width:32px;height:32px}.tile b{font-size:11px}#money{bottom:var(--low);left:calc(12px + var(--sl));font-size:22px}#sell{bottom:calc(var(--low) + 4px);right:calc(14px + var(--sr))}#offer{bottom:calc(var(--low) + var(--sell) + 22px)}.slot img{width:36px;height:36px}#banner{top:26%}#hint{top:74%}#result .nd{width:80px;height:80px}#result .rc{width:100%;max-width:560px}}@media (width>=900px) and (height>=600px){.tile{width:80px;height:80px}:root{--slot:60px}}
