:root{--font: "Fredoka", "Nunito", "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;--panel: rgba(17, 18, 20, .62);--orange: #ff7a1a;--purple: #8a3dff;--green: #3ccf4e;--rbx-green: #00b06f;--rbx-blue: #0074e0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#1a0d2e;font-family:var(--font);color:#fff;user-select:none;-webkit-user-select:none;touch-action:none;overscroll-behavior:none}#app canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;touch-action:none}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#ui button,#ui .modal,#ui .overlay,#ui #joystick,#ui .tb-robux,#ui #prompt{pointer-events:auto}.hidden{display:none!important}button{font-family:var(--font);cursor:pointer;border:none;color:#fff}.rbx{font-weight:900;color:#e8f5e9;background:#232527;border-radius:5px;padding:0 4px;margin-right:3px;font-size:.85em;border:1px solid rgba(255,255,255,.25)}#topbar{position:absolute;top:max(8px,env(safe-area-inset-top));left:10px;display:flex;gap:8px;align-items:center}.tb-btn{width:44px;height:44px;border-radius:12px;background:var(--panel);display:grid;place-items:center;transition:transform .1s}.tb-btn:active{transform:scale(.92)}.tb-robux{height:44px;padding:0 8px 0 10px;border-radius:12px;background:var(--panel);display:flex;align-items:center;gap:4px;font-size:18px;cursor:pointer}.tb-robux .plus{width:26px;height:26px;border-radius:8px;background:var(--rbx-green);display:grid;place-items:center;font-weight:900;margin-left:6px}#leaderboard{position:absolute;top:max(8px,env(safe-area-inset-top));right:10px;background:var(--panel);border-radius:10px;min-width:230px;font-size:14px;overflow:hidden}.lb-head,.lb-row{display:grid;grid-template-columns:1.6fr 1fr .7fr;padding:6px 10px;gap:6px}.lb-head{color:#bbb;font-weight:700;border-bottom:1px solid rgba(255,255,255,.12);font-size:12px}.lb-row{font-weight:800}.lb-row.me span:first-child{color:#ffd23f;overflow:hidden;text-overflow:ellipsis}#chat{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 54px);left:10px;width:min(360px,60vw);max-height:170px;background:#00000047;border-radius:10px;padding:6px 10px;overflow:hidden}#chatLog{max-height:158px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.chat-line{font-size:13.5px;line-height:1.35;text-shadow:0 1px 2px #000;font-weight:600;animation:chatIn .25s ease-out}.chat-line b{font-weight:900}@keyframes chatIn{0%{opacity:0;transform:translate(-10px)}}#side{position:absolute;left:10px;top:50%;transform:translateY(-38%);display:grid;grid-template-columns:1fr 1fr;gap:8px}.side-btn{position:relative;width:70px;height:70px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:900;font-size:13px;text-shadow:0 2px 0 rgba(0,0,0,.35);box-shadow:inset 0 -6px #00000040,0 4px 10px #00000059;border:3px solid rgba(255,255,255,.85);transition:transform .1s}.side-btn i{font-style:normal;font-size:28px;line-height:1;margin-bottom:2px;filter:drop-shadow(0 2px 0 rgba(0,0,0,.3))}.side-btn:hover{transform:scale(1.06) rotate(-2deg)}.side-btn:active{transform:scale(.92)}.side-btn.green{background:linear-gradient(#5be36a,#23a33a)}.side-btn.orange{background:linear-gradient(#ffa040,#f2650f)}.side-btn.purple{background:linear-gradient(#b06bff,#6a1fd0)}.side-btn.blue{background:linear-gradient(#4ab0ff,#0d69ac)}.side-btn.teal{background:linear-gradient(#3fe0c0,#0f8a7a)}.side-btn.red{background:linear-gradient(#ff5a5a,#b0142a);font-size:11px}.badge{position:absolute;top:-8px;right:-8px;background:#ff2a2a;border:2px solid #fff;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:14px;animation:bob 1s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-4px) scale(1.1)}}#boosts{position:absolute;right:10px;top:calc(max(8px,env(safe-area-inset-top)) + 70px);display:flex;flex-direction:column;gap:6px;align-items:flex-end}.boost{background:var(--panel);border-radius:10px;padding:5px 10px;font-size:13px;font-weight:700;border-left:4px solid #4be35c}.boost.auto{border-left-color:#ffb31f}.boost b{color:#ffd23f;margin-left:4px}#bottom{position:absolute;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;width:min(560px,94vw)}#candyBar{display:flex;align-items:center;gap:10px;background:linear-gradient(#2a1846ee,#170b2aee);border:3px solid #ff8a1f;border-radius:999px;padding:6px 18px 6px 10px;box-shadow:0 4px #a04a0a,0 6px 20px #00000073}.candy-icon{font-size:30px;animation:wiggle 2s ease-in-out infinite}@keyframes wiggle{50%{transform:rotate(14deg) scale(1.1)}}#candyAmt{font-size:28px;font-weight:900;letter-spacing:.5px;text-shadow:0 3px 0 #000a;min-width:60px}.mult{background:#ff8a1f;color:#fff;font-weight:900;border-radius:999px;padding:3px 10px;font-size:15px}.luck{background:#23a33a;font-weight:900;border-radius:999px;padding:3px 10px;font-size:13px}#goal{background:var(--panel);border-radius:12px;padding:5px 12px 7px;width:100%;max-width:420px;text-align:center;font-size:13px;font-weight:700}#goal .bar{height:8px;border-radius:4px;background:#ffffff26;margin-top:4px;overflow:hidden}#goalFill{height:100%;width:0;background:linear-gradient(90deg,#ff8a1f,#ffd23f);border-radius:4px;transition:width .3s}#prompt{background:linear-gradient(#2e1a4ef2,#1a0d2ef2);border:3px solid #b04dff;border-radius:18px;padding:10px 14px;text-align:center;box-shadow:0 6px 24px #00000080;animation:popIn .22s cubic-bezier(.2,1.6,.4,1)}@keyframes popIn{0%{transform:scale(.7);opacity:0}}.pr-title{font-weight:900;font-size:18px;margin-bottom:8px}.pr-cost{background:#ff8a1f;border-radius:999px;padding:2px 10px;margin-left:6px;font-size:15px}.pr-cost.bad{background:#b0142a}.pr-btns{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.pbtn{background:linear-gradient(#5be36a,#23a33a);border-radius:12px;padding:8px 14px;font-weight:900;font-size:15px;box-shadow:inset 0 -4px #00000040;border:2px solid rgba(255,255,255,.8)}.pbtn.locked{background:linear-gradient(#777,#444)}.pbtn.on{background:linear-gradient(#ffd23f,#f29a0f)}.pbtn.go{animation:bob .8s ease-in-out infinite}.pbtn kbd{background:#00000059;border-radius:5px;padding:1px 6px;margin-right:6px;font-family:var(--font);font-size:12px}@media (pointer: coarse){.pbtn kbd{display:none}}#toasts{position:absolute;top:calc(max(8px,env(safe-area-inset-top)) + 60px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;width:min(480px,92vw)}.toast{position:relative;background:#fff;color:#222;font-weight:800;padding:9px 16px;border-radius:16px;font-size:15px;box-shadow:0 4px 14px #0006;border-bottom:4px solid var(--tc);animation:popIn .25s cubic-bezier(.2,1.6,.4,1);text-align:center;transition:opacity .4s,transform .4s}.toast:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--tc)}.toast.out{opacity:0;transform:translateY(-10px)}#bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;color:#222;font-weight:800;padding:7px 14px;border-radius:14px;font-size:15px;white-space:nowrap;box-shadow:0 3px 10px #00000059;animation:popIn .2s}#bubble:after{content:"";position:absolute;left:50%;bottom:-10px;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}#zoneBanner{position:absolute;top:24%;left:0;right:0;text-align:center;opacity:0;pointer-events:none}#zoneBanner.show{animation:banner 2.6s ease-out forwards}.zb-main{font-size:clamp(32px,7vw,64px);font-weight:900;-webkit-text-stroke:2px #000;text-shadow:0 5px 0 #000,0 0 30px currentColor;letter-spacing:1px}.zb-sub{font-size:18px;font-weight:800;text-shadow:0 2px 4px #000}@keyframes banner{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-20px)}}#popups{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.popup{position:absolute;transform:translate(-50%,-50%);font-weight:900;font-size:22px;color:#ffd23f;-webkit-text-stroke:1.5px #2a1200;text-shadow:0 3px 0 #2a1200;animation:floatUp .95s ease-out forwards;white-space:nowrap}.popup.combo{color:#7cff3a;font-size:26px}.popup.big{font-size:40px;color:#ff8a1f;-webkit-text-stroke:2px #000;animation-duration:1.4s}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-30%) scale(.5)}15%{opacity:1;transform:translate(-50%,-60%) scale(1.25)}to{opacity:0;transform:translate(-50%,-230%) scale(1)}}#joystick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:max(28px,env(safe-area-inset-bottom));width:130px;height:130px;border-radius:50%;background:#ffffff1f;border:3px solid rgba(255,255,255,.35);display:grid;place-items:center;touch-action:none}#knob{width:58px;height:58px;border-radius:50%;background:#ffffffbf;box-shadow:0 3px 10px #0006;pointer-events:none}#jumpBtn{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(34px,env(safe-area-inset-bottom));width:88px;height:88px;border-radius:50%;background:#ffffff2e;border:3px solid rgba(255,255,255,.5);font-size:40px;font-weight:900;touch-action:none}#jumpBtn:active{background:#fff6}#hatchLabels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:none}.hatch-label{position:absolute;transform:translate(-50%);text-align:center;animation:labelIn .45s cubic-bezier(.2,1.6,.4,1);white-space:nowrap}.hl-rarity{font-size:44px;font-weight:900;-webkit-text-stroke:2px #000;text-shadow:0 4px 0 #000,0 0 24px var(--rc)}.hatch-label.epic .hl-rarity{animation:pulse .5s ease-in-out infinite alternate}.hl-name{font-size:26px;font-weight:900;text-shadow:0 3px 0 #000}.hl-power{font-size:18px;font-weight:800;color:#ffd23f;text-shadow:0 2px 0 #000}.hl-new{display:inline-block;background:#ff2a6a;padding:2px 12px;border-radius:999px;font-weight:900;font-size:16px;margin-bottom:4px;border:2px solid #fff}.hatch-label.small .hl-rarity{font-size:26px}.hatch-label.small .hl-name{font-size:17px}.hatch-label.small .hl-power{font-size:14px}@keyframes labelIn{0%{transform:translate(-50%,30px) scale(.4);opacity:0}}@keyframes pulse{to{transform:scale(1.12)}}#modals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#05000f8c;display:grid;place-items:center;animation:fadeIn .15s;padding:10px}.overlay.closing{opacity:0;transition:opacity .15s}@keyframes fadeIn{0%{opacity:0}}.modal{background:#f4f1fa;color:#1d1530;border-radius:18px;width:min(560px,96vw);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #0009;border:4px solid #fff;animation:popIn .25s cubic-bezier(.2,1.5,.4,1)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 18px;font-size:22px;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}.modal-head .x{width:36px;height:36px;border-radius:10px;background:#e5383b;font-size:18px;font-weight:900;box-shadow:inset 0 -3px #00000040}.modal-body{padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.modal.shop,.modal.inv{width:min(820px,97vw)}.center{text-align:center}.small{font-size:13px;opacity:.75}.rbx-btn{border-radius:10px;padding:9px 16px;font-weight:900;font-size:15px;box-shadow:inset 0 -4px #00000038;transition:transform .08s,filter .1s}.rbx-btn:hover:not(:disabled){filter:brightness(1.1)}.rbx-btn:active:not(:disabled){transform:scale(.95)}.rbx-btn:disabled{opacity:.7;cursor:default}.rbx-btn.green{background:var(--rbx-green)}.rbx-btn.blue{background:var(--rbx-blue)}.rbx-btn.grey{background:#8a8794}.rbx-btn.red{background:#d62839}.rbx-btn.gold{background:linear-gradient(#ffd23f,#e8920f);color:#3a2000}.rbx-btn.big{font-size:22px;padding:12px 34px;border-radius:14px;display:block;margin:12px auto 0}.rbx-btn .rbx{background:#00000040;border:none}.tabs{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.tabs button{background:#d9d2e8;color:#3a2a5a;border-radius:10px;padding:8px 14px;font-weight:900;font-size:14px}.tabs button.on{background:#6a1fd0;color:#fff}.tabs button.hot:not(.on){background:#ffdcc4;color:#b04a00}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.card{position:relative;background:#fff;border-radius:14px;padding:12px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center;box-shadow:0 3px #d0c6e4;border:2px solid #e6def4}.card.hl{border-color:#ff8a1f;box-shadow:0 0 0 3px #ff8a1f66;animation:bob 1s ease-in-out 3}.card.limited{background:linear-gradient(#2a1846,#170b2a);color:#fff;border-color:#ff8a1f;box-shadow:0 3px #a04a0a}.c-icon{font-size:44px;height:70px;display:grid;place-items:center}.c-icon img{width:80px;height:80px}.c-icon.rbx-big .rbx{font-size:28px;padding:4px 10px}.c-name{font-weight:900;font-size:17px}.c-desc{font-size:12.5px;opacity:.8;flex:1}.c-amt{font-weight:900;color:#e8700a}.card .rbx-btn{width:100%}.lim-tag{position:absolute;top:8px;left:8px;background:#ff2a6a;color:#fff;font-weight:900;font-size:11px;padding:2px 8px;border-radius:6px}.lim-tag.green{background:var(--rbx-green)}.limited-banner{background:linear-gradient(90deg,#ff7a1a,#b04dff);border-radius:14px;padding:12px;font-weight:900;text-align:center;font-size:22px;color:#fff;margin-bottom:10px;text-shadow:0 2px 0 #0006}#shopTimer{font-size:16px;margin-top:2px}.modal.buy-modal{width:min(400px,94vw);background:#393b3d;color:#fff;border-color:#232527}.buy-modal .modal-body{text-align:center}.buy-icon{font-size:56px;margin:6px auto;width:90px;height:90px;display:grid;place-items:center;background:#232527;border-radius:16px}.buy-icon .rbx{font-size:30px}.buy-icon.ok{color:#00b06f;font-size:50px}.buy-btns{display:flex;gap:10px;justify-content:center;margin-top:12px}.buy-btns .rbx-btn{flex:1;max-width:160px}.spinner{width:46px;height:46px;border:5px solid #fff3;border-top-color:#fff;border-radius:50%;margin:16px auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.inv-top{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-weight:700;margin-bottom:8px}.mult-pill{background:#ff8a1f;color:#fff;border-radius:999px;padding:3px 12px;font-weight:900}.inv-actions{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.inv-actions .rbx-btn{font-size:13px;padding:8px 12px}.inv-main{display:grid;grid-template-columns:1fr 210px;gap:10px}.inv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;align-content:start;max-height:52vh;overflow-y:auto;padding:2px;touch-action:pan-y}.pet-card{position:relative;aspect-ratio:1;background:radial-gradient(circle at 50% 40%,#fff,#e8e0f4);border-radius:14px;border:3px solid var(--rc);cursor:pointer;display:grid;place-items:center;box-shadow:0 3px #0000001f}.pet-card img{width:86%;height:86%;object-fit:contain;pointer-events:none}.pet-card.gold{background:radial-gradient(circle at 50% 40%,#fff6c8,#ffd23f)}.pet-card.sel{outline:4px solid #0074e0}.pet-card.eq{box-shadow:0 0 0 3px #3ccf4e inset}.pc-pow{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:11px;font-weight:900;color:#fff;background:#0009;border-radius:6px;padding:0 5px;white-space:nowrap}.pc-eq{position:absolute;top:-6px;right:-6px;background:#3ccf4e;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:13px;color:#fff;font-weight:900;border:2px solid #fff}.inv-detail{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:center}.inv-detail.empty{font-size:13.5px;color:#554a6a;justify-content:center}.inv-detail img{width:120px;height:120px;margin:0 auto}.d-name{font-weight:900;font-size:19px}.d-rar{font-weight:900;-webkit-text-stroke:.4px #0005}.d-pow{font-weight:900;color:#e8700a}.inv-empty{grid-column:1 / -1;padding:30px 10px;text-align:center;color:#6a5a8a;font-weight:700}@media (max-width: 640px){.inv-main{grid-template-columns:1fr}.inv-grid{max-height:36vh}.inv-detail img{width:80px;height:80px}}.daily-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px}.day{position:relative;background:#fff;border-radius:12px;padding:8px 4px;text-align:center;border:3px solid #e2d8f2}.day.cur{border-color:#ff3df2;background:#ffe6fc;animation:bob 1s ease-in-out infinite}.day.claimed{opacity:.55}.dn{font-size:12px;font-weight:900;color:#7a2bd8}.di{font-size:26px;margin:4px 0}.di .rbx{font-size:15px}.dl{font-size:10.5px;font-weight:800}.dc{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:34px;color:#00b06f;font-weight:900}@media (max-width: 520px){.daily-grid{grid-template-columns:repeat(4,1fr)}}.group-card{display:flex;gap:12px;align-items:center;background:#fff;border-radius:14px;padding:12px}.g-logo{font-size:46px;width:70px;height:70px;border-radius:14px;background:#1a0d2e;display:grid;place-items:center}.g-name{font-weight:900;font-size:19px}.reward-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.reward-row>div{background:#fff;border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:14px;min-width:100px}.reward-row img{width:48px;height:48px}.zone-row{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:8px}.zone-row.locked{opacity:.85;background:#ece6f6}.zr-num{width:40px;height:40px;border-radius:12px;background:#0f8a7a;color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px}.zone-row.locked .zr-num{background:#8a8794}.zr-info{flex:1}.set-row{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:8px;font-weight:800}.toggle{width:56px;height:30px;border-radius:999px;background:#bbb;position:relative}.toggle i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on{background:var(--rbx-green)}.toggle.on i{left:29px}.help-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px}.help-steps>div{background:#fff;border-radius:14px;padding:10px;display:flex;gap:10px;align-items:flex-start}.help-steps span{font-size:34px}.help-steps p{margin:0;font-size:13.5px}.help-controls{margin-top:12px;background:#1a0d2e;color:#fff;border-radius:12px;padding:10px;font-size:13.5px;text-align:center}@media (max-width: 520px){.help-steps{grid-template-columns:1fr}}#title{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#1a0d2e33,#0a0414d9);pointer-events:auto;transition:opacity .6s;z-index:5}#title.gone{opacity:0;pointer-events:none}.title-inner{text-align:center;padding:20px}.logo{display:flex;flex-direction:column;line-height:.9;transform:rotate(-3deg);animation:logoFloat 3s ease-in-out infinite}.logo span{font-weight:900;-webkit-text-stroke:3px #1a0d2e;paint-order:stroke fill}.l1{font-size:clamp(40px,10vw,92px);color:#e8f0ff;text-shadow:0 6px 0 #1a0d2e,0 0 40px #b04dff}.l2{font-size:clamp(54px,14vw,132px);color:#ff8a1f;text-shadow:0 8px 0 #1a0d2e,0 0 50px #ff6a00}@keyframes logoFloat{50%{transform:rotate(-1deg) translateY(-8px)}}.subtitle{margin:18px 0 22px;font-weight:800;font-size:clamp(14px,3.4vw,19px);text-shadow:0 2px 4px #000}#playBtn{font-size:34px;padding:14px 70px;border-radius:18px;border:4px solid #fff;box-shadow:inset 0 -6px #00000040,0 0 30px #3ccf4e88;animation:bob 1.4s ease-in-out infinite}.title-foot{margin-top:26px;font-size:12px;opacity:.7}@media (max-width: 700px){#leaderboard{min-width:0;font-size:12px}.lb-head,.lb-row{grid-template-columns:1.2fr .9fr .6fr;padding:4px 8px}#chat{max-height:96px;width:55vw}#chatLog{max-height:86px}.chat-line{font-size:11.5px}.side-btn{width:56px;height:56px;border-radius:14px;font-size:10.5px}.side-btn i{font-size:22px}#side{top:46%}#candyAmt{font-size:22px}#bottom{bottom:max(10px,env(safe-area-inset-bottom))}.pr-title{font-size:15px}.pbtn{padding:8px 10px;font-size:13px}}@media (pointer: coarse){#bottom{width:min(560px,calc(100vw - 280px));min-width:260px}#goal{font-size:11.5px}}@media (pointer: coarse) and (max-width: 560px){#bottom{width:92vw;bottom:170px}#candyBar{padding:4px 12px 4px 8px}}