:root{--font: "Lilita One", "Arial Black", "Segoe UI Black", sans-serif;--ink: #23264a;--blue: #2f80ff;--red: #ff3d5a;--gold: #ffc531;--green: #31d06e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#c4e6ff;font-family:var(--font);color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app{position:fixed;inset:0;overflow:hidden;background:linear-gradient(180deg,#3faeff,#8fd3ff 18%,#c4e6ff 32% 100%)}#game{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.title span,.big-title,.menu-level,.level-pill span,.coin-pill span,.reward span,.bubble,.float,.upg-name,.upg-lvl,.upg-cost,.btn,.hint p,.boss-bar b{-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink);letter-spacing:.02em}#hud{position:absolute;top:max(12px,env(safe-area-inset-top));left:50%;transform:translate(-50%);pointer-events:none}.level-pill{display:flex;flex-direction:column;align-items:center;gap:6px}.level-pill span{font-size:22px}.bar{width:180px;height:14px;border-radius:10px;background:#23264a59;border:3px solid var(--ink);overflow:hidden}.bar i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#6af08f,#2fd36b);box-shadow:inset 0 3px #ffffff73}.coin-pill{position:absolute;top:max(12px,env(safe-area-inset-top));right:12px;display:flex;align-items:center;gap:6px;padding:4px 14px 4px 6px;border-radius:30px;background:#23264a73;border:3px solid var(--ink);font-size:22px;pointer-events:none;z-index:5}.coin-pill.bump{animation:bump .25s ease-out}.coin{display:inline-block;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6b8 0 18%,#ffd43b 30%,#f5a400 75%);border:3px solid #b86b00;box-shadow:inset 0 -3px #00000026;flex:none}.coin.big{width:46px;height:46px;border-width:4px}.icon-btn{position:absolute;top:max(12px,env(safe-area-inset-top));left:12px;width:44px;height:44px;border-radius:14px;border:3px solid var(--ink);background:#ffffffd9;font-size:20px;cursor:pointer;z-index:5}#labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;left:0;top:0;min-width:52px;padding:2px 12px 4px;border-radius:14px;border:3px solid var(--ink);font-size:26px;text-align:center;will-change:transform;white-space:nowrap}.bubble:after{content:"";position:absolute;left:50%;bottom:-11px;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--ink)}.bubble.blue{background:linear-gradient(#5aa8ff,#2a6fff)}.bubble.red{background:linear-gradient(#ff7088,#ff2e4c);font-size:22px}.boss-bar{position:absolute;left:0;top:0;width:170px;will-change:transform;text-align:center}.boss-bar b{display:block;font-weight:400;font-size:22px;margin-bottom:3px}.boss-bar .hp{height:18px;border-radius:10px;border:3px solid var(--ink);background:#23264a80;overflow:hidden}.boss-bar .hp i{display:block;height:100%;width:100%;background:linear-gradient(#ff7a8f,#ff2348);box-shadow:inset 0 4px #fff6;transition:width .08s linear}.float{position:absolute;left:0;top:0;font-size:40px;white-space:nowrap;animation:floatUp .9s ease-out forwards}.float.good{color:#fff;-webkit-text-stroke-color:#1450c8;text-shadow:0 .08em 0 #1450c8}.float.mult{color:#eaffef;-webkit-text-stroke-color:#0d8a3f;text-shadow:0 .08em 0 #0d8a3f}.float.bad{color:#fff;-webkit-text-stroke-color:#b5102c;text-shadow:0 .08em 0 #b5102c}.float.gold{color:#ffe066}.float.huge{font-size:64px}@keyframes floatUp{0%{opacity:0;transform:translate(var(--x),var(--y)) translate(-50%,-50%) scale(.3)}15%{opacity:1;transform:translate(var(--x),var(--y)) translate(-50%,-50%) scale(1.25)}30%{transform:translate(var(--x),calc(var(--y) - 20px)) translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(var(--x),calc(var(--y) - 110px)) translate(-50%,-50%) scale(.9)}}#flash{position:absolute;inset:0;pointer-events:none;opacity:0}#flash.good{animation:flash .45s ease-out;background:radial-gradient(ellipse at center,transparent 45%,rgba(80,170,255,.55) 100%)}#flash.mult{animation:flash .45s ease-out;background:radial-gradient(ellipse at center,transparent 45%,rgba(70,230,120,.55) 100%)}#flash.bad{animation:flash .5s ease-out;background:radial-gradient(ellipse at center,transparent 40%,rgba(255,40,70,.6) 100%)}#flash.white{animation:flash .6s ease-out;background:#ffffffd9}@keyframes flash{0%{opacity:1}to{opacity:0}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:max(70px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom));z-index:4}#menu{justify-content:space-between}#win,#lose{justify-content:center;gap:18px;background:#14183c73;backdrop-filter:blur(2px)}.title{margin:0;display:flex;flex-direction:column;align-items:center;line-height:.88;font-weight:400;animation:titleIn .7s cubic-bezier(.2,1.6,.4,1) both}.title span{display:block;font-size:min(22vw,104px)}.title span:first-child{color:#ffe14d;transform:rotate(-4deg)}.title span:last-child{color:#ff5c7c;transform:rotate(3deg)}.title span{-webkit-text-stroke-width:.07em;text-shadow:0 .09em 0 var(--ink),0 .16em 0 rgba(0,0,0,.15)}@keyframes titleIn{0%{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}.menu-level{font-size:30px;margin-top:8px}.hint{display:flex;flex-direction:column;align-items:center;margin-top:auto;margin-bottom:26px}.hint p{margin:8px 0 0;font-size:24px;animation:pulse 1.1s ease-in-out infinite}.hand{font-size:54px;animation:swipe 1.6s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.25))}@keyframes swipe{0%,to{transform:translate(-60px) rotate(-10deg)}50%{transform:translate(60px) rotate(10deg)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.upgrades{display:flex;gap:12px;width:100%;max-width:380px}.upg{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 12px;border-radius:20px;border:4px solid var(--ink);background:linear-gradient(#fff,#dfe9ff);box-shadow:0 6px 0 var(--ink);font-family:var(--font);color:#fff;cursor:pointer;transition:transform .08s}.upg:active{transform:translateY(4px);box-shadow:0 2px 0 var(--ink)}.upg.cant{filter:grayscale(.6) brightness(.9)}.upg-ico{font-size:34px;line-height:1.1}.upg-name{font-size:22px;color:#ffe14d}.upg-lvl{font-size:16px;color:#fff}.upg-cost{display:flex;align-items:center;gap:5px;font-size:20px;margin-top:4px}.upg-cost .coin{width:20px;height:20px;border-width:2px}.big-title{margin:0;font-weight:400;font-size:min(17vw,76px);text-align:center;line-height:1;animation:titleIn .6s cubic-bezier(.2,1.6,.4,1) both}.big-title.win{color:#ffe14d}.big-title.lose{color:#ff6b84}.rays{position:absolute;top:50%;left:50%;width:900px;height:900px;margin:-450px 0 0 -450px;background:repeating-conic-gradient(rgba(255,236,140,.22) 0 10deg,transparent 10deg 20deg);border-radius:50%;mask-image:radial-gradient(circle,#000 20%,transparent 65%);-webkit-mask-image:radial-gradient(circle,#000 20%,transparent 65%);animation:spin 14s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.stars{display:flex;gap:6px;font-size:54px;color:#ffd43b;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.stars i{font-style:normal;animation:starIn .5s cubic-bezier(.2,1.8,.4,1) both}.stars i:nth-child(1){animation-delay:.25s;transform:rotate(-12deg)}.stars i:nth-child(2){animation-delay:.4s;font-size:70px}.stars i:nth-child(3){animation-delay:.55s}@keyframes starIn{0%{transform:scale(0) rotate(-90deg);opacity:0}to{transform:scale(1);opacity:1}}.reward{display:flex;align-items:center;gap:10px;font-size:56px}.multi{position:relative;display:flex;width:min(86vw,340px);height:46px;border:4px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 5px 0 var(--ink)}.seg{flex:1;display:flex;align-items:center;justify-content:center;font-size:22px;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill}.seg.s2{background:#4fa3ff}.seg.s3{background:#31d06e}.seg.s5{background:#ffb31f;flex:.8}.needle{position:absolute;top:-6px;bottom:-6px;width:8px;margin-left:-4px;background:#fff;border:2px solid var(--ink);border-radius:4px;left:0%}.btn{font-family:var(--font);font-size:30px;color:#fff;padding:12px 34px 14px;border-radius:22px;border:4px solid var(--ink);background:linear-gradient(#ffd34d,#ff9f1a);box-shadow:0 7px 0 var(--ink);cursor:pointer;min-width:240px}.btn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--ink)}.btn.green{background:linear-gradient(#6af08f,#1fbf5b)}.btn.orange{background:linear-gradient(#ffd34d,#ff9f1a)}.btn.pulse{animation:pulse .9s ease-in-out infinite}.btn .tv{display:inline-block;font-size:.8em;padding:0 6px;margin-right:4px;background:#23264a59;border-radius:8px}.link{font-family:var(--font);font-size:20px;color:#ffffffd9;background:none;border:none;text-decoration:underline;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}.link.show{opacity:1;pointer-events:auto}.fly-coin{position:absolute;z-index:10;pointer-events:none;transition:transform .7s cubic-bezier(.5,-.4,.7,1),opacity .7s}#fake-ad{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:48px;text-align:center}#fake-ad small{font-size:16px;opacity:.7}
