@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(./baloo-2-latin-700-normal-CqTg7A15.woff2) format("woff2"),url(./baloo-2-latin-700-normal-Ld3Zm3l2.woff) format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(./baloo-2-latin-500-normal-CmLZ27r7.woff2) format("woff2"),url(./baloo-2-latin-500-normal-BSdEhq8m.woff) format("woff")}:root{--ink:#573f62;--ink-soft:#6f566f;--cream:#fff6e4;--water-shadow:0 .07em .1em #174f79d9,0 0 .55em #17648c73;font-family:"Baloo 2",system-ui,sans-serif;font-weight:500;color:var(--ink);background:#63b6cf;font-synthesis:none;-webkit-tap-highlight-color:transparent}html{font-size:clamp(12.5px,min(calc(100vw/90),calc(100dvh/56.25)),36px)}@media(orientation:portrait){html{font-size:clamp(14.5px,min(calc(100vw/24.375),calc(100dvh/52.75)),36px)}}@media(orientation:landscape)and (max-height:560px){html{font-size:14.2px}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none}img{-webkit-user-drag:none;user-select:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700;line-height:1.1}#boot{position:fixed;inset:0;z-index:60;transition:opacity .35s ease;pointer-events:none}.world{position:fixed;inset:0;background:#63b6cf url(../art/felt-wide.webp) center/cover no-repeat;z-index:0;pointer-events:none}.sunbeams{position:fixed;inset:0;background:linear-gradient(112deg,transparent 12%,#ffffff22 13%,transparent 28%,#ffffff11 32%,transparent 45%);opacity:.3;pointer-events:none;z-index:1}#shell{position:relative;width:100%;height:100%;z-index:2}.world:after{content:"";position:absolute;inset:0;background:var(--water,transparent);-webkit-mask:url(../art/kit-water-mask.webp) center/cover no-repeat;mask:url(../art/kit-water-mask.webp) center/cover no-repeat;mix-blend-mode:color;opacity:.92}body:not([data-theme]) .world:after{display:none}.world:before{content:"";position:absolute;inset:0;background:#fff;-webkit-mask:url(../art/kit-water-mask.webp) center/cover no-repeat;mask:url(../art/kit-water-mask.webp) center/cover no-repeat;opacity:var(--lift,0)}[data-theme="0"],[data-theme="3"],.water-0,.water-3{--lift:.42}[data-theme="5"],.water-5,[data-theme="1"],.water-1{--lift:.14}[data-theme="0"],.water-0{--water:#f6cf55}[data-theme="1"],.water-1{--water:#f07f9f}[data-theme="2"],.water-2{--water:#58c48c}[data-theme="3"],.water-3{--water:#f3ab3e}[data-theme="4"],.water-4{--water:#5d82e8}[data-theme="5"],.water-5{--water:#f2906f}[data-theme="6"],.water-6{--water:#a181e6}[data-theme="7"],.water-7{--water:linear-gradient(115deg,#f58aa0,#f7d765 30%,#6fd69a 52%,#62b5ec 72%,#b08df0)}button,.plq{--h:3.1rem;border:0 solid transparent;border-image-source:url(../art/kit-plaque.webp);border-image-slice:55 105 fill;--bw-y:calc(var(--h)*.4015);--bw-x:calc(var(--h)*.7664);border-image-width:min(var(--bw-y),50% - 1px) min(var(--bw-x),50% - 1px);border-image-repeat:round stretch;--fill:rgb(233 202 169);background:none;color:var(--ink)}button{font:700 1.08rem/1.1 "Baloo 2",sans-serif;min-height:var(--h);min-width:calc(var(--h)*1.62);padding:.08em calc(var(--h)*.44) 0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.3em;text-align:center;touch-action:manipulation;transition:transform .24s cubic-bezier(.2,1.9,.4,1),filter .12s}@media(hover:hover){button:not(:disabled):hover{filter:brightness(1.06) saturate(1.06)}}button:not(:disabled):active{transform:scale(.95);transition:none;filter:brightness(.97)}button:focus-visible{outline:.18rem solid #17719a;outline-offset:.12rem;border-radius:1rem}button:disabled{cursor:default}button.primary{--h:3.7rem;--fill:rgb(239 197 116);border-image-source:url(../art/kit-plaque-gold.webp);font-size:1.38rem}button.slim{--h:2.75rem;font-size:1rem}button.owned{--fill:rgb(224 211 195);border-image-source:url(../art/kit-plaque-done.webp);color:var(--ink-soft)}.bare,button.bare{border-image-source:none;border-image-width:0;min-width:0;min-height:0;padding:0}:is(button,.plq):not(.bare):not(.icon){background:linear-gradient(var(--fill),var(--fill)) center/calc(100% - var(--h)*.3) calc(100% - var(--h)*.3) no-repeat;border-radius:calc(var(--h)*.4)}.card{--c:3rem;border:0 solid transparent;border-image-source:url(../art/kit-card.webp);border-image-slice:120 102 fill;--bw-y:calc(var(--c)*1.1765);--bw-x:var(--c);border-image-width:min(var(--bw-y),50% - 1px) min(var(--bw-x),50% - 1px);border-image-repeat:round;background:linear-gradient(#f2cead,#f2cead) center/calc(100% - var(--c)*.5) calc(100% - var(--c)*.5) no-repeat;border-radius:calc(var(--c)*.6);color:var(--ink)}.pearl{display:inline-block;width:1.25em;height:1.25em;flex:none;background:url(../art/kit-pearl.webp) center/contain no-repeat;filter:drop-shadow(0 .06em .06em #7f58607a)}.ico{display:block;width:62%;height:62%;fill:none;stroke-linecap:round;stroke-linejoin:round}.ico .t1{stroke:#5d3f6c;stroke-width:4.2}.ico .t2{stroke:#b093bd;stroke-width:1.15;stroke-dasharray:1.7 2.5}.shellbtn{position:relative;--h:2.1rem;display:block;height:100%;width:100%}.shellbtn>img{position:absolute;top:0;left:50%;translate:-50% 0;height:calc(100% - var(--h)*.62);width:auto;max-width:100%;object-fit:contain}.shell-label{position:absolute;left:50%;bottom:0;translate:-50% 0;--h:2.1rem;min-height:var(--h);min-width:96%;width:max-content;max-width:104%;padding:.1em .55em 0;display:flex;align-items:center;justify-content:center;font-size:.92rem;line-height:1;white-space:nowrap}.shellbtn:not(:disabled):active{transform:scale(.94)}.shellbtn>img.nav-fish{top:7%;height:52%;max-width:62%}.topbar{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;gap:.8rem;height:4.9rem;padding:.9rem 1.5rem;pointer-events:none}.topbar>*{pointer-events:auto}.topbar h1{--h:3.1rem;min-height:var(--h);min-width:calc(var(--h)*1.62);display:inline-flex;align-items:center;padding:.08em 1.3rem 0;font-size:1.28rem;white-space:nowrap;color:var(--ink)}.topbar .wallet{--h:3.1rem;min-height:var(--h);min-width:calc(var(--h)*1.9);margin-left:auto;gap:.32em;padding:.06em 1.05rem 0;font-size:1.22rem;font-weight:700;white-space:nowrap}button.icon{--h:3.2rem;width:3.45rem;height:var(--h);min-width:0;padding:0 0 .55rem;background:url(../art/felt-ui-0.webp) center/contain no-repeat;border-image-source:none;border-image-width:0}.wordmark{display:flex;flex-direction:column;align-items:center;line-height:.79;color:#fff8e9;filter:drop-shadow(0 .32rem 0 #98769d);transform:rotate(-5deg);text-shadow:-.13rem -.13rem #a586af,.13rem -.13rem #a586af,-.13rem .13rem #a586af,.13rem .13rem #a586af;pointer-events:none}.wordmark span{font-size:var(--wm-a,6rem);letter-spacing:-.04em;font-weight:700}.wordmark strong{font-size:var(--wm-b,9.2rem);letter-spacing:-.04em;color:#ffecd3}.title-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6vh 50vw 7vh 8vw;--wm-a:6.6rem;--wm-b:10rem}.hero-friends{position:absolute;right:7vw;top:12vh;bottom:13vh;width:42vw;pointer-events:none;container-type:size}.hero-bubble{position:absolute;aspect-ratio:1;display:grid;place-items:center;background:url(../art/felt-bubbles-5.webp) center/100% 100% no-repeat;animation:bob 6s ease-in-out infinite}.hero-bubble .creature{width:81%;height:81%;object-fit:contain}.b1{width:min(47cqw,52cqh);left:0;top:23%;z-index:2}.b2{width:min(40cqw,45cqh);right:5%;top:0;animation-delay:-2s}.b3{width:min(43cqw,49cqh);right:1%;bottom:0;animation-delay:-4s}.little-bubble{position:absolute;border-radius:50%;border:.12rem solid #fff9;box-shadow:inset .2rem .2rem .55rem #fff9;background:#8be8e538}.lb1{width:2.8rem;height:2.8rem;left:12%;top:4%}.lb2{width:1.8rem;height:1.8rem;right:2%;top:52%}.title-shell{display:none}.title-actions{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;margin-top:2rem}.play-button{--h:5rem!important;min-width:17rem;font-size:2.35rem!important}.play-button.waiting{animation:waiting 1s ease-in-out infinite}.title-nav{display:flex;gap:.9rem;margin-top:1.7rem}.title-nav .shellbtn{width:7.9rem;height:7.1rem;--h:2.15rem}.daily-row{display:flex;gap:.8rem;margin-top:1rem}.daily-row button{--h:2.85rem;font-size:1rem;min-width:7rem}.creature{object-fit:contain}body[data-screen=play]{--goal:4.2rem;--help:7.4rem;--chrome:calc(var(--goal) + var(--help) + 2rem);--board-w:min(100vw,calc((100dvh - var(--chrome))*.642857))}.play-center{position:absolute;left:50%;top:.9rem;translate:-50% 0;width:var(--board-w);display:flex;flex-direction:column;align-items:center}.goalbar{--h:3.5rem;position:relative;z-index:6;height:var(--goal);min-height:var(--goal);display:flex;align-items:center;justify-content:center;padding:0 1.6rem;--h:var(--goal);min-width:13rem;font-size:1.3rem;margin-bottom:.45rem;gap:.5rem;flex:none}.goalbar img{width:2.9rem;height:2.9rem}.board-box{position:relative;width:100%;aspect-ratio:450/700;flex:none}#board{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.board-frame{position:absolute;inset:-.55rem -.82rem -.3rem;--c:3.3rem;border:0 solid transparent;border-image-source:url(../art/kit-frame.webp);border-image-slice:120 102;--bw-y:calc(var(--c)*1.1765);--bw-x:var(--c);border-image-width:min(var(--bw-y),50% - 1px) min(var(--bw-x),50% - 1px);border-image-repeat:round;pointer-events:none}.board-frame:before{content:"";position:absolute;inset:.4rem;border-radius:2rem;background:#0f6fa82e;box-shadow:inset 0 .25rem 1rem #0b4f7f3d;z-index:-1}.ammo{position:absolute;right:1.5%;bottom:3.5%;z-index:3;--h:3.4rem;width:5.3rem;height:var(--h);background:url(../art/kit-badge.webp) center/100% 100% no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.95;color:#fff6df;text-shadow:0 .06em #573f62;pointer-events:none}.ammo strong{font-size:1.45rem;line-height:1}.ammo span{font-size:.92rem}.swap{position:absolute;z-index:3;left:calc(32.45% - 1.65rem);bottom:.15rem;width:3.3rem;height:5.4rem;display:flex;align-items:flex-end;justify-content:center}.swap-badge{width:2.5rem;height:1.85rem;display:grid;place-items:center;background:url(../art/kit-badge.webp) center/100% 100% no-repeat}.swap-badge .ico{width:66%;height:82%}.swap-badge .ico .t1{stroke:#fff6df;stroke-width:3}.swap-badge .ico .t2{display:none}.board-hint{position:absolute;top:58%;left:0;right:0;text-align:center;font-size:1.3rem;font-weight:700;color:var(--cream);text-shadow:var(--water-shadow);pointer-events:none;animation:hint 2s ease-in-out infinite}.board-hint:empty,.last-bubbles:empty{display:none}.last-bubbles{position:absolute;left:50%;bottom:21%;translate:-50% 0;z-index:5;width:max-content;max-width:94%}.last-bubbles button{--h:3rem;font-size:1.02rem;padding-left:1.4rem;padding-right:1.4rem}.helpers{display:grid;grid-template-columns:repeat(4,6.7rem);justify-content:center;gap:.3rem;height:var(--help);margin-top:.35rem;flex:none}.helpers .shellbtn{--h:2.15rem}.helpers b{position:absolute;z-index:2;right:.15rem;top:42%;--h:1.9rem;height:var(--h);min-width:2.5rem;padding:.04em .42rem 0;display:flex;align-items:center;justify-content:center;gap:.16em;background:url(../art/kit-badge.webp) center/100% 100% no-repeat;color:#fff6df;font-size:.95rem;font-weight:700;line-height:1;text-shadow:0 .06em #573f62}.helpers b .pearl{width:1em;height:1em}.helpers button:disabled{opacity:.5}.play-left,.play-right{position:absolute;top:50%;translate:0 -46%;width:calc((100vw - var(--board-w))/2 - 7rem);max-width:24rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.2rem}.play-left{left:5.5rem;--wm-a:3.9rem;--wm-b:6rem}.play-right{right:5.5rem}.reef-sign{--c:2.6rem;padding:1.9rem 1.8rem 1.8rem;width:100%}.reef-sign h2{font-size:1.45rem}.reef-sign p{font-size:1.08rem;line-height:1.28;margin-top:.45rem;color:var(--ink-soft)}.keyboard{--h:2.4rem;padding:.05em 1.2rem 0;min-height:var(--h);display:flex;align-items:center;font-size:.92rem;white-space:nowrap}.side-tank{position:relative;width:min(100%,15.5rem);aspect-ratio:1;background:url(../art/felt-bubbles-5.webp) center/100% 100% no-repeat}.side-water{position:absolute;inset:15%;border-radius:50%;overflow:hidden;background:#d5fff028}.side-water>div{position:absolute;width:44%;left:var(--sx);top:var(--sy);animation:bob 7s ease-in-out infinite;animation-delay:calc(var(--i)*-1.3s)}.side-water>div img{display:block;width:100%}.play-right .tip{--c:2.1rem;padding:1.3rem 1.3rem 1.2rem;font-size:1.02rem;line-height:1.24;width:100%;color:var(--ink-soft)}.map-scene{position:absolute;inset:.9rem 0 1.5rem;display:flex;flex-direction:column;align-items:center;z-index:2}.map-head{--h:4.4rem;min-height:var(--h);min-width:26rem;display:flex;justify-content:space-between;align-items:center;padding:0 .9rem;gap:.8rem;flex:none}.map-head button.icon{--h:2.9rem;width:3.1rem}.map-head button.icon:disabled{opacity:.38;filter:saturate(.5)}.map-title{text-align:center;min-width:11rem}.map-head h2,.map-head .eyebrow{font-family:Mali,"Baloo 2",cursive;letter-spacing:-.02em}.map-head h2{font-size:1.5rem}.map-head .eyebrow{display:block;font-size:.92rem;line-height:1;color:var(--ink-soft)}.map-note{margin:.45rem 0 .1rem;font-size:1rem;color:var(--cream);text-shadow:var(--water-shadow);flex:none}.map-scroll{position:relative;flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;-webkit-mask:linear-gradient(#0000,#000 .7rem,#000 calc(100% - .9rem),#0000);mask:linear-gradient(#0000,#000 .7rem,#000 calc(100% - .9rem),#0000)}.map-scroll{display:flex;align-items:safe center;justify-content:center}.map-path{flex:0 1 auto}.map-scroll::-webkit-scrollbar{display:none}.map-path{position:relative;display:grid;grid-template-columns:repeat(8,6.6rem);justify-content:center;gap:1rem 2.5rem;padding:.9rem 0}.map-thread{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.map-thread .past{fill:none;stroke:#fff3c9;stroke-linecap:round;filter:drop-shadow(0 .06rem .03rem #3d718f80)}.map-thread .ahead{fill:none;stroke:#e7f8f4;stroke-linecap:round;opacity:.5}.map-node{position:relative;z-index:1;width:6.6rem;height:6.4rem;background:url(../art/felt-ui-0.webp) center/contain no-repeat;justify-self:center;flex-direction:column;justify-content:flex-start;color:var(--ink)}.map-node span{display:block;font-family:Mali,"Baloo 2",cursive;font-weight:700;font-size:var(--num,2rem);margin-top:calc(var(--num,2rem)*.62);line-height:1;letter-spacing:-.04em;color:#553058;-webkit-text-stroke:.2em #fff3df;paint-order:stroke fill}.map-node.done:after,.map-node small{display:none}.map-node .stars{position:absolute;left:50%;bottom:7%;translate:-50% 0;height:1.02rem;--star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.6l2.9 6 6.6.9-4.8 4.6 1.2 6.5-5.9-3.2-5.9 3.2 1.2-6.5L2.5 9.5l6.6-.9z' fill='%23ffc94d' stroke='%238a4f2d' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E");background:var(--star) left center/1.02rem 1.02rem repeat-x}.map-node .s1{width:1.02rem}.map-node .s2{width:2.04rem}.map-node .s3{width:3.06rem}.map-node:disabled{filter:saturate(.3) brightness(.97)}.map-node:disabled span{color:#6f6474}.map-node.current{animation:node-glow 2s ease-in-out infinite;filter:saturate(1.45)}.map-node.current span{color:#8a3f24}.map-footer{flex:none;padding-top:.5rem}.win-scene{position:absolute;inset:3.6rem 0 2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.5rem}.win-stars{display:flex;justify-content:center;gap:.55rem;flex:none}.win-stars>span{width:6.3rem;height:5.9rem;display:block}.win-stars img{width:100%;height:100%;object-fit:contain}.win-stars .star-earned{animation:star-land .65s cubic-bezier(.2,1.7,.35,1) both;animation-delay:var(--delay)}.win-stars .star-empty{filter:grayscale(1);opacity:.42}.win-note{font-size:1rem;color:var(--cream);text-shadow:var(--water-shadow)}.win-creatures{display:flex;justify-content:center;align-items:center;gap:.4rem;height:clamp(6rem,24dvh,12rem);flex:0 1 auto;min-height:5rem;max-width:90vw}.win-creatures img{height:100%;min-width:0;flex:0 1 auto;max-width:calc((90vw - 2rem)/var(--n,3));object-fit:contain;animation:bob 4s ease-in-out infinite}.win-creatures img:nth-child(2n){animation-delay:-1.4s}.win-creatures img:nth-child(3n){animation-delay:-2.6s}.win-scene h2{font-size:3.3rem;color:#fff3dd;text-shadow:0 .07em #92789d,0 .02em .2em #17648c66}.win-line{font-size:1.15rem;color:var(--cream);text-shadow:var(--water-shadow)}.pearl-reward{display:flex;align-items:center;gap:.25em;font-size:2.1rem;font-weight:700;line-height:1;color:var(--cream);text-shadow:var(--water-shadow)}.win-actions{display:flex;flex-direction:column;align-items:stretch;gap:.45rem;min-width:17rem;margin-top:.25rem}.modal-shade{position:fixed;inset:0;background:#3f587a70;z-index:30;display:grid;place-items:center;padding:1rem;animation:shade-in .18s ease both}.modal,dialog.checkout{--c:3.1rem;font:500 1.12rem/1.3 "Baloo 2",sans-serif;width:min(26rem,calc(100vw - 2rem));max-height:calc(100dvh - 1.6rem);overflow-y:auto;scrollbar-width:none;padding:2.5rem 2.3rem 2.3rem;text-align:center;background:none;animation:pop-in .3s cubic-bezier(.2,1.5,.4,1) both}dialog.checkout{margin:auto;color:var(--ink)}.modal.still,.modal-shade.still{animation:none}.modal h2,dialog.checkout h2{font-size:1.85rem;margin-bottom:.55rem}.modal p,dialog.checkout p{margin:.45rem 0;color:var(--ink-soft)}dialog.checkout h3{font-size:1.25rem;margin-top:.6rem}.modal strong,dialog.checkout strong{display:block;font-size:1.25rem;margin:.3rem 0}.modal-actions,.dialog-actions{display:flex;flex-direction:column;gap:.42rem;margin-top:1rem}.modal-actions button,.dialog-actions button{width:100%}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.55rem 0;text-align:left}.setting-row button{--h:2.75rem;min-width:5.4rem}dialog::backdrop{background:#3f587a70}#toast{--h:3rem;position:fixed;z-index:50;top:5.2rem;left:50%;translate:-50% 0;transform:translateY(-.8rem);opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.2,1.6,.4,1),opacity .2s;display:flex;align-items:center;justify-content:center;min-height:var(--h);padding:.06em 1.7rem 0;text-align:center;font-size:1.1rem;font-weight:700;max-width:92vw;width:max-content}#toast.show{transform:none;opacity:1}.aquarium{position:absolute;inset:0}.tank-label{--h:2.9rem;position:absolute;left:50%;translate:-50% 0;top:4.9rem;z-index:4;min-height:var(--h);display:flex;align-items:center;gap:.4em;padding:.06em 1.5rem 0;font-size:1.1rem;font-weight:700;white-space:nowrap}.tank-water{position:absolute;left:8vw;right:8vw;top:6rem;bottom:13rem}.swimmer{position:absolute;left:var(--x);top:var(--y);width:7rem;height:7rem;margin:-3.5rem 0 0 -3.5rem;animation:swim var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.swimmer img{width:100%;height:100%;display:block}.swimmer.flip img{transform:scaleX(-1)}.swimmer span{position:absolute;left:50%;bottom:-.5rem;translate:-50% 0;--h:1.95rem;min-height:var(--h);padding:.04em .9rem 0;display:flex;align-items:center;white-space:nowrap;font-size:.92rem;font-weight:700;opacity:0;transition:opacity .15s;pointer-events:none;color:var(--ink)}@media(hover:hover){.swimmer:hover span{opacity:1}}.swimmer.trick span{opacity:1}.swimmer.trick img{animation:twirl .8s ease-in-out}.empty-tank{position:absolute;top:44%;left:0;right:0;text-align:center;font-size:1.5rem;font-weight:700;color:var(--cream);text-shadow:var(--water-shadow)}.tank-floor{position:absolute;left:12vw;right:12vw;bottom:5.2rem;height:8.4rem;display:flex;align-items:flex-end;justify-content:space-evenly;pointer-events:none}.tank-floor img{height:100%;width:auto;min-width:0;flex:0 1 auto;object-fit:contain;object-position:bottom}.tank-floor .plant{height:88%}.aquarium.previewing .tank-actions{visibility:hidden}.tank-actions{position:absolute;left:0;right:0;bottom:1.3rem;display:flex;justify-content:center;align-items:center;gap:.7rem;z-index:5}.tank-actions button{--h:3.3rem;white-space:nowrap}.tank-actions button.primary{--h:3.5rem;font-size:1.2rem}.shop-scene{position:absolute;inset:.9rem 0 1.3rem;display:flex;flex-direction:column;align-items:center}.shop-tabs{display:flex;justify-content:center;gap:.7rem;flex:none;height:3.1rem;margin-bottom:.45rem;z-index:5}.shop-tabs button{--h:3rem;font-size:1.05rem;min-width:9rem}.shop-tabs button.selected{--fill:rgb(210 156 181);border-image-source:url(../art/kit-badge.webp);border-image-slice:60 96 fill;--bw-y:calc(var(--h)*.435);--bw-x:calc(var(--h)*.696);border-image-width:min(var(--bw-y),50% - 1px) min(var(--bw-x),50% - 1px);color:#fff6e1;text-shadow:0 .06em #573f62}.shop-scroll{flex:1;min-height:0;width:100%;overflow-y:auto;scrollbar-width:none;padding:.5rem 0 1rem;-webkit-mask:linear-gradient(#0000,#000 .6rem,#000 calc(100% - .9rem),#0000);mask:linear-gradient(#0000,#000 .6rem,#000 calc(100% - .9rem),#0000)}.shop-scroll::-webkit-scrollbar{display:none}.shelf{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;max-width:min(84vw,76rem);margin:auto;padding:.1rem 0}.product{--c:2.55rem;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;width:17.3rem;padding:1.45rem 1.5rem 1.35rem}.product h3{font-size:1.28rem;min-height:1.15em;margin-top:.25rem}.product p{font-size:.98rem;line-height:1.24;margin-top:.25rem;color:var(--ink-soft)}.product-bottom{margin-top:auto;padding-top:.6rem;display:flex;flex-direction:column;align-items:stretch;gap:.32rem;width:100%}.product-bottom button{width:100%}.product-bottom .buy{--h:3rem;font-size:1.05rem;white-space:nowrap}.product-bottom .buy:not(.owned){--fill:rgb(239 197 116);border-image-source:url(../art/kit-plaque-gold.webp)}.product-bottom .preview{--h:2.6rem;font-size:.95rem}.shop-note{margin-top:.8rem;text-align:center;font-size:.95rem;color:var(--cream);text-shadow:var(--water-shadow)}.pic{position:relative;width:100%;height:8.4rem;flex:none}.pic>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hoop{position:absolute;display:block;aspect-ratio:1;height:100%;left:50%;top:0;translate:-50% 0;background:url(../art/felt-bubbles-5.webp) center/100% 100% no-repeat}.hoop-water{position:absolute;inset:14%;border-radius:50%}.hoop-water:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 .3rem .7rem #0b4f7f4d}.hoop-water.solid{background-image:url(../art/felt-wide.webp),linear-gradient(var(--water),var(--water));background-size:620% auto,100% 100%;background-position:50% 28%,center;background-blend-mode:luminosity,normal}.hoop-water:before{content:"";position:absolute;inset:0;border-radius:50%;background:#fff;opacity:var(--lift,0)}.water-7 .hoop-water.solid,.hoop-water.solid.water-7{background-image:url(../art/felt-wide.webp),var(--water)}.hoop img{position:absolute;left:21%;top:20%;width:58%;height:60%;object-fit:contain}.pile{position:absolute;left:50%;bottom:0;width:0;height:0;font-size:var(--p,1.6rem)}.pile i{position:absolute;margin:-.5em 0 0 -.5em;width:1em;height:1em;left:calc(var(--px)*1em);bottom:calc(var(--py)*1em)}.pic-pearls>img{inset:0 0 .9rem;height:calc(100% - .9rem)}.pic-glass .gball{position:absolute;width:3.5rem;height:3.5rem}.pic-glass .gball img{width:100%;height:100%}.gball:nth-child(1){left:calc(50% - 4.3rem);top:2.8rem}.gball:nth-child(2){left:calc(50% - 1.75rem);top:.7rem;z-index:1}.gball:nth-child(3){left:calc(50% + .8rem);top:2.8rem}.glint{position:absolute;width:1.15rem;height:1.15rem;left:var(--gx);top:var(--gy);background:var(--glint-c,#fff);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);filter:drop-shadow(0 0 .12rem #fff);z-index:2}.pic-set .hoop{left:34%;height:88%}.pic-set .piece{position:absolute;right:3%;bottom:0;height:78%;width:auto;max-width:56%;object-fit:contain}.pic-set .gball{position:absolute;left:3%;bottom:0;width:2.7rem;height:2.7rem}.pic-set .gball img{width:100%;height:100%}.pic-all img{position:absolute;height:62%;width:auto;object-fit:contain;inset:auto auto 0}.pic-all img:nth-child(1){left:0;bottom:30%}.pic-all img:nth-child(2){left:23%;bottom:32%}.pic-all img:nth-child(3){left:50%;bottom:30%}.pic-all img:nth-child(4){left:7%;bottom:0}.pic-all img:nth-child(5){left:36%;bottom:0}.pic-all img:nth-child(6){left:64%;bottom:0}.pic-starter .mini{position:absolute;width:3.5rem;height:3.2rem;object-fit:contain}.mini:nth-child(1){left:calc(50% - 3.6rem);top:0}.mini:nth-child(2){left:calc(50% + .1rem);top:0}.mini:nth-child(3){left:calc(50% - 5rem);top:2.6rem}.mini:nth-child(4){left:calc(50% + 1.5rem);top:2.6rem}.preview-bar{--c:2.3rem;position:fixed;bottom:.6rem;left:50%;translate:-50% 0;z-index:25;display:flex;align-items:center;gap:1.1rem;padding:1.05rem 1.6rem 1rem;width:max-content;max-width:calc(100vw - 1rem);animation:rise-in .28s cubic-bezier(.2,1.5,.4,1) both}.preview-text{display:flex;flex-direction:column;line-height:1.1;min-width:7.5rem}.preview-text strong{font-size:1.2rem}.preview-text span{font-size:.98rem;color:var(--ink-soft);margin-top:.15rem}.preview-bar button{--h:3rem}.preview-bar button.primary{--h:3.2rem;font-size:1.15rem;min-width:7rem}@keyframes bob{0%,to{translate:0 0;rotate:-3deg}50%{translate:0 -.9rem;rotate:3deg}}@keyframes swim{0%,to{translate:-.9rem 0;rotate:-4deg}50%{translate:1.3rem -.8rem;rotate:3deg}}@keyframes twirl{to{transform:rotate(360deg)}}@keyframes hint{50%{transform:translateY(-.4rem);opacity:.7}}@keyframes star-land{0%{transform:translateY(-2.8rem) scale(.2);opacity:0}65%{transform:translateY(.3rem) scale(1.14);opacity:1}to{transform:none;opacity:1}}@keyframes pop-in{0%{transform:scale(.9) translateY(.6rem);opacity:0}to{transform:none;opacity:1}}@keyframes rise-in{0%{transform:translateY(1.2rem);opacity:0}to{transform:none;opacity:1}}@keyframes shade-in{0%{opacity:0}to{opacity:1}}@keyframes node-glow{50%{filter:saturate(1.6) brightness(1.1) drop-shadow(0 0 .55rem #fff0a8)}}@keyframes waiting{50%{filter:brightness(1.12)}}@media(orientation:landscape)and (max-width:1020px){.play-left,.play-right{display:none}.map-path{grid-template-columns:repeat(8,5.4rem);gap:.4rem .9rem}.map-node{width:5.4rem;height:5.3rem;--num:1.7rem}}@media(orientation:portrait){.topbar{height:7rem;padding:0;display:block}.topbar button.icon{position:absolute;left:.5rem;top:3.75rem}.topbar .wallet{position:absolute;right:.45rem;top:3.75rem;min-width:5.1rem;padding:.06em .75rem 0;font-size:1.06rem}.topbar h1{position:absolute;left:50%;top:3.75rem;translate:-50% 0;max-width:calc(100vw - 11.5rem);padding:.08em 1rem 0;font-size:1.14rem}.title-scene{inset:0;padding:1.3rem .9rem 2.7rem;justify-content:flex-start;--wm-a:4.6rem;--wm-b:6.9rem}.hero-friends{position:relative;right:auto;top:auto;bottom:auto;width:100%;flex:1;min-height:0;margin-top:.4rem}.play-left,.play-right{display:none}.b1{width:min(46cqw,49cqh);left:0;top:24%}.b2{width:min(42cqw,46cqh);right:9%;top:0}.b3{width:min(43cqw,48cqh);right:6%;bottom:0}.lb1{left:9%;top:2%}.lb2{right:3%;top:48%}.title-actions{margin-top:.6rem;flex:none}.play-button{--h:4.3rem!important;min-width:14.5rem;font-size:2rem!important}.title-nav{margin-top:.75rem;gap:.35rem}.title-nav .shellbtn{width:6.9rem;height:5.9rem;--h:2rem}.daily-row{margin-top:.55rem;gap:.55rem}.daily-row button{--h:2.75rem;font-size:.95rem;min-width:6.4rem;padding-left:1.1rem;padding-right:1.1rem}body[data-screen=play]{--goal:3.1rem;--help:6.05rem;--chrome:calc(6.85rem + var(--help));--board-w:min(100vw,calc((100dvh - var(--chrome))*.642857))}.play-center{top:0;bottom:0;height:100%;align-items:center;justify-content:flex-end}.goalbar{position:absolute;top:3.75rem;left:50%;translate:-50% 0;min-width:0;width:max-content;max-width:calc(100vw - 11.3rem);padding:0 1rem;font-size:1.04rem;margin:0;white-space:nowrap}.goalbar img{width:2.2rem;height:2.2rem}body[data-screen=play] .topbar h1{left:.5rem;top:.5rem;translate:none;--h:2.6rem;padding:.08em .95rem 0;font-size:1rem}.helpers{width:min(100vw,26rem);grid-template-columns:repeat(4,1fr);gap:0;height:var(--help);margin:0;padding:0 .15rem .15rem}.helpers .shellbtn{--h:2rem}.helpers b{top:38%;right:4%;font-size:.92rem}.ammo{width:4.9rem;--h:3.15rem}.ammo strong{font-size:1.32rem}.swap{height:4.7rem}.map-scene{inset:6.9rem 0 1.5rem}.map-head{--h:3.9rem;min-width:min(21rem,calc(100vw - 1.2rem))}.map-head h2{font-size:1.26rem}.map-head button.icon{--h:2.6rem;width:2.85rem}.map-title{min-width:0}.map-note{font-size:.95rem;margin:.3rem 0 0}.map-path{grid-template-columns:repeat(4,5.2rem);gap:.45rem .55rem;padding:.75rem 0}.map-node{width:5.2rem;height:5.1rem;--num:1.62rem}.win-scene{inset:5.9rem 0 2.9rem;justify-content:center;gap:.32rem}.win-stars>span{width:5rem;height:4.7rem}.win-creatures{height:clamp(5rem,21dvh,12rem)}.win-scene h2{font-size:2.65rem}.win-line{font-size:1rem}.pearl-reward{font-size:1.8rem}.win-actions{min-width:15.5rem;gap:.32rem;margin-top:.15rem}.win-actions .primary{--h:3.5rem}.tank-label{top:7rem}.tank-water{left:4vw;right:4vw;top:10rem;bottom:15rem}.swimmer{width:5.2rem;height:5.2rem;margin:-2.6rem 0 0 -2.6rem}.tank-floor{left:3vw;right:3vw;bottom:7.2rem;height:6.2rem}.tank-actions{bottom:1.2rem;flex-wrap:wrap;gap:.3rem .4rem;padding:0 .6rem}.tank-actions button.primary{flex:1 0 100%}.tank-actions button{--h:3rem;font-size:1rem;flex:1 1 40%;padding-left:.75rem;padding-right:.75rem}.shop-scene{inset:6.95rem 0 1.5rem}.shop-tabs{width:calc(100vw - .9rem);gap:.25rem;height:2.9rem}.shop-tabs button{--h:2.85rem;flex:1 1 0;min-width:0;font-size:.95rem;padding:0 .35rem}.shelf{gap:.55rem;max-width:calc(100vw - .9rem)}.product{--c:2.1rem;width:calc(50% - .3rem);padding:1.15rem .95rem 1rem}.pic{height:6.7rem}.product h3{font-size:1.1rem}.product p{font-size:.92rem;line-height:1.2}.product-bottom .buy{--h:2.8rem;font-size:.95rem;padding-left:.7rem;padding-right:.7rem}.product-bottom .preview{--h:2.5rem;font-size:.92rem;padding-left:.6rem;padding-right:.6rem}.pic-glass .gball{width:2.8rem;height:2.8rem}.gball:nth-child(1){left:calc(50% - 3.4rem);top:2.3rem}.gball:nth-child(2){left:calc(50% - 1.4rem);top:.55rem}.gball:nth-child(3){left:calc(50% + .6rem);top:2.3rem}.preview-bar{width:calc(100vw - .8rem);display:grid;grid-template-columns:1fr 1fr;gap:.25rem .5rem;padding:.95rem 1.2rem .9rem}.preview-text{grid-column:1/3;flex-direction:row;justify-content:space-between;align-items:baseline;gap:.6rem}.preview-bar button{width:100%}#toast{top:7.1rem;font-size:1rem}.modal,dialog.checkout{padding:2.25rem 1.95rem 2rem}}@media(orientation:portrait)and (min-width:600px){.title-scene{--wm-a:6rem;--wm-b:9.2rem}}@media(max-aspect-ratio:5/8){body[data-screen=play] .world{background-image:url(../art/felt-bg.webp);background-position:center top}}@media(max-aspect-ratio:5/8){.board-frame{display:none}}@media(orientation:landscape)and (max-height:560px){.play-left,.play-right{display:none}body[data-screen=play]{--goal:0rem;--help:0rem;--chrome:1.4rem;--board-w:calc((100dvh - 1.4rem)*.642857)}.play-center{top:.7rem}.board-frame{inset:-.25rem -.45rem -.3rem;--c:1.9rem}.goalbar{position:absolute;right:calc(100% + 1.2rem);top:4.8rem;--h:3.4rem;height:3.4rem;min-height:3.4rem;min-width:0;width:max-content;font-size:1.1rem;padding:0 1rem;margin:0}.goalbar img{width:2.2rem;height:2.2rem}.helpers{position:absolute;left:calc(100% + 1.1rem);top:3.9rem;grid-template-columns:repeat(2,6rem);height:auto;grid-auto-rows:7rem;gap:.35rem;margin:0}.helpers b{top:36%}body[data-screen=play] .topbar{padding:.5rem .8rem}.title-scene{padding:1vh 53vw 1vh 3vw;--wm-a:3.2rem;--wm-b:4.8rem}.hero-friends{top:6vh;bottom:6vh;right:3vw;width:46vw}.title-actions{margin-top:.5rem}.play-button{--h:3.5rem!important;min-width:12rem;font-size:1.65rem!important}.title-nav{margin-top:.35rem;gap:.3rem}.title-nav .shellbtn{width:6.4rem;height:4.9rem;--h:1.95rem}.shop-tabs{gap:.35rem}.daily-row{margin-top:.3rem}.daily-row button{--h:2.5rem}.map-scene{inset:.45rem 0 .5rem}.map-head{--h:3.4rem;min-width:18rem}.map-head h2{font-size:1.2rem}.map-note{display:none}.map-path{grid-template-columns:repeat(8,4.6rem);gap:.3rem .5rem}.map-footer{padding-top:.15rem}.win-scene{inset:.3rem 0 .4rem;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:.25rem 1.4rem}.win-stars{flex:0 0 100%}.win-stars>span{width:4rem;height:3.7rem}.win-note{display:none}.win-creatures{height:9rem;max-width:42vw;flex:0 0 auto}.win-scene h2{font-size:2rem;flex:0 0 100%;order:-1}.win-line{display:none}.pearl-reward{font-size:1.5rem}.win-actions{min-width:14rem;gap:.25rem}.win-actions button{--h:2.5rem;font-size:1rem}.win-actions .primary{--h:2.8rem;font-size:1.15rem}.modal,dialog.checkout{max-height:calc(100dvh - .6rem);padding:1.7rem 1.8rem 1.5rem;width:min(30rem,calc(100vw - 2rem))}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .45rem;margin-top:.5rem}.modal-actions button{--h:2.75rem}.modal-actions .primary{--h:2.75rem;font-size:1.08rem}.modal h2{font-size:1.5rem;margin-bottom:.2rem}.modal p{margin:.2rem 0}.tank-label{top:.6rem;--h:2.6rem}.tank-water{top:3rem;bottom:8.5rem;left:12vw;right:12vw}.swimmer{width:4.4rem;height:4.4rem;margin:-2.2rem 0 0 -2.2rem}.tank-floor{bottom:3.6rem;height:5.2rem}.tank-actions{bottom:.3rem}.tank-actions button{--h:2.75rem;font-size:1rem}.tank-actions button.primary{--h:2.75rem;font-size:1.05rem}.shop-scene{inset:.45rem 0 .4rem}.shop-tabs{margin-bottom:.15rem}.product{width:15rem;padding:1.15rem 1.2rem 1.05rem}.pic{height:5.6rem}.pic-glass .gball{width:2.6rem;height:2.6rem}.gball:nth-child(1){left:calc(50% - 3.2rem);top:2.5rem}.gball:nth-child(2){left:calc(50% - 1.3rem);top:.5rem}.gball:nth-child(3){left:calc(50% + .6rem);top:2.5rem}#toast{top:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@font-face{font-family:Mali;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/mali-latin-700.woff2) format("woff2")}@media(hover:none){.keyboard{display:none}}@media(orientation:landscape)and (max-aspect-ratio:3/2)and (min-height:561px){.tank-water{top:11rem}.hero-friends{top:21vh}}.jc-price{display:inline-flex;align-items:center;justify-content:center;gap:.28em;white-space:nowrap}.jc-mark{width:1.15em;height:1.15em;flex:none;display:inline-block}button:not(:disabled).down{transform:scale(.95);transition:none;filter:brightness(.97)}.shellbtn:not(:disabled).down{transform:scale(.94)}body:not([data-forge*=wordmark]) .wordmark span,body:not([data-forge*=wordmark]) .wordmark strong{display:block;line-height:1.61;margin-block:-.41em}body:not([data-forge*=touch]) .icon[data-action^=world-]{min-height:44px;min-width:44px}@media(min-width:1800px)and (min-height:1100px){body:not([data-forge*=scale]) button{zoom:1.05}}body[data-forge*=frames] [data-helper]{margin-top:1200px}@media(max-width:320px){body:not([data-forge*=frames]) .title-nav{gap:.15rem}body:not([data-forge*=frames]) .title-nav .shellbtn{width:6.75rem}}@media(max-width:320px){body:not([data-forge*=frames]) .map-path{grid-template-columns:repeat(4,4.8rem);column-gap:.4rem}body:not([data-forge*=frames]) .helpers .shell-label{font-size:13px;letter-spacing:-.01em}body:not([data-forge*=frames]) .buy .jc-words{display:none}}@media(max-width:760px)and (min-aspect-ratio:3/2){body:not([data-forge*=frames]) .title-nav .shell-label{font-size:.92em}}@media(max-width:320px){body:not([data-forge*=frames]) .goalbar{max-width:calc(100vw - 12.4rem);padding:0 .7rem;gap:.35rem}body:not([data-forge*=frames]) .goalbar img{width:1.9rem;height:1.9rem}body:not([data-forge*=frames]) .tank-actions button:not(.primary){font-size:.92rem}}.modal-shade{overflow:auto;scrollbar-width:none}.modal-shade::-webkit-scrollbar{display:none}.modal{max-height:none;overflow:visible;margin:auto}:where(button,.plq):where(:not(.bare):not(.icon)),:where(.card){position:relative;isolation:isolate}:where(button,.plq):where(:not(.bare):not(.icon)):before,:where(.card):before,.board-frame:after{content:"";position:absolute;inset:0;pointer-events:none;border:0 solid transparent;border-image-source:inherit;border-image-slice:inherit;border-image-repeat:inherit;border-image-width:min(var(--bw-y) + 1px,50%) min(var(--bw-x) + 1px,50%)}:where(button,.plq):where(:not(.bare):not(.icon)):before,:where(.card):before{z-index:-1}