: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{display:flex;flex-direction:column;align-items:center;line-height:1.05}.btn-sub{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:17px}.btn .tv{display:inline-block;font-size:.8em;padding:0 6px;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}#toast{position:absolute;left:50%;bottom:max(110px,env(safe-area-inset-bottom));transform:translate(-50%);z-index:30;max-width:86vw;padding:10px 18px;border-radius:16px;border:3px solid var(--ink);background:#fff;color:var(--ink);font-size:18px;text-align:center;pointer-events:none;animation:titleIn .25s ease-out both}#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}.menu-world{margin-top:2px;font-size:20px;color:#fff;-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;text-shadow:0 .08em 0 var(--ink)}.banner{position:absolute;left:50%;top:34%;font-size:min(18vw,84px);white-space:nowrap;color:#fff;-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;text-shadow:0 .09em 0 var(--ink);animation:bannerIn 1.3s ease-out forwards}.banner.go{color:#7dffa0}.banner.boss{color:#ff6b84}@keyframes bannerIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}30%{transform:translate(-50%,-50%) scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.1)}}#tip{position:absolute;left:50%;top:max(96px,calc(env(safe-area-inset-top) + 84px));transform:translate(-50%);z-index:6;max-width:88vw;padding:10px 18px;border-radius:16px;border:3px solid var(--ink);background:#fffffff2;color:var(--ink);font-size:18px;text-align:center;pointer-events:none;animation:tipIn .3s ease-out both}@keyframes tipIn{0%{opacity:0;margin-top:-10px}to{opacity:1;margin-top:0}}.btn.blue{background:linear-gradient(#7cc4ff,#2f80ff)}.stars i.off{color:#a9aed0;opacity:.6}#pause{z-index:7;justify-content:center;gap:18px;background:#14183c8c;backdrop-filter:blur(3px)}#settings{z-index:8;justify-content:center;padding:16px;background:#14183c99}.sheet{width:min(92vw,400px);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px;background:#fff;color:var(--ink);border:4px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.4;touch-action:pan-y}.sheet h2,.sheet h3{margin:0;font-family:var(--font);font-weight:400;color:var(--ink);text-align:center}.sheet h2{font-size:32px}.sheet h3{font-size:20px;margin-top:6px;text-align:left;color:#5a5fa0}.sheet ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}.sheet p{margin:0;color:#3a3d63}.sheet .btn{align-self:center;margin-top:8px}.sheet .g-blue{color:#1f78ff}.sheet .g-green{color:#0fa84a}.sheet .g-red{color:#e0203f}.row{display:flex;align-items:center;justify-content:space-between;font-family:var(--font);font-size:22px}.switch{position:relative;flex:none;width:64px;height:34px;padding:0;border-radius:20px;border:3px solid var(--ink);background:#c9cbe0;cursor:pointer;transition:background .15s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--ink);transition:transform .15s}.switch[aria-pressed=true]{background:var(--green)}.switch[aria-pressed=true]:after{transform:translate(30px)}#consent{z-index:9;justify-content:center;padding:16px;background:#14183c99}.sheet a{color:#1f78ff;text-decoration:underline}.sheet .links{text-align:center;font-size:14px}#settings-close{position:sticky;bottom:4px}.lb-btn{top:calc(max(12px,env(safe-area-inset-top)) + 54px)}#leaderboard{z-index:8;justify-content:center;padding:16px;background:#14183c99}.lb-sub{text-align:center;color:#5a5fa0!important;font-weight:600;margin-top:-4px!important}.lb-form{display:flex;gap:10px;align-items:center}#lb-name{flex:1;min-width:0;padding:10px 14px;font:20px var(--font);color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:14px;user-select:text;-webkit-user-select:text;touch-action:manipulation}#lb-name::placeholder{color:#9a9ec4}.btn.small{font-size:22px;padding:8px 22px 10px;min-width:0}.lb-note{font-size:12.5px;color:#5a5fa0!important}.lb-error{color:#d11a3c!important;font-weight:700}.lb-me{text-align:center;font-family:var(--font);font-size:18px;padding:8px 10px!important;border-radius:12px;background:#fff3c4}.lb-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.lb-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px;padding:6px 10px;border-radius:12px;background:#f0f3ff;font-family:var(--font);font-size:18px}.lb-row.me{background:#fff3c4;outline:3px solid #ffc531}.lb-row .rk{text-align:center;color:#5a5fa0}.lb-row .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-row .pt{display:flex;align-items:center;gap:5px}.lb-row .coin{width:18px;height:18px;border-width:2px}.lb-gap{text-align:center;color:#5a5fa0;letter-spacing:4px}.lb-status{text-align:center;color:#5a5fa0!important}.text-btn{align-self:center;background:none;border:none;padding:4px 8px;cursor:pointer;font:15px system-ui,sans-serif;color:#5a5fa0;text-decoration:underline}#lb-close{position:sticky;bottom:4px}input,textarea{user-select:text;-webkit-user-select:text}.lb-form{margin-bottom:14px}.legal{margin:10px 0 0;max-width:380px;text-align:center;font:12px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;color:#fff;padding:5px 12px;border-radius:12px;background:#14183c80}.legal a{color:#fff;text-decoration:underline}
