@font-face{font-family:Black Ops One;font-style:normal;font-display:swap;font-weight:400;src:url(./black-ops-one-latin-400-normal-CYRH0z_U.woff2) format("woff2"),url(./black-ops-one-latin-400-normal-DmcO2QRk.woff) format("woff")}@font-face{font-family:Black Ops One;font-style:normal;font-display:swap;font-weight:400;src:url(./black-ops-one-latin-ext-400-normal-CMPv-r5W.woff2) format("woff2"),url(./black-ops-one-latin-ext-400-normal-qz3wlKjE.woff) format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-400-normal-BUlsQXH3.woff2) format("woff2"),url(./kanit-latin-400-normal-HVZWrfev.woff) format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:400;src:url(./kanit-latin-ext-400-normal-B2xPf58u.woff2) format("woff2"),url(./kanit-latin-ext-400-normal-CHvNKHHD.woff) format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:500;src:url(./kanit-latin-500-normal-CX_4XcKi.woff2) format("woff2"),url(./kanit-latin-500-normal-qBha86O4.woff) format("woff")}@font-face{font-family:Kanit;font-style:normal;font-display:swap;font-weight:600;src:url(./kanit-latin-600-normal-0lS78yAd.woff2) format("woff2"),url(./kanit-latin-600-normal-DlacpeTg.woff) format("woff")}:root{--honey: #ffc21a;--honey2: #ffe27a;--amber: #ff9a1a;--comb: #1e1a14;--comb2: #2a2418;--olive: #4b5a2a;--olive2: #6b7d3a;--olive3: #33401b;--cream: #fff3d6;--alert: #e2412b;--sky: #9fdcff;--jelly: #b07bff;--display: "Black Ops One", "Impact", system-ui, sans-serif;--body: "Kanit", system-ui, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--hex: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--hexflat: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%);--tape: repeating-linear-gradient(-45deg, var(--honey) 0 14px, var(--comb) 14px 28px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overflow:hidden;background:#2b3318;color:var(--cream);font-family:var(--body);user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#view{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font-family:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}canvas[data-icon],img.ic{image-rendering:pixelated;width:24px;height:24px;flex:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.logo{margin:0;display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;column-gap:10px;line-height:.9;font-family:var(--display);font-weight:400}.logo .emblem{grid-row:1 / span 2;width:86px;height:98px;clip-path:var(--hex);background:var(--comb);display:grid;place-items:center;position:relative}.logo .emblem:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;clip-path:var(--hex);background:radial-gradient(circle at 40% 35%,var(--honey2),var(--honey) 55%,var(--amber))}.logo .emblem canvas{position:relative;width:52px;height:52px}.logo .l1{font-size:clamp(44px,7.4vw,86px);color:var(--honey);letter-spacing:2px;-webkit-text-stroke:2px var(--comb);text-shadow:4px 4px 0 var(--comb),0 0 22px rgba(255,194,26,.35)}.logo .l2{justify-self:start;background:var(--tape);padding:4px 6px;transform:rotate(-2deg);box-shadow:3px 3px 0 var(--comb)}.logo .l2 i{font-style:normal;display:block;background:var(--olive3);color:var(--cream);padding:2px 12px 0;font-size:clamp(24px,3.6vw,40px);letter-spacing:8px}.logo.small .emblem{width:60px;height:69px}.logo.small .emblem canvas{width:36px;height:36px}.logo.small .l1{font-size:46px}.logo.small .l2 i{font-size:22px;letter-spacing:5px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:calc(10px + var(--safe-t)) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));position:relative;z-index:2}.dogtag{display:flex;align-items:center;gap:8px;min-height:44px;max-width:46vw;padding:6px 14px 6px 10px;background:linear-gradient(#d9d9d2,#a9a9a2);color:var(--comb);border-radius:22px 10px 10px 22px;box-shadow:0 3px #5a5a52,inset 0 0 0 2px #00000040;font-weight:600;font-size:14px;text-align:left}.dogtag:before{content:"";width:10px;height:10px;border-radius:50%;background:#5a5a52;box-shadow:inset 0 0 0 2px #2a2a26;flex:none}.dogtag small{display:block;font-weight:400;font-size:11px;opacity:.75}.dogtag .prov{display:inline-flex;gap:4px}.dogtag .prov svg{width:18px;height:18px;border-radius:4px}.dogtag .dot{width:9px;height:9px;border-radius:50%;background:#3fbf4a;display:inline-block;margin-right:4px}.res{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hexpill{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px 0 10px;background:var(--comb);clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);font-family:var(--display);font-size:18px;color:var(--honey)}.hexpill.jelly{color:var(--jelly)}.rankchip{display:flex;align-items:center;gap:6px;height:44px;padding:0 10px;background:var(--olive);border:2px solid var(--honey);border-radius:8px;position:relative;box-shadow:0 3px 0 var(--olive3)}.rankchip .chev{display:flex;flex-direction:column;gap:2px}.rankchip .chev i{display:block;width:18px;height:6px;background:var(--honey);clip-path:polygon(0 100%,50% 0,100% 100%,85% 100%,50% 30%,15% 100%)}.rankchip .rk{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.rankchip .rk b{font-family:var(--display);font-size:20px;color:var(--honey)}.rankchip .rk small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.xpbar{position:absolute;left:6px;right:6px;bottom:3px;height:4px;background:#0006;border-radius:2px;overflow:hidden}.xpbar span{display:block;height:100%;background:var(--honey)}.menu-body{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 calc(28px + var(--safe-r)) calc(16px + var(--safe-b)) calc(28px + var(--safe-l));gap:16px;min-height:0}.brand{max-width:50%;align-self:flex-start;margin-top:4vh}.tagline{margin:14px 0 0;font-size:16px;font-weight:500;background:#1e1a14b8;display:inline-block;padding:6px 12px;border-left:4px solid var(--honey)}.gate-note{margin:10px 0 0;display:inline-flex;gap:8px;align-items:center;background:var(--alert);padding:6px 12px;font-weight:600;font-size:14px;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.comb{--w: clamp(84px, 10.5vw, 118px);--h: calc(var(--w) * 1.1547);position:relative;width:calc(var(--w) * 3.15);height:calc(var(--h) * 2.6 + var(--w) * .7);flex:none}.cell{position:absolute;width:var(--w);height:var(--h);clip-path:var(--hex);background:var(--comb);display:grid;place-items:center;transition:transform .12s}.cell:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;clip-path:var(--hex);background:linear-gradient(160deg,var(--olive2),var(--olive) 60%,var(--olive3))}.cell>span{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:600;font-size:12.5px;line-height:1.05;text-align:center;padding:0 8px;text-shadow:0 2px 0 rgba(0,0,0,.4)}.cell img.ic,.cell canvas{width:calc(var(--w) * .38);height:calc(var(--w) * .38)}.cell:hover,.cell:focus-visible{transform:scale(1.06);outline:none}.cell:active{transform:scale(.95)}.cell.play{width:calc(var(--w) * 1.18);height:calc(var(--h) * 1.18);z-index:2;filter:drop-shadow(0 0 16px rgba(255,194,26,.55));animation:throb 1.6s ease-in-out infinite}.cell.play:before{background:radial-gradient(circle at 45% 35%,var(--honey2),var(--honey) 50%,var(--amber))}.cell.play>span{color:var(--comb);text-shadow:none}.cell.play b{font-family:var(--display);font-size:calc(var(--w) * .25);letter-spacing:0;white-space:nowrap}.cell.play small{font-size:10.5px;font-weight:600;max-width:calc(var(--w) * .85)}.cell.locked:before{background:linear-gradient(160deg,#5a5650,#3a3632)}.cell.locked>span{opacity:.8}.cell .badge{position:absolute;top:12%;right:22%;width:14px;height:14px;border-radius:50%;background:var(--alert);box-shadow:0 0 0 2px var(--comb);z-index:3}.cell.mini{--w2: calc(var(--w) * .62);width:var(--w2);height:calc(var(--w2) * 1.1547)}.cell.mini>span{font-size:10px}.cell.mini img.ic{width:calc(var(--w2) * .42);height:calc(var(--w2) * .42)}@keyframes throb{50%{transform:scale(1.04)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;font-family:var(--display);font-size:18px;letter-spacing:1px;color:var(--comb);background:linear-gradient(var(--honey2),var(--honey) 55%,var(--amber));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);transition:transform .1s,filter .1s}.btn:active{transform:scale(.95)}.btn:disabled,.btn.off{filter:grayscale(1) brightness(.7);cursor:default}.btn.olive{background:linear-gradient(var(--olive2),var(--olive));color:var(--cream)}.btn.red{background:linear-gradient(#ff6a52,var(--alert));color:var(--cream)}.btn.tape{background:var(--tape);color:var(--cream);text-shadow:0 0 4px #000,0 0 2px #000}.btn img.ic{width:22px;height:22px}.hexbtn{width:52px;height:60px;clip-path:var(--hex);background:var(--comb);display:grid;place-items:center;position:relative;color:var(--honey);font-size:20px;font-weight:700}.hexbtn:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;clip-path:var(--hex);background:var(--olive)}.hexbtn>*{position:relative}.hexbtn.small{width:48px;height:55px}.hexbtn.tiny{width:40px;height:46px;font-size:16px}.sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f12089e;display:grid;place-items:center;z-index:20;padding:calc(10px + var(--safe-t)) calc(10px + var(--safe-r)) calc(10px + var(--safe-b)) calc(10px + var(--safe-l))}.crate{width:min(720px,100%);min-width:0;max-height:100%;display:flex;flex-direction:column;background:var(--olive);border:3px solid var(--comb);box-shadow:0 0 0 3px var(--honey),0 12px 40px #00000080;position:relative;animation:dropin .22s ease-out}.crate:before,.crate:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#c8c8b8;box-shadow:inset -2px -2px #6a6a5a;top:8px;left:8px}.crate:after{left:auto;right:8px}@keyframes dropin{0%{transform:translateY(-30px) scale(.97);opacity:0}}.crate-head{flex:none;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 24px;background:var(--tape);border-bottom:3px solid var(--comb)}.crate-head h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:2px;background:var(--comb);color:var(--honey);padding:4px 12px;align-self:center}.crate-ic{width:44px;height:50px;clip-path:var(--hex);background:var(--comb);display:grid;place-items:center}.crate-ic canvas{width:30px;height:30px;image-rendering:pixelated}.crate-body{overflow-y:auto;padding:14px 16px 18px;touch-action:pan-y;-webkit-overflow-scrolling:touch;background:repeating-linear-gradient(90deg,#0000000a 0,#0000000a 40px,#ffffff05 40px,#ffffff05 80px)}.note{font-size:13px;opacity:.85;margin:4px 0 12px}.gate-box{display:flex;gap:10px;align-items:center;padding:14px;background:var(--comb);border-left:6px solid var(--alert);font-weight:600;margin-bottom:12px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.card{background:var(--comb2);border:2px solid rgba(255,255,255,.08);padding:10px;display:flex;flex-direction:column;gap:6px;position:relative}.card.on{border-color:var(--honey)}.card .row{display:flex;align-items:center;gap:10px}.card h3{margin:0;font-size:16px;font-weight:600}.card p{margin:0;font-size:12.5px;opacity:.85}.card .ic{width:40px;height:40px}.pips{display:flex;gap:3px}.pips i{width:12px;height:8px;background:#ffffff1f;clip-path:polygon(0 100%,50% 0,100% 100%)}.pips i.on{background:var(--honey)}.price{display:inline-flex;gap:4px;align-items:center;font-family:var(--display)}.price img.ic{width:18px;height:18px}.card .btn{min-height:40px;font-size:15px}.gardens{display:flex;flex-direction:column;gap:10px}.garden{display:grid;grid-template-columns:120px 1fr;gap:12px;background:var(--comb2);padding:10px;border:2px solid rgba(255,255,255,.08)}.garden.sel{border-color:var(--honey)}.garden .thumb{width:120px;height:84px;clip-path:var(--hexflat);background-size:cover;background-position:center}.garden h3{margin:0 0 2px;font-family:var(--display);font-weight:400;font-size:19px;letter-spacing:1px;color:var(--honey)}.garden p{margin:0 0 6px;font-size:12.5px;opacity:.85}.lvls{display:flex;gap:6px;flex-wrap:wrap}.lvl{width:50px;height:57px;clip-path:var(--hex);background:var(--olive2);display:grid;place-items:center;font-family:var(--display);font-size:17px;position:relative;color:var(--cream)}.lvl small{position:absolute;bottom:9px;font-family:var(--body);font-size:9px;letter-spacing:-1px;color:var(--honey2)}.lvl.boss{background:var(--alert)}.lvl.won{background:var(--honey);color:var(--comb)}.lvl.won small{color:var(--comb)}.lvl.lock{background:#4a4640;color:#8a867e;cursor:not-allowed}.lvl.next{box-shadow:inset 0 0 0 3px var(--cream);animation:throb 1.4s infinite}.garden.lockd{opacity:.65}.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{aspect-ratio:1 / 1.1;clip-path:var(--hex);background:var(--comb2);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;position:relative;padding-top:4px}.day b{font-family:var(--display);font-size:12px;color:var(--honey2);font-weight:400}.day img.ic{width:26px;height:26px}.day span{font-weight:600;font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.day.got{background:var(--olive3);opacity:.6}.day.got:after{content:"✓";position:absolute;font-size:26px;color:#6fe36a;font-weight:800}.day.today{background:var(--honey);color:var(--comb);animation:throb 1.4s infinite}.day.today b{color:var(--comb)}.day.big{background:var(--alert)}.day.big.got{background:var(--olive3)}.medal{display:flex;gap:10px;align-items:center;background:var(--comb2);padding:8px 10px;border-left:5px solid #555}.medal.got{border-left-color:var(--honey)}.medal .ic{width:38px;height:38px}.medal:not(.got) .ic{filter:grayscale(1) brightness(.6)}.medal h3{margin:0;font-size:15px}.medal p{margin:0;font-size:12px;opacity:.8}.medal .tier{margin-left:auto;font-family:var(--display);color:var(--honey);font-size:13px;white-space:nowrap}.list{display:flex;flex-direction:column;gap:8px}.lb{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}a.btn{text-decoration:none}.order{display:flex;gap:12px;align-items:center;background:var(--comb2);padding:10px}.order .bar{height:10px;background:#ffffff1a;margin-top:6px}.order .bar span{display:block;height:100%;background:var(--honey)}.order .grow{flex:1}.order h3{margin:0;font-size:15px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.field label{font-size:13px;font-weight:600;color:var(--honey2)}.field input[type=text]{font:inherit;font-size:16px;padding:10px 12px;background:var(--comb);color:var(--cream);border:2px solid var(--olive2)}.field input[type=range]{width:100%;accent-color:var(--honey);height:30px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{min-height:40px;padding:0 12px;background:var(--comb2);border:2px solid transparent;font-weight:600;display:inline-flex;align-items:center;gap:6px}.seg button.on{border-color:var(--honey);color:var(--honey)}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.stat{background:var(--comb2);padding:8px 10px}.stat small{display:block;font-size:11px;opacity:.7}.stat b{font-family:var(--display);font-size:20px;color:var(--honey);font-weight:400}.results{text-align:center}.results h2{font-family:var(--display);font-weight:400;font-size:40px;margin:4px 0;color:var(--honey);-webkit-text-stroke:1px var(--comb);text-shadow:3px 3px 0 var(--comb)}.results h2.lose{color:#ff8a7a}.stars{display:flex;justify-content:center;gap:8px;margin:6px 0 4px}.stars .s{width:64px;height:74px;clip-path:var(--hex);background:var(--comb);display:grid;place-items:center;animation:pop .4s backwards}.stars .s img{width:40px;height:40px;image-rendering:pixelated}.stars .s:nth-child(2){animation-delay:.25s;transform:translateY(-8px)}.stars .s:nth-child(3){animation-delay:.5s}.starlegend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;font-size:11.5px;opacity:.8;margin-bottom:8px}@keyframes pop{0%{transform:scale(0)}70%{transform:scale(1.2)}}.rew{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:8px 0}.rew span{display:inline-flex;gap:6px;align-items:center;background:var(--comb);padding:6px 12px;font-family:var(--display);font-size:18px;color:var(--honey);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.rew span small{font-family:var(--body);font-size:11px;color:var(--cream);opacity:.8}.evs{display:flex;flex-direction:column;gap:4px;margin:8px auto;max-width:420px}.evs div{background:var(--olive3);padding:6px 10px;display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;text-align:left}.evs img.ic{width:22px;height:22px}.actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#hud button,#hud .stick{pointer-events:auto}.hud-top{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));right:calc(8px + var(--safe-r));display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.hud-left{display:flex;flex-direction:column;gap:6px;align-items:flex-start}#radar{width:120px;height:120px;clip-path:var(--hex);background:#1e1a14b3}.hud-mid{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.goal{display:flex;align-items:center;gap:8px;background:#1e1a14d1;padding:6px 12px;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,10px 100%,0 50%)}.goal .cells{display:flex;gap:2px}.goal .cells i{width:16px;height:18px;clip-path:var(--hex);background:#ffffff26;position:relative;overflow:hidden}.goal .cells i span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(var(--honey2),var(--amber))}.goal b{font-family:var(--display);font-size:18px;color:var(--honey);white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;background:#1e1a14d1;padding:4px 10px;font-family:var(--display);font-size:17px;border-radius:4px}.pill canvas{width:22px;height:22px}.pill.warn{background:var(--alert);animation:throb .6s infinite}.hud-right{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.hpbar{display:block;width:90px;height:12px;background:#ffffff26}.hpbar span{display:block;height:100%;background:linear-gradient(90deg,#7be35a,#3fbf4a);transition:width .2s}.hivehp.low .hpbar span{background:var(--alert)}.bossbar{display:flex;flex-direction:column;align-items:center;gap:2px;width:min(360px,70vw)}.bossbar b{font-family:var(--display);font-weight:400;color:#ff8a7a;text-shadow:2px 2px 0 var(--comb);letter-spacing:1px}.bossbar i{display:block;width:100%;height:12px;background:var(--comb);border:2px solid var(--comb)}.bossbar i span{display:block;height:100%;background:linear-gradient(90deg,#ff6a52,#c0262c)}.carry{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:5px;background:#1e1a14c7;padding:2px 8px 2px 4px;border-radius:10px;font-weight:600;font-size:12px;white-space:nowrap}.carry i{display:block;width:46px;height:8px;background:#ffffff2e;border-radius:4px;overflow:hidden}.carry i span{display:block;height:100%;background:var(--honey)}.carry.full{background:var(--amber);color:var(--comb)}.carry.full i span{background:var(--comb)}#arrows>div{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;display:grid;place-items:center}#arrows>div:before{content:"";width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-bottom:20px solid var(--alert);filter:drop-shadow(0 0 3px #000);transform:rotate(var(--a))}#arrows>div.boss:before{border-bottom-color:#ff3aff;border-left-width:15px;border-right-width:15px;border-bottom-width:26px}#arrows>div.nav:before{border-bottom-color:var(--honey)}.banner{position:absolute;top:24%;left:0;right:0;display:flex;justify-content:center;animation:slide .35s ease-out}.banner span{background:var(--tape);padding:6px;transform:rotate(-2deg)}.banner span:after{content:attr(data-t);display:block;background:var(--comb);color:var(--honey);font-family:var(--display);font-size:clamp(20px,4vw,36px);padding:6px 20px;letter-spacing:2px;text-align:center}.banner.info span{background:repeating-linear-gradient(-45deg,var(--olive2) 0 14px,var(--olive3) 14px 28px)}.banner.info span:after{color:var(--cream)}@keyframes slide{0%{transform:translate(-60px);opacity:0}}#pops>div{position:absolute;transform:translate(-50%,-50%);font-family:var(--display);font-size:20px;color:var(--honey);text-shadow:2px 2px 0 var(--comb),-1px -1px 0 var(--comb);animation:rise .9s ease-out forwards;white-space:nowrap}#pops>div.hurt{color:#ff6a52}#pops>div.bee{color:#fff;font-size:16px}#pops>div.bloom{color:#ff9ccf}#pops>div.boss{font-size:40px}@keyframes rise{to{transform:translate(-50%,-160%);opacity:0}}.rush{position:absolute;right:calc(18px + var(--safe-r));bottom:calc(18px + var(--safe-b));width:108px;height:124px;clip-path:var(--hex);background:var(--comb);display:grid;place-items:center;align-content:center;gap:0}.rush:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;clip-path:var(--hex);background:radial-gradient(circle at 45% 35%,#ff8a6a,var(--alert) 60%,#9a1a10)}.rush canvas,.rush b{position:relative}.rush canvas{width:40px;height:40px}.rush b{font-family:var(--display);font-size:17px;letter-spacing:1px}.rush .cd{position:absolute;top:5px;right:5px;bottom:5px;left:5px;clip-path:var(--hex);background:conic-gradient(rgba(0,0,0,.65) var(--p, 0%),transparent 0);z-index:1}.rush:active{transform:scale(.94)}.stick{position:absolute;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;border:3px solid rgba(255,243,214,.5);background:#1e1a1440}.stick i{position:absolute;left:50%;top:50%;width:50px;height:58px;margin:-29px 0 0 -25px;clip-path:var(--hex);background:var(--honey);opacity:.9}.keyhint{position:absolute;left:50%;bottom:calc(10px + var(--safe-b));transform:translate(-50%);margin:0;font-size:12.5px;background:#1e1a1499;padding:4px 10px;white-space:nowrap}body.touch .keyhint{display:none}.tut{position:absolute;left:0;right:0;top:calc(92px + var(--safe-t));display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;z-index:5;padding:0 12px}.tut-card{pointer-events:none;display:flex;gap:12px;align-items:center;max-width:560px;background:var(--cream);color:var(--comb);padding:12px 16px;border:3px solid var(--comb);box-shadow:5px 5px 0 var(--honey);animation:slide .3s}.tut-card canvas{width:40px;height:40px}.tut-card p{margin:0;font-weight:600;font-size:16px}.tut-card small{display:block;margin-top:4px;font-size:12px;opacity:.75}.tut .btn{pointer-events:auto;min-height:42px;font-size:15px}#toasts{position:absolute;left:50%;bottom:calc(150px + var(--safe-b));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;z-index:30;pointer-events:none}#toasts div{background:var(--comb);border:2px solid var(--honey);padding:8px 14px;font-weight:600;display:flex;gap:8px;align-items:center;animation:slide .25s;max-width:90vw}#toasts img.ic{width:24px;height:24px}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(circle at 50% 40%,#4b5a2a,#1e2410);z-index:50;transition:opacity .4s}#loading.done{opacity:0;pointer-events:none}.ld-bar{width:min(320px,70vw);height:18px;background:var(--comb);padding:3px;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,8px 100%,0 50%)}.ld-bar i{display:block;height:100%;width:5%;background:var(--tape);transition:width .3s}@media(max-width:760px),(max-aspect-ratio:1/1){.menu-body{flex-direction:column;justify-content:space-between;align-items:center;padding-top:4px}.brand{max-width:100%;margin-top:2vh;display:flex;flex-direction:column;align-items:center;text-align:center}.logo .emblem{width:62px;height:72px}.logo .emblem canvas{width:38px;height:38px}.tagline{font-size:13px}.comb{--w: min(25vw, 112px)}.dogtag{max-width:40vw;font-size:12px}.hexpill{height:34px;font-size:15px;padding:0 12px 0 8px}.cal{gap:3px}.day img.ic{width:18px;height:18px}.day span{font-size:9px}.day b{font-size:10px}.lvl{width:44px;height:50px;font-size:15px}.lvl small{bottom:7px}.garden{grid-template-columns:1fr}.garden .thumb{width:100%;height:70px}.rush{width:92px;height:106px}#radar{width:86px;height:86px}.goal .cells i{width:11px;height:13px}.goal b{font-size:15px}.hpbar{width:64px}.results h2{font-size:30px}.crate-head h2{font-size:17px;letter-spacing:1px}.stars .s{width:52px;height:60px}.stars .s img{width:32px;height:32px}}@media(max-height:480px)and (orientation:landscape){.brand{margin-top:0}.logo .l1{font-size:40px}.logo .emblem{width:56px;height:64px}.logo .emblem canvas{width:34px;height:34px}.logo .l2 i{font-size:20px}.tagline{display:none}.comb{--w: min(13.5vh * 1.1, 92px)}.rush{width:84px;height:97px}#radar{width:74px;height:74px}.tut{top:calc(64px + var(--safe-t))}.tut-card{padding:8px 12px}.tut-card p{font-size:14px}.crate-head{padding:6px 10px 6px 20px}.crate-head h2{font-size:19px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01s!important}}body.reduced *{animation:none!important}#cynnx-game-chip{display:none!important}
