@font-face{font-family:Lilita One;src:url(/fonts/LilitaOne.ttf)format("truetype");font-display:swap}@font-face{font-family:Kanit;src:url(/fonts/Kanit-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--ink:#1a1240;--pink:#ff4fd8;--cyan:#3dd6ff;--gold:#ffe14a;--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{touch-action:none;-webkit-user-select:none;user-select:none;background:#3b86ff;height:100%;margin:0;overflow:hidden}body{color:#fff;font-family:Kanit,system-ui,sans-serif}#game{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;z-index:5;position:fixed;inset:0}#ui button,#ui input,#ui select,#ui label{pointer-events:auto;font-family:inherit}.hidden{display:none!important}.outline{text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink), 0 3px 0 var(--ink)}#hud{z-index:2;position:absolute;inset:0}.stats{left:14px;top:calc(10px + env(safe-area-inset-top,0px));font-family:Lilita One,Kanit,sans-serif;font-size:26px;line-height:1.12;position:absolute}.stats .st{text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink), 0 3px 0 var(--ink)}.stats b{font-weight:400}.stats .sp{font-size:30px}.stats .sps{color:#7dfcff;min-height:4px;font-size:17px}.stats .coin{color:var(--gold);font-size:24px}.topc{left:50%;top:calc(8px + env(safe-area-inset-top,0px));text-align:center;position:absolute;transform:translate(-50%)}.logo-s{text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink), 0 3px 0 var(--ink);font-family:Lilita One,sans-serif;font-size:26px}#h-world{text-shadow:0 2px 0 var(--ink), 0 0 6px var(--ink);font-size:15px}.pets{text-align:right;text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink), 0 3px 0 var(--ink);font-family:Lilita One,Kanit,sans-serif;font-size:22px;line-height:1.15;position:absolute;top:38%;right:14px}.pets b{font-size:26px;font-weight:400}#h-pets{font-family:Kanit,sans-serif;font-size:19px;font-weight:700}#h-pets .dim{color:#dfe6ff;font-size:14px}#h-mult{color:#7dfcff;font-size:16px}.menu{flex-direction:column;gap:8px;display:flex;position:absolute;top:50%;left:10px;transform:translateY(-40%)}.menu button{color:#fff;width:64px;height:60px;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:linear-gradient(#5d7bff,#3a3bd6);border:3px solid #fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:0;font-size:11px;line-height:1.1;display:flex}.menu button i{font-size:22px;font-style:normal}.menu button:active{box-shadow:0 2px 0 var(--ink);transform:translateY(2px)}.menu button.ready{background:linear-gradient(#e06bff,#8a2bff);animation:1s infinite pulse}@keyframes pulse{50%{transform:scale(1.08)}}#tap{right:18px;bottom:calc(96px + var(--safe-b));cursor:pointer;color:#fff;width:132px;height:132px;box-shadow:0 6px 0 var(--ink), 0 0 24px #ffb02eb3;touch-action:none;background:radial-gradient(circle at 35% 30%,#fff6a8,#ffb02e 45%,#ff4fa3 100%);border:5px solid #fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-family:Lilita One,sans-serif;display:flex;position:absolute}#tap .t1{text-shadow:0 2px 0 var(--ink);font-size:23px}#tap .t2{text-shadow:0 1px 0 var(--ink);font-family:Kanit,sans-serif;font-size:12px}#tap.on{box-shadow:0 2px 0 var(--ink), 0 0 36px #ff4fd8e6;transform:scale(.92)}.rbar{left:50%;bottom:calc(14px + var(--safe-b));background:#140c3c8c;border:3px solid #fff;border-radius:16px;width:min(560px,62vw);height:30px;position:absolute;overflow:hidden;transform:translate(-50%)}.rbar .fill{background:linear-gradient(90deg,#8a2bff,#ff4fd8,#ffb02e);width:0;height:100%;transition:width .2s}.rbar .txt{text-shadow:0 2px 0 var(--ink);white-space:nowrap;justify-content:center;align-items:center;font-family:Lilita One,Kanit,sans-serif;font-size:17px;display:flex;position:absolute;inset:0}#prompt{left:50%;bottom:calc(60px + var(--safe-b));color:var(--ink);box-shadow:0 4px 0 var(--ink);cursor:pointer;background:linear-gradient(#ffd23b,#ff8a2e);border:3px solid #fff;border-radius:18px;padding:12px 22px;font-size:18px;font-weight:700;animation:1.2s infinite pulse;position:absolute;transform:translate(-50%)}#gatehint{text-align:center;border:3px solid var(--cyan);background:#0a1e50bf;border-radius:16px;padding:10px 20px;font-size:22px;line-height:1.25;position:absolute;top:24%;left:50%;transform:translate(-50%);box-shadow:0 0 22px #3dd6ff99}#gatehint small{font-size:14px}#speedlines{opacity:0;pointer-events:none;background:repeating-conic-gradient(at 50% 55%,#fff0 0deg 4deg,#ffffff38 4.4deg,#fff0 5deg 9deg);transition:opacity .25s;animation:.5s linear infinite sl;position:absolute;inset:-10%;-webkit-mask:radial-gradient(circle at 50% 55%,#0000 32%,#000 70%);mask:radial-gradient(circle at 50% 55%,#0000 32%,#000 70%)}@keyframes sl{to{transform:rotate(3deg)}}#floats .ft{pointer-events:none;text-shadow:-2px -2px 0 var(--ink), 2px -2px 0 var(--ink), -2px 2px 0 var(--ink), 2px 2px 0 var(--ink);white-space:nowrap;font-family:Lilita One,Kanit,sans-serif;font-size:26px;animation:1s ease-out forwards ft;position:absolute;transform:translate(-50%,-50%)}@keyframes ft{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.15)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), -260%) scale(.9)}}#toasts{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:16%;left:50%;transform:translate(-50%)}.toast{white-space:nowrap;background:#140c3cd1;border:2px solid #fff;border-radius:14px;padding:8px 18px;font-size:18px;transition:opacity .5s,transform .5s;animation:.25s ease-out tin}.toast.good{color:#e8ffe0;border-color:#7dff6a}.toast.bad{color:#ffe0e4;border-color:#ff5a6a}.toast.big{border-color:var(--gold);white-space:normal;text-align:center;max-width:86vw;font-size:22px}.toast.out{opacity:0;transform:translateY(-10px)}@keyframes tin{0%{opacity:0;transform:scale(.7)}}#banner{text-align:center;font-family:Lilita One,Kanit,sans-serif;position:absolute;top:30%;left:50%;transform:translate(-50%)}#banner small{letter-spacing:2px;text-shadow:0 2px 0 var(--ink);font-size:18px}#banner div{color:var(--gold);text-shadow:-3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 3px 3px 0 var(--ink), 0 5px 0 var(--ink);font-family:Kanit,sans-serif;font-size:48px;font-weight:700}#banner.show{animation:2.6s ease-out forwards bn}@keyframes bn{0%{opacity:0;transform:translate(-50%)scale(.5)}12%{opacity:1;transform:translate(-50%)scale(1.08)}20%{transform:translate(-50%)scale(1)}80%{opacity:1}to{opacity:0}}#flash{opacity:0;pointer-events:none;position:absolute;inset:0}#flash.go{animation:.5s ease-out fl}@keyframes fl{0%{opacity:1}to{opacity:0}}#touch{z-index:1;position:absolute;inset:0}#touch .zl{pointer-events:auto;touch-action:none;width:45%;position:absolute;top:30%;bottom:0;left:0}#touch .zr{pointer-events:auto;touch-action:none;position:absolute;inset:12% 0 0 45%}#touch .stick{pointer-events:none;background:#140c3c40;border:3px solid #ffffffb3;border-radius:50%;width:130px;height:130px;display:none;position:absolute}#touch .stick i{background:#ffffffd9;border-radius:50%;width:50px;height:50px;position:absolute;top:40px;left:40px}#touch .tb{pointer-events:auto;touch-action:none;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex;position:absolute}#touch .jump{right:160px;bottom:calc(40px + var(--safe-b));width:96px;height:96px;box-shadow:0 5px 0 var(--ink);text-shadow:0 2px 0 var(--ink);background:linear-gradient(#5dff7a,#1fb84a)}#touch .jump.on{transform:scale(.92)}#modal{pointer-events:auto;z-index:20;background:#0a06288c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#modal .box{width:min(640px,94vw);max-height:86vh;box-shadow:0 8px 0 var(--ink);background:linear-gradient(#5d4bff,#2a1a8a);border:4px solid #fff;border-radius:22px;padding:16px 18px 20px;position:relative;overflow:auto}#modal h2{text-shadow:0 3px 0 var(--ink);margin:0 40px 10px 0;font-size:26px}#modal .x{color:#fff;cursor:pointer;background:#ff4f6a;border:3px solid #fff;border-radius:12px;width:40px;height:40px;font-size:20px;position:absolute;top:10px;right:10px}#modal p{margin:8px 0}.note{opacity:.85;font-size:13px}.coins-line{color:var(--gold);margin:6px 0;font-size:18px}.big-stat{margin:6px 0;font-size:22px}.big-stat b{color:var(--gold)}button.big{width:100%;color:var(--ink);box-shadow:0 5px 0 var(--ink);cursor:pointer;background:linear-gradient(#7dff6a,#2fcf5a);border:3px solid #fff;border-radius:16px;margin-top:12px;padding:14px;font-size:22px;font-weight:700;display:block}button.big:disabled,.egg button:disabled{filter:grayscale(.8);opacity:.6;cursor:default}.eggs{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.egg{border:3px solid var(--c);text-align:center;background:#00000038;border-radius:16px;padding:10px 8px}.egg.locked{opacity:.6}.eggart{background:radial-gradient(circle at 35% 30%, #fff, var(--c) 55%, #0004 120%);width:64px;height:80px;box-shadow:0 0 18px var(--c);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;margin:0 auto 6px}.egg b{font-size:17px;display:block}.odds{flex-direction:column;margin:6px 0;font-size:12px;display:flex}.egg button{width:100%;color:var(--ink);cursor:pointer;background:linear-gradient(#ffd23b,#ff9a2e);border:2px solid #fff;border-radius:12px;padding:8px 4px;font-size:15px;font-weight:700}.petbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.petbar button{color:var(--ink);cursor:pointer;background:#ffd23b;border:2px solid #fff;border-radius:12px;padding:8px 12px;font-weight:700}.petgrid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;display:grid}.pc{text-align:center;cursor:pointer;pointer-events:auto;background:#00000040;border:3px solid #ffffff40;border-radius:14px;flex-direction:column;padding:6px;display:flex;position:relative}.pc.on{border-color:var(--c);box-shadow:0 0 14px var(--c);background:#ffffff1f}.pc.on:after{content:"✓";color:#7dff6a;font-size:18px;position:absolute;top:4px;left:6px}.pc img{object-fit:contain;width:72px;height:72px;margin:0 auto}.pc b{font-size:14px}.pc small{font-size:11px}.pc .del{cursor:pointer;opacity:.7;background:0 0;border:0;font-size:14px;position:absolute;top:2px;right:2px}.wrow{margin:8px 0}.wrow.locked{opacity:.5}.sbtns{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.sbtns button,.wrow>button{min-width:42px;color:var(--ink);cursor:pointer;background:#3dd6ff;border:2px solid #fff;border-radius:10px;padding:6px 8px;font-weight:700}.sbtns button.cur{background:var(--gold)}.row{align-items:center;gap:10px;margin:10px 0;font-size:17px;display:flex}.row input[type=text],.row input:not([type]),.row select{border:2px solid #fff;border-radius:10px;flex:1;padding:8px 10px;font-size:16px}.row input[type=checkbox]{width:22px;height:22px}.statsbox{background:#00000040;border-radius:12px;margin:10px 0;padding:8px 10px;font-size:14px}button.danger{color:#fff;cursor:pointer;background:#ff4f6a;border:2px solid #fff;border-radius:12px;padding:8px 14px;font-weight:700}#hatch{pointer-events:auto;z-index:30;background:radial-gradient(circle,#3c1478d9,#0a0628eb);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hegg{background:radial-gradient(circle at 35% 30%, #fff, var(--c) 55%, #0006 120%);width:150px;height:190px;box-shadow:0 0 40px var(--c);border-radius:50% 50% 46% 46%/58% 58% 42% 42%;animation:.18s infinite shake}.hegg.pop{animation:.45s ease-out forwards pop}@keyframes shake{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)scale(1.04)}}@keyframes pop{to{opacity:0;transform:scale(2.2)}}.hres{text-align:center;animation:.4s ease-out tin;position:absolute}.hres img{width:200px;height:200px;filter:drop-shadow(0 0 22px var(--c))}.hres .nm{color:var(--c);text-shadow:0 3px 0 var(--ink);font-size:36px;font-weight:700}.hres .rr{margin-bottom:8px;font-size:17px}#title{pointer-events:auto;z-index:10;background:linear-gradient(#141e7840,#140a3c73);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.tl{text-align:center;width:min(420px,90vw)}.logo{font-family:Lilita One,sans-serif;line-height:.92}.logo span{display:block}.logo .l1{text-shadow:-4px -4px 0 var(--ink), 4px -4px 0 var(--ink), -4px 4px 0 var(--ink), 4px 4px 0 var(--ink), 0 8px 0 var(--ink), 0 0 30px #3dd6ffcc;font-size:78px}.logo .l2{color:var(--gold);text-shadow:-4px -4px 0 var(--ink), 4px -4px 0 var(--ink), -4px 4px 0 var(--ink), 4px 4px 0 var(--ink), 0 8px 0 var(--ink), 0 0 30px #ff4fd8cc;font-size:92px}.logo .l3{text-shadow:0 3px 0 var(--ink);margin-top:4px;font-family:Kanit,sans-serif;font-size:28px;font-weight:700}.pick{justify-content:center;align-items:center;gap:12px;margin:14px 0 8px;display:flex}.pick img{filter:drop-shadow(0 6px #1a124080);width:132px;height:132px}.pick .arr{color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 4px 0 var(--ink);background:#5d7bff;border:3px solid #fff;border-radius:50%;font-size:20px}#t-name{text-align:center;border:3px solid #fff;border-radius:14px;width:100%;padding:12px;font-family:Kanit,sans-serif;font-size:19px}#title .hint{text-shadow:0 1px 0 var(--ink);opacity:.95;margin-top:10px;font-size:13px}#title .prog{color:var(--gold);text-shadow:0 1px 0 var(--ink);margin-top:6px;font-size:14px}@media (max-width:760px),(max-height:500px){.stats{font-size:18px;left:10px}.stats .sp{font-size:21px}.stats .coin{font-size:17px}.stats .sps{font-size:13px}.logo-s{font-size:18px}#h-world{font-size:12px}.pets{font-size:16px;top:24%;right:10px}.pets b{font-size:18px}#h-pets{font-size:14px}.menu{gap:6px;top:52%;left:8px}.menu button{border-radius:13px;width:52px;height:50px;font-size:9.5px}.menu button i{font-size:18px}#tap{width:108px;height:108px;right:12px;bottom:calc(60px + var(--safe-b))}#tap .t1{font-size:19px}#touch .jump{width:82px;height:82px;right:132px;bottom:calc(26px + var(--safe-b))}.rbar{width:min(380px,56vw);height:24px;left:38%}.rbar .txt{font-size:12px}.logo .l1{font-size:58px}.logo .l2{font-size:68px}.eggs{grid-template-columns:1fr}#banner div{font-size:34px}#gatehint{font-size:17px;top:20%}.toast{font-size:15px}}@media (max-height:500px){.menu{top:calc(122px + env(safe-area-inset-top,0px));grid-template-columns:repeat(2,46px);gap:5px;display:grid;transform:none}.menu button{border-width:2px;border-radius:11px;width:46px;height:44px;font-size:8.5px}.menu button i{font-size:16px}.pets{top:30%}}@media (max-aspect-ratio:4/5){.topc{display:none}.rbar{top:calc(126px + env(safe-area-inset-top,0px));width:52vw;bottom:auto;left:auto;right:10px;transform:none}.pets{top:22%}.menu{top:52%}}body.from-kid .stats{left:calc(76px + env(safe-area-inset-left,0px))}#title button.farm{color:#5a2d00;box-shadow:0 4px 0 var(--ink);cursor:pointer;background:linear-gradient(#ffe08a,#f0a020);border:3px solid #fff;border-radius:24px;margin-top:10px;padding:10px 22px;font-size:18px;font-weight:700}#title{overflow-y:auto}@media (max-height:500px){.tl{grid-template-columns:1fr 1fr;align-items:center;gap:4px 16px;width:min(560px,92vw);display:grid}.tl .logo{grid-row:span 2}.logo .l1{font-size:46px}.logo .l2{font-size:56px}.logo .l3{font-size:20px}.pick{margin:0}.pick img{width:84px;height:84px}.pick .arr{width:40px;height:40px;font-size:16px}#t-name{grid-column:1/-1;padding:8px;font-size:16px}#title button.big{grid-column:1/-1;margin-top:6px;padding:10px;font-size:19px}#title button.farm{grid-column:1/-1;justify-self:center;margin-top:4px;padding:6px 18px;font-size:16px}#title .hint,#title .prog{grid-column:1/-1;margin-top:4px}}