:root{--night: #17112e;--dusk: #33204f;--ember: #6d3456;--ink: #fff7ef;--muted: #c7b8dd;--gold: #ffc94a;--display: "Trebuchet MS", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:linear-gradient(180deg,var(--night) 0%,var(--dusk) 55%,var(--ember) 100%);background-color:var(--night);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none}#app{height:100%;position:relative}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;--p: 0;--night: 1;--predawn: 0;--dawn: 0}.bd-layer{position:absolute;inset:0;transition:opacity 1.2s}.bd-night{background:linear-gradient(180deg,#080618,#171035 45%,#34204f)}.bd-predawn{opacity:var(--predawn);background:linear-gradient(180deg,#1c1a4d,#4b2f72 45%,#c25b78 85%,#e88a6a)}.bd-dawn{opacity:var(--dawn);background:linear-gradient(180deg,#4f74c9,#9a8fd0,#f4a07a 70%,#ffd38a)}.bd-stars{position:absolute;inset:0;fill:#fff;opacity:calc((var(--night) * .9 + .08) * (1 - var(--storm, 0) * .85));transition:opacity 1.2s}.bd-stars circle{animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{50%{opacity:.25}}.bd-moon{position:absolute;right:14%;top:30%;width:54px;height:54px;border-radius:50%;box-shadow:inset -12px -6px #fff4d6,0 0 30px #fff0c859;transform:translateY(calc(var(--p) * 30vh));opacity:calc((1 - var(--dawn) * .9) * (1 - var(--storm, 0) * .7));transition:transform 1.2s ease-out,opacity 1.2s}.bd-sun{position:absolute;left:50%;bottom:22%;width:120px;height:120px;margin-left:-60px;border-radius:50%;background:radial-gradient(circle,#fff6c8 0 38%,#ffcf6a 52%,rgba(255,170,80,.35) 64%,transparent 72%);transform:translateY(calc((1 - var(--p)) * 32vh));opacity:calc(.15 + var(--predawn) * .4 + var(--dawn));transition:transform 1.2s ease-out,opacity 1.2s}.bd-aurora{position:absolute;left:-20%;right:-20%;top:4%;height:38%;opacity:0;filter:blur(30px);background:radial-gradient(ellipse 50% 40% at 50% 50%,var(--aurora, #5fd99a),transparent 70%)}.bd-aurora.on{animation:aurora 1.8s ease-out}@keyframes aurora{0%{opacity:0;transform:translate(-20%) scaleY(.6)}30%{opacity:1}to{opacity:0;transform:translate(20%) scaleY(1.1)}}.bd-shoot{position:absolute;width:130px;height:2px;opacity:0;rotate:18deg;background:linear-gradient(90deg,transparent,#fff)}.bd-shoot.go{animation:shoot 1.1s ease-out}@keyframes shoot{0%{opacity:0;translate:0 0}15%{opacity:1}to{opacity:0;translate:260px 85px}}.bd-dunes{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;aspect-ratio:1000 / 300;min-height:34%;max-height:60%}.d-far{fill:#2c1d45;fill:color-mix(in srgb,#c47a5c calc(var(--p) * 70%),#2c1d45);transition:fill 1.2s}.d-mid{fill:#22163a;fill:color-mix(in srgb,#a85d48 calc(var(--p) * 70%),#22163a);transition:fill 1.2s}.d-near{fill:#170f29;fill:color-mix(in srgb,#7a3f35 calc(var(--p) * 70%),#170f29);transition:fill 1.2s}.d-cacti,.caravan{fill:#0f0a1d;fill:color-mix(in srgb,#4a2420 calc(var(--p) * 70%),#0f0a1d)}.caravan{opacity:calc(1 - var(--storm, 0) * 1.4);transition:opacity 1s}.bd-dust i{position:absolute;bottom:-10px;width:4px;height:4px;border-radius:50%;background:#ffd6a080;filter:blur(.5px);animation:dust 16s linear infinite}.bd-dust i:nth-child(1){left:8%;animation-delay:-2s}.bd-dust i:nth-child(2){left:24%;animation-delay:-9s;animation-duration:20s}.bd-dust i:nth-child(3){left:51%;animation-delay:-5s}.bd-dust i:nth-child(4){left:68%;animation-delay:-13s;animation-duration:22s}.bd-dust i:nth-child(5){left:84%;animation-delay:-7s}.bd-dust i:nth-child(6){left:94%;animation-delay:-1s;animation-duration:18s}@keyframes dust{0%{transform:translateY(0);opacity:0}10%{opacity:1}to{transform:translateY(-105vh) translate(30px);opacity:0}}.app{position:relative;height:100dvh;max-width:520px;margin:0 auto;padding:10px 14px calc(12px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px}.hud{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.16);flex:none;background:#ffffff14;color:inherit;cursor:pointer;display:grid;place-items:center;padding:0}.icon-btn.ghost{visibility:hidden}.ic{width:22px;height:22px;display:block}.score-sky{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1}.score-sky b{font:900 42px var(--display);font-variant-numeric:tabular-nums;color:#fff8ec;text-shadow:0 0 18px rgba(200,220,255,.55),0 2px 0 rgba(0,0,0,.35);transition:color .6s,text-shadow .6s}.score-sky b.dawn{color:#ffe08a;text-shadow:0 0 22px rgba(255,200,90,.85),0 2px 0 rgba(120,60,0,.5)}.score-sky small{margin-top:4px;font-size:12px;letter-spacing:.6px;color:var(--muted)}.horizon{display:flex;align-items:center;gap:10px;padding:0 4px}.h-moon{color:#fff1cf;flex:none}.h-moon .ic{width:18px;height:18px}.h-track{position:relative;flex:1;height:4px;border-radius:4px;background:#ffffff24}.h-fill{position:absolute;left:0;top:0;bottom:0;border-radius:inherit;width:0;background:linear-gradient(90deg,#7d6bd6,#f2928a,#ffd06a);transition:width .6s ease-out}.h-sun{position:absolute;top:50%;left:0;width:24px;height:24px;margin:-12px 0 0 -12px;color:#ffd06a;filter:drop-shadow(0 0 6px rgba(255,200,90,.9));transition:left .6s ease-out}.h-sun .ic{width:24px;height:24px}.h-best{display:flex;flex-direction:column;align-items:flex-end;line-height:1.05;flex:none}.h-best small{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.h-best b{font:800 16px var(--display);font-variant-numeric:tabular-nums}.horizon.dawn .h-best b{color:#ffe08a}.horizon.dawn .h-sun{animation:sunpulse 1.4s ease-in-out infinite}@keyframes sunpulse{50%{scale:1.25}}.jar-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 0 18px}.jar{position:relative;height:100%;max-width:100%;aspect-ratio:2 / 3;border-radius:10px 10px 28px 28px;overflow:hidden;cursor:crosshair;touch-action:none;box-shadow:0 0 0 3px #ffffff38,0 0 0 8px #ffffff0d,0 0 40px #ffb47826,0 24px 50px #0000008c}.jar canvas{width:100%;height:100%;display:block;image-rendering:pixelated}.glass{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.1) 0 2%,transparent 7%,transparent 92%,rgba(255,255,255,.06) 98%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 12%);box-shadow:inset 0 0 24px #a0dcff1a}.glass:before{content:"";position:absolute;left:6%;top:5%;width:5%;height:70%;border-radius:99px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 70%)}.danger{position:absolute;left:0;right:0;height:0;pointer-events:none;border-top:2px dashed rgba(255,120,120,.5)}.pops{position:absolute;inset:0;pointer-events:none}.pop{position:absolute;left:50%;translate:-50% -50%;font:900 26px var(--display);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 18px rgba(255,255,255,.55);animation:pop 1.1s ease-out forwards}@keyframes pop{0%{opacity:0;scale:.6}15%{opacity:1;scale:1.2}30%{scale:1}to{opacity:0;translate:-50% -160%}}.combo{position:absolute;left:0;right:0;top:30%;text-align:center;pointer-events:none;font:900 40px var(--display);color:var(--gold);opacity:0;text-shadow:0 3px 0 #a85d12,0 0 26px rgba(255,201,74,.8)}.combo.show{animation:combo 1.2s ease-out}@keyframes combo{0%{opacity:0;scale:.4;rotate:-8deg}20%{opacity:1;scale:1.25;rotate:3deg}35%{scale:1;rotate:0deg}80%{opacity:1}to{opacity:0;translate:0 -30px}}.hint{margin:0;text-align:center;color:var(--muted);font-size:13px;min-height:18px;transition:opacity .4s}.hint.gone{opacity:0}.tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;flex:none}.slot{position:relative;height:92px;border-radius:18px;display:grid;place-items:center;cursor:pointer;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff1a,0 6px 14px #00000040;transition:transform .15s,box-shadow .15s;touch-action:none}.slot canvas{width:100%;height:100%;max-width:120px;pointer-events:none}.slot.sel{transform:translateY(-4px);box-shadow:inset 0 0 0 2px var(--c),0 0 22px var(--c),0 10px 18px #0000004d}.slot.empty{opacity:.3;cursor:default}.rot{position:absolute;right:6px;top:6px;width:30px;height:30px;border-radius:50%;padding:0;border:0;background:#ffffff2e;color:#fff;cursor:pointer;display:none;place-items:center}.rot .ic{width:18px;height:18px}.slot.sel .rot{display:grid}.overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:10;padding:16px;background:radial-gradient(circle at 50% 40%,#17112e73,#0a0618d1);animation:fade .3s}.overlay.hidden{display:none}.card{width:min(360px,100%);padding:28px 22px 22px;border-radius:26px;text-align:center;background:linear-gradient(180deg,#463078f2,#241946f2);box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px #0000008c;animation:rise .4s ease-out}.card h1{margin:0 0 12px;font:900 46px/.95 var(--display);display:flex;flex-direction:column}.card h1 span:first-child{background:linear-gradient(90deg,#ff6b6b,#ffc94a);-webkit-background-clip:text;background-clip:text;color:transparent}.card h1 span:last-child{background:linear-gradient(90deg,#4cb6ff,#5fd99a);-webkit-background-clip:text;background-clip:text;color:transparent}.card .muted{line-height:1.45}.up{text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.small{font-size:13px}.muted{color:var(--muted)}.big{font:900 64px/1 var(--display);margin:6px 0 14px;color:var(--gold);text-shadow:0 4px 0 #a85d12}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.stats div{padding:10px 4px;border-radius:14px;background:#0003;display:flex;flex-direction:column;gap:2px}.stats b{font:800 20px var(--display)}.stats small{color:var(--muted);font-size:11px}.btn{margin-top:14px;width:100%;padding:15px;border:0;border-radius:16px;cursor:pointer;font:900 19px var(--display);color:#3a1d00;background:linear-gradient(180deg,#ffe08a,#f5a623);box-shadow:0 5px #b06d0c,0 12px 24px #0000004d}.btn:active{translate:0 3px;box-shadow:0 2px #b06d0c}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;translate:0 24px}}.bd-const{position:absolute;left:6%;top:8%;width:min(46vw,420px);overflow:visible;opacity:calc((1 - var(--dawn)) * (1 - var(--storm, 0) * .9));transition:opacity 1.2s}.c-lines{fill:none;stroke:#bed2ff8c;stroke-width:.35;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p));transition:stroke-dashoffset .8s ease-out}.bd-const circle{fill:#fff;opacity:.18;filter:drop-shadow(0 0 1.5px #cfe0ff);transition:opacity .6s}.bd-const circle{opacity:clamp(.18,calc((var(--p) - var(--i)) * 40 + .18),1)}.bd-clouds i{position:absolute;height:36px;border-radius:50%;filter:blur(12px);opacity:.35;background:#3a2c5e;background:color-mix(in srgb,#f3a98c calc(var(--p) * 80%),#3a2c5e);animation:cloud linear infinite}.bd-clouds i:nth-child(1){top:14%;width:260px;animation-duration:160s;animation-delay:-40s}.bd-clouds i:nth-child(2){top:26%;width:180px;animation-duration:210s;animation-delay:-130s}.bd-clouds i:nth-child(3){top:40%;width:320px;animation-duration:250s;animation-delay:-70s;opacity:.25}@keyframes cloud{0%{transform:translate(-40vw)}to{transform:translate(140vw)}}.bd-wall{position:absolute;left:-10%;right:-10%;bottom:0;height:75%;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(150,80,45,.95),rgba(120,60,40,.6) 55%,transparent 75%);filter:blur(18px);height:95%;transform:translateY(calc((1 - var(--storm, 0)) * 80%));opacity:calc(var(--storm, 0) * 1.3);transition:transform 1.5s ease-out,opacity 1.5s}.bd-storm{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#3c1c12cc,#964e26eb);opacity:var(--storm, 0);transition:opacity 1.5s}.bd-wind{position:absolute;inset:0;opacity:var(--storm, 0);transition:opacity 1s}.bd-wind i{position:absolute;left:-30%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(240,190,140,.7),transparent);animation:gust linear infinite}@keyframes gust{0%{transform:translate(0)}to{transform:translate(160vw)}}.bd-critter{position:absolute;left:0;width:var(--size, 34px);height:var(--size, 34px);opacity:0;color:#2a1a20;color:color-mix(in srgb,#6b4030 calc(var(--p) * 70%),#2a1a20)}.bd-critter svg{width:100%;height:100%;stroke:currentColor}.bd-critter.go{animation:tumble var(--dur, 9s) linear}.bd-critter.go svg{animation:roll var(--dur, 9s) linear,bounce .7s ease-in-out infinite}@keyframes tumble{0%{opacity:1;transform:translate(-60px)}95%{opacity:1}to{opacity:0;transform:translate(calc(100vw + 60px))}}@keyframes roll{to{rotate:1440deg}}@keyframes bounce{50%{translate:0 -10px}}.danger{opacity:calc(.5 + var(--storm, 0) * .5)}html[data-storm=on] .danger{border-top-color:#ff5a50f2;animation:danger .9s ease-in-out infinite}@keyframes danger{50%{opacity:.35}}.score-sky small.storm{color:#ffd2c4;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 10px rgba(255,90,60,.9),0 1px 0 rgba(0,0,0,.5);animation:danger .9s ease-in-out infinite}@media(max-width:560px){.d-cacti{display:none}}@media(prefers-reduced-motion:reduce){.bd-dust i,.bd-stars circle,.bd-clouds i,.bd-wind i,.bd-critter.go,.bd-critter.go svg,.combo.show,.pop,.bd-aurora.on,.bd-shoot.go{animation:none}}.dev{position:fixed;right:8px;top:10px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font:600 12px system-ui,sans-serif}.dev-toggle,.dev-body button{border:1px dashed rgba(255,255,255,.4);background:#0a0618bf;color:#fff;padding:6px 10px;border-radius:10px;cursor:pointer;font:inherit}.dev-body{display:none;width:210px;max-height:70vh;overflow-y:auto;padding:8px;border-radius:12px;background:#0a0618d9;border:1px dashed rgba(255,255,255,.3)}.dev.open .dev-body{display:block}.dev-body small{display:block;margin:6px 0 4px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}.dev-body div{display:flex;flex-wrap:wrap;gap:4px}.storm-fx{position:fixed;inset:0;pointer-events:none;z-index:6}.bd-flash{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 60% 50% at 50% 75%,rgba(255,230,200,.85),transparent 70%)}.bd-flash.on{animation:flash .7s ease-out}@keyframes flash{0%{opacity:0}8%{opacity:1}16%{opacity:.2}24%{opacity:.8}to{opacity:0}}.jar-dust{position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse at 30% 30%,#be784659,#7846288c);opacity:calc(var(--storm, 0) * .75);mix-blend-mode:soft-light;transition:opacity 1s}html[data-storm=on] .jar{box-shadow:0 0 0 3px #ff966e59,0 0 0 8px #ff785014,0 0 50px #c85a3273,0 24px 50px #0000008c}.cracks{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.cracks path{fill:none;stroke:#ffffffe6;stroke-width:.45;stroke-linecap:round;stroke-dasharray:200;stroke-dashoffset:200;filter:drop-shadow(0 0 1px rgba(255,255,255,.8));animation:crack .45s ease-out forwards;vector-effect:non-scaling-stroke}.cracks path{stroke-width:1.6px}.cracks .ring{stroke-width:1.1px;opacity:.7}@keyframes crack{to{stroke-dashoffset:0}}.shards{position:absolute;inset:0;z-index:4;pointer-events:none}.shard{position:absolute;inset:0;background-size:100% 100%;image-rendering:pixelated;box-shadow:inset 0 0 0 1px #ffffff80}.jar.broken{box-shadow:none;overflow:visible}.jar.broken canvas,.jar.broken .glass,.jar.broken .jar-dust,.jar.broken .cracks,.jar.broken .danger{visibility:hidden}@media(prefers-reduced-motion:reduce){.storm-fx{display:none}.bd-flash.on,.cracks path{animation:none;stroke-dashoffset:0}}.dev-rules{display:block;color:#ffe08a;margin-bottom:4px}.rise{display:flex;align-items:center;justify-content:center;gap:10px;min-height:18px;font-size:12px;color:var(--muted)}.rise b{display:flex;gap:4px}.rise i{width:8px;height:8px;border-radius:2px;background:#ffffff26}.rise i.on{background:#d9a86a;box-shadow:0 0 6px #d9a86a99}.rise.warn{color:#ffb08a;font-weight:700}.rise.warn i.on{background:#ff7a5c;animation:danger .8s ease-in-out infinite}.w-desert .bd-dust i{top:auto!important}.w-winter .bd-night{background:linear-gradient(180deg,#050a1c,#0f1c3d,#24365e)}.w-winter .bd-predawn{background:linear-gradient(180deg,#172552,#3f4f8a 45%,#b78bb4 85%,#e8b0b8)}.w-winter .bd-dawn{background:linear-gradient(180deg,#7fa9df,#b9cbee 40%,#f4d2d6 75%,#ffe6cf)}.w-winter .d-far{fill:#9eb3cf;fill:color-mix(in srgb,#e9f0fb calc(var(--p) * 70%),#6f84a6)}.w-winter .d-mid{fill:#b9c9de;fill:color-mix(in srgb,#f4f8ff calc(var(--p) * 70%),#8296b6)}.w-winter .d-near{fill:#d4deec;fill:color-mix(in srgb,#ffffff calc(var(--p) * 70%),#9aabc7)}.w-winter .p-dark{fill:#0e1f2e;fill:color-mix(in srgb,#23463c calc(var(--p) * 60%),#0c1a28)}.w-winter .p-lit{fill:#1b3447;fill:color-mix(in srgb,#3e7060 calc(var(--p) * 60%),#183044)}.w-winter .p-trunk{fill:#20140e}.w-winter .snowcap{fill:#e8f0fb}.w-winter .d-trees.near .p-dark{fill:#08131d}.w-winter .d-trees.near .p-lit{fill:#10222f}.w-winter .c-wall{fill:#3a2418}.w-winter .c-roof{fill:#24150e}.w-winter .c-chim{fill:#2b1b13}.w-winter .c-win{fill:#ffcf6e;filter:drop-shadow(0 0 6px #ffb347);animation:window 5s ease-in-out infinite}@keyframes window{50%{fill:#ffe09a}70%{fill:#ffbe55}}.w-winter .puffs circle{fill:#dce4f066;transform-box:fill-box;transform-origin:center;animation:smoke 6s ease-out infinite;opacity:0}.w-winter .puffs circle:nth-child(2){animation-delay:2s}.w-winter .puffs circle:nth-child(3){animation-delay:4s}@keyframes smoke{0%{opacity:0;transform:translate(0) scale(.5)}20%{opacity:1}to{opacity:0;transform:translate(26px,-60px) scale(2.6)}}.bd-north{position:absolute;left:-10%;right:-10%;top:4%;height:40%;opacity:calc((1 - var(--dawn)) * (1 - var(--storm, 0)) * .8);filter:blur(14px)}.bd-north i{position:absolute;left:0;right:0;height:34%;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(80,255,170,.55),rgba(90,200,255,.45),rgba(170,110,255,.4),transparent);animation:north 14s ease-in-out infinite alternate}.bd-north i:nth-child(1){top:10%}.bd-north i:nth-child(2){top:34%;animation-duration:19s;animation-delay:-6s;opacity:.7}.bd-north i:nth-child(3){top:56%;animation-duration:23s;animation-delay:-11s;opacity:.5}@keyframes north{0%{transform:translate(-8%) skew(-12deg) scaleY(.8)}to{transform:translate(8%) skew(12deg) scaleY(1.2)}}.w-winter .bd-dust i{width:4px;height:4px;background:#ffffffd9;top:-10px!important;animation-name:snowfall}@keyframes snowfall{0%{transform:translate(0);opacity:0}10%{opacity:1}to{transform:translate(40px,110vh);opacity:.6}}.w-winter .bd-storm{background:linear-gradient(180deg,#bed2ebbf,#ebf4ffe6)}.w-winter .bd-wall{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(240,248,255,.95),rgba(200,220,245,.6) 55%,transparent 75%)}.w-winter .bd-wind i{background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)}html[data-world=winter] .jar-dust{mix-blend-mode:normal;opacity:calc(var(--storm, 0) * .85);background:radial-gradient(ellipse 30% 22% at 0% 0%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 30% 22% at 100% 0%,rgba(255,255,255,.7),transparent 70%),radial-gradient(ellipse 34% 26% at 0% 100%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse 34% 26% at 100% 100%,rgba(255,255,255,.75),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(225,240,255,.35))}html[data-world=winter][data-storm=on] .jar{box-shadow:0 0 0 3px #c8e6ff8c,0 0 50px #aad2ff80,0 24px 50px #0000008c}.w-jungle .bd-night{background:linear-gradient(180deg,#03100f,#0b2622,#17402f)}.w-jungle .bd-predawn{background:linear-gradient(180deg,#10302e,#2f5a48 45%,#b98a5e 85%,#e8b06a)}.w-jungle .bd-dawn{background:linear-gradient(180deg,#5aa0a0,#9fd0b0 40%,#f4d38a 75%,#ffe7a6)}.w-jungle .d-far{fill:#0e2b22;fill:color-mix(in srgb,#3f7a4c calc(var(--p) * 70%),#0e2b22)}.w-jungle .d-mid{fill:#0a2119;fill:color-mix(in srgb,#2d6a3a calc(var(--p) * 70%),#0a2119)}.w-jungle .d-near{fill:#061611;fill:color-mix(in srgb,#1f4f29 calc(var(--p) * 70%),#061611)}.w-jungle .palm .trunk{fill:none;stroke:#04100b;stroke:color-mix(in srgb,#3a2a14 calc(var(--p) * 60%),#04100b);stroke-width:7;stroke-linecap:round}.w-jungle .palm .leaves path{fill:none;stroke:#04100b;stroke:color-mix(in srgb,#1f5a2a calc(var(--p) * 60%),#04100b);stroke-width:9;stroke-linecap:round}.w-jungle .fall{opacity:calc(.75 + var(--p) * .25)}.w-jungle .fall-wet{fill:#00000040}.w-jungle .fall-lip{fill:#f2fbff}.w-jungle .fall .stream{fill:none;stroke:#ffffffd9;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:9 16;animation:stream .9s linear infinite}@keyframes stream{to{stroke-dashoffset:-25}}.w-jungle .fall-mist circle{fill:#e6f8fcb3;transform-box:fill-box;transform-origin:center;animation:spray 2.4s ease-in-out infinite}.w-jungle .fall-mist circle:nth-child(2n){animation-delay:-1.2s}@keyframes spray{50%{transform:scale(1.25) translateY(-3px);opacity:.6}}.vines{position:fixed;left:0;top:0;width:150px;height:300px;opacity:.9}.vines.right{left:auto;right:0;transform:scaleX(-1)}.vines path{fill:none;stroke:#0b2a1a;stroke:color-mix(in srgb,#2d6a3a calc(var(--p) * 60%),#0b2a1a);stroke-width:3}.vines .leaf{fill:#12402a;fill:color-mix(in srgb,#3f8a4c calc(var(--p) * 60%),#12402a)}.w-jungle .bd-dust i{width:5px;height:5px;background:#c8ff7a;box-shadow:0 0 8px 2px #c8ff78b3;opacity:calc((1 - var(--dawn)) * (1 - var(--storm, 0)));animation-name:firefly;animation-timing-function:ease-in-out}@keyframes firefly{0%{transform:translate(0);opacity:0}20%{opacity:1}40%{transform:translate(40px,-30px);opacity:.2}60%{transform:translate(-20px,-60px);opacity:1}to{transform:translate(30px,-100px);opacity:0}}.tornado{position:absolute;right:16%;bottom:18%;width:90px;height:180px;transform-origin:50% 100%;transform:scale(calc(.3 + var(--storm, 0) * 1.4));opacity:calc(var(--storm, 0) * 1.3 - .1);transition:transform 1.5s,opacity 1.5s;filter:blur(1.5px)}.tornado g{animation:sway 3s ease-in-out infinite alternate;transform-origin:50% 100%}.tornado ellipse{fill:#3c4646bf;animation:spin .9s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes spin{50%{transform:scaleX(.75) translate(3px)}}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(5deg)}}.w-jungle .bd-storm{background:linear-gradient(180deg,#0a141ad9,#1e3230d9)}.w-jungle .bd-wall{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(40,55,60,.95),rgba(30,45,50,.6) 55%,transparent 75%)}.w-jungle .bd-wind i{background:linear-gradient(90deg,transparent,rgba(170,210,255,.4),transparent)}.w-jungle .bd-flash{background:radial-gradient(ellipse 70% 60% at 50% 30%,rgba(225,240,255,.95),transparent 70%)}.bd-critter.bird{color:#04100b}.bd-critter.bird svg path{fill:currentColor;stroke:none}.bd-critter.bird.go svg{animation:none}.bd-critter.bird .wings{transform-origin:center;animation:flap .35s ease-in-out infinite alternate}@keyframes flap{to{transform:scaleY(-.6)}}html[data-world=jungle] .jar-dust{mix-blend-mode:normal;opacity:calc(var(--storm, 0) * .9);background:repeating-linear-gradient(100deg,transparent 0 18px,rgba(190,220,255,.18) 18px 20px,transparent 20px 37px);animation:rainglass 1.4s linear infinite}@keyframes rainglass{to{background-position:0 60px}}html[data-world=jungle][data-storm=on] .jar{box-shadow:0 0 0 3px #96c8ff66,0 0 50px #64a0dc66,0 24px 50px #0000008c}@media(max-width:560px){.vines{width:90px;height:180px}.w-winter .d-trees.near,.w-jungle .palms,.w-winter .cabin,.w-jungle .fall{display:none}}.hint,.rise{text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 10px rgba(0,0,0,.5)}.score-sky small.storm{padding:2px 10px;border-radius:99px;background:#3c0c0899}@media(prefers-reduced-motion:reduce){.bd-north i,.w-winter .puffs circle,.tornado g,.tornado ellipse,.w-jungle .fall .stream,.w-jungle .fall-mist circle,.bd-critter.bird .wings{animation:none}}.btn:disabled{filter:grayscale(.8);opacity:.6;cursor:default;font-size:15px}.btn.ghost{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 2px #ffc94a99}.opened{margin-top:12px;padding:12px;border-radius:16px;background:#ffc94a1f;box-shadow:inset 0 0 0 1px #ffc94a73;animation:rise .5s ease-out .3s both}.opened small{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}.opened b{display:block;font:900 24px var(--display);color:var(--gold)}.opened .btn{margin-top:8px}html[data-world=winter] .hint,html[data-world=winter] .rise{color:#24304a;text-shadow:0 1px 2px rgba(255,255,255,.8)}html[data-world=winter] .rise.warn{color:#b0301c}.tablet{position:fixed;left:2.5%;top:0;height:56vh;width:calc(56vh * 80 / 300);pointer-events:none;overflow:visible}.tablet.right{left:auto;right:2.5%;transform:scaleX(-1)}.tablet .t-swing{transform-origin:40px 0;animation:tswing 7s ease-in-out infinite alternate}.tablet.right .t-swing{animation-duration:8.5s;animation-delay:-3s}@keyframes tswing{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}.tablet .t-rope{stroke:#3a2a18;stroke-width:2.2;stroke-dasharray:3 1.5}.tablet .t-ring{fill:none;stroke:#8a6a2a;stroke-width:1.8}.tablet .trickle .grain{width:2.2px;fill:#d9a868;fill:color-mix(in srgb,#f3c98a calc(var(--p) * 70%),#b98a52);animation:grain 1.5s linear infinite}@keyframes grain{0%{transform:translateY(0);opacity:1}70%{opacity:.8}to{transform:translateY(110px);opacity:0}}.tablet .t-stone{fill:#5c4128;fill:color-mix(in srgb,#c99c62 calc(var(--p) * 75%),#4a3320)}.tablet .t-side{fill:#3a2816;fill:color-mix(in srgb,#8f6a3e calc(var(--p) * 75%),#2e1f11)}.tablet .t-frame{fill:none;stroke:#00000040;stroke-width:2}.tablet .t-crack{fill:none;stroke:#0006;stroke-width:1.4;stroke-linecap:round}.tablet .t-disc,.tablet .t-wing{fill:none;stroke:#2a1a0c;stroke-width:1.8}.tablet .glyph{fill:none;stroke:#2e1d0c;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(255,225,170,.3)) drop-shadow(0 0 3px rgba(255,196,90,calc(var(--p) * .8)));animation:glyph 7s ease-in-out infinite}.tablet .glyph .g-fill{fill:#2e1d0c;stroke:none}@keyframes glyph{0%,82%,to{opacity:.9}90%{opacity:1;filter:drop-shadow(0 1px 0 rgba(255,225,170,.3)) drop-shadow(0 0 5px rgba(255,200,90,1)) drop-shadow(0 0 2px rgba(255,230,160,1))}}.tablet .t-sand{fill:#a8774a;fill:color-mix(in srgb,#f0c487 calc(var(--p) * 70%),#a8774a)}.w-winter .w-mount{fill:#3c4f74;fill:color-mix(in srgb,#9fb2d6 calc(var(--p) * 70%),#33476b)}.w-winter .w-peak{fill:#dfe8f7;opacity:.85}.w-winter .w-lake{opacity:.8}.w-winter .lake-shine{fill:#ebf5ffb3;animation:shine 4s ease-in-out infinite}@keyframes shine{50%{opacity:.35;transform:translate(8px)}}.w-winter .c-glow{opacity:calc(1 - var(--dawn) * .7)}.w-winter .c-log{stroke:#00000059;stroke-width:1.2}.w-winter .c-frame{stroke:#3a2418;stroke-width:1.4}.w-winter .fence rect{fill:#2a1c14}.w-winter .snowman circle{fill:#eef4fc}.w-winter .snowman .nose{fill:#f08a3a}.w-winter .snowman .hat{fill:#1a1410}.w-winter .snowman .arm{stroke:#3a2418;stroke-width:1.6;stroke-linecap:round;fill:none}.w-winter .glint{fill:#fff;opacity:0;animation:twinkle 4s ease-in-out infinite}@keyframes twinkle{0%,70%,to{opacity:0}80%{opacity:1}}.icicles{position:fixed;left:0;top:0;width:170px;height:181px;pointer-events:none}.icicles.right{left:auto;right:0;transform:scaleX(-1)}.icicles .ice{fill:#c8e4ff8c;stroke:#f0faffd9;stroke-width:.8;filter:drop-shadow(0 0 4px rgba(160,210,255,.4))}.icicles .ice-shine{stroke:#ffffffe6;stroke-width:1;stroke-linecap:round}.icicles .i-snow{fill:#e8f0fb;filter:drop-shadow(0 2px 2px rgba(0,20,50,.3))}.icicles .i-branch{fill:none;stroke:#1a2b38;stroke-width:3;stroke-linecap:round}.icicles .drip{fill:#d6ecff;animation:drip 5s ease-in infinite}@keyframes drip{0%,60%{transform:translateY(0);opacity:0}65%{opacity:1}to{transform:translateY(140px);opacity:0}}.w-jungle .j-tepui{fill:#12302a;fill:color-mix(in srgb,#4f7a62 calc(var(--p) * 70%),#10302a)}.w-jungle .mist{animation:mist 26s ease-in-out infinite alternate;opacity:calc(.6 + var(--p) * .4)}.w-jungle .mist.m2{animation-duration:34s;animation-direction:alternate-reverse}@keyframes mist{0%{transform:translate(-40px)}to{transform:translate(40px)}}.w-jungle .palm .ring{stroke:#00000073;stroke-width:1.4}.w-jungle .palm .coco{fill:#1a1208}.w-jungle .monstera path:first-child{fill:#0b2a18;fill:color-mix(in srgb,#2f7a42 calc(var(--p) * 60%),#0b2a18)}.w-jungle .monstera .m-cut{fill:none;stroke:#061611;stroke:color-mix(in srgb,#1f4f29 calc(var(--p) * 70%),#061611);stroke-width:6;stroke-linecap:round}.w-jungle .monstera .m-vein{fill:none;stroke:#78c88c40;stroke-width:2}.bloom{animation:bloom 4s ease-in-out infinite}.bloom.b-pink{fill:#ff7ac8;filter:drop-shadow(0 0 3px #ff5ab4)}.bloom.b-cyan{fill:#7ff5ff;filter:drop-shadow(0 0 3px #3fe0ff)}@keyframes bloom{50%{opacity:.35}}.w-jungle .rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:calc((1 - var(--storm, 0)) * .5)}.w-jungle .rays i{position:absolute;top:-20%;width:9%;height:120%;transform:rotate(18deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(220,255,230,.16),transparent 75%);filter:blur(8px);animation:ray 9s ease-in-out infinite alternate}.w-jungle .rays i:nth-child(1){left:22%}.w-jungle .rays i:nth-child(2){left:46%;width:5%;animation-delay:-3s}.w-jungle .rays i:nth-child(3){left:68%;width:12%;animation-delay:-6s}@keyframes ray{0%{opacity:.4}to{opacity:1}}.jar{overflow:visible}.jar canvas{border-radius:inherit}.jar-deco{position:absolute;inset:0;pointer-events:none;z-index:2}.jar-deco svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.jar.broken .jar-deco{visibility:hidden}html[data-world=desert] .jar{box-shadow:0 0 0 3px #ffd28c59,0 0 0 8px #c88c3c14,0 0 40px #ffb4782e,0 24px 50px #0000008c}.jar-deco .rivet{fill:#ffe9b8;stroke:#6e4a17;stroke-width:.8}.jar-deco .engrave{stroke:#50320a8c;stroke-width:.8;fill:none}.jar-deco .gem{fill:#3fc6d0;stroke:#1b5c66;stroke-width:.8;filter:drop-shadow(0 0 2px rgba(80,230,240,.8))}.jar-deco .brass{filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}html[data-world=winter] .jar{box-shadow:0 0 0 3px #d2ecff80,0 0 0 8px #aad7ff1a,0 0 40px #aad7ff40,0 24px 50px #00000080}html[data-world=winter] .glass{box-shadow:inset 0 0 28px #bee6ff38}.jar-deco .ice-rim{fill:#c8e6ff8c;stroke:#fffc;stroke-width:.8}.jar-deco .ice{fill:#cde8ff80;stroke:#ffffffbf;stroke-width:.6}.jar-deco .snow{fill:#f2f7fe;filter:drop-shadow(0 2px 2px rgba(10,30,60,.35))}.jar-deco .snow-shade{fill:#96b4dc66}.jar-deco .frost path{stroke:#ebf8ffbf;stroke-width:.8;stroke-linecap:round;fill:none}html[data-world=jungle] .jar{box-shadow:0 0 0 3px #aae6aa4d,0 0 0 8px #50a05a14,0 0 40px #78dca029,0 24px 50px #0000008c}html[data-world=jungle] .glass{box-shadow:inset 0 0 28px #78dca024}.jar-deco .bamboo{fill:#8a9a3a;stroke:#3f4a14;stroke-width:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.jar-deco .bamboo-hi{stroke:#f0ffb480;stroke-width:1.4;stroke-linecap:round}.jar-deco .node{stroke:#3f4a14;stroke-width:1.6}.jar-deco .lash{stroke:#7a4a22;stroke-width:1.6;stroke-linecap:round}.jar-deco .vine{fill:none;stroke:#2b5a22;stroke-width:2.4;stroke-linecap:round}.jar-deco .leaf{fill:#3f8f3a;stroke:#1d4a1a;stroke-width:.6}.jar-deco .leaf-vein{stroke:#c8ffaa80;stroke-width:.6}.jar-deco .flower ellipse{fill:#ff6fb0;stroke:#a8306a;stroke-width:.5}.jar-deco .flower .core{fill:#ffd84a}.jar-deco .moss{fill:#2f5a26;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.jar-deco .fern{fill:none;stroke:#4f9a3e;stroke-width:2;stroke-linecap:round}@media(max-width:560px){.tablet{display:none}.icicles{width:80px;height:86px}.w-jungle .fronds{display:none}}@media(prefers-reduced-motion:reduce){.tablet .glyph,.tablet .t-swing,.tablet .grain,.w-winter .glint,.icicles .drip,.w-jungle .mist,.bloom,.w-jungle .rays i,.lake-shine{animation:none}}.w-sea .bd-night{background:linear-gradient(180deg,#04121f,#062236,#0b3346)}.w-sea .bd-predawn{background:linear-gradient(180deg,#0f4a63,#12546b 45%,#2a6f7a 80%,#3f7f7c)}.w-sea .bd-dawn{background:linear-gradient(180deg,#7fe0e8,#3fb5c6,#1f8aa3 70%,#1a6d86)}.w-sea .bd-stars{fill:#8ff0ff}.w-sea .bd-const circle{fill:#9ff6ff;filter:drop-shadow(0 0 2px #4fe3ff)}.w-sea .c-lines{stroke:#82ebff73}.w-sea .bd-clouds{display:none}.w-sea .bd-moon{top:-8px;right:24%;width:140px;height:52px;border-radius:50%;box-shadow:none;background:radial-gradient(ellipse,rgba(240,250,255,.95) 0 18%,rgba(180,225,255,.45) 46%,transparent 72%);filter:blur(2.5px);transform:translate(calc(var(--p) * 9vw));opacity:calc((1 - var(--dawn)) * (1 - var(--storm, 0) * .8));animation:moonripple 4.5s ease-in-out infinite}.w-sea .bd-moon:before,.w-sea .bd-moon:after{content:"";position:absolute;pointer-events:none}.w-sea .bd-moon:before{left:-40%;right:-40%;top:30%;height:40%;background:radial-gradient(ellipse 14px 4px at 15% 50%,rgba(230,245,255,.8),transparent),radial-gradient(ellipse 18px 4px at 85% 40%,rgba(230,245,255,.7),transparent),radial-gradient(ellipse 10px 3px at 35% 80%,rgba(230,245,255,.7),transparent),radial-gradient(ellipse 12px 3px at 68% 85%,rgba(230,245,255,.6),transparent);animation:moonglints 3s ease-in-out infinite alternate}.w-sea .bd-moon:after{left:10%;width:80%;top:70%;height:60vh;transform-origin:50% 0;transform:perspective(300px) rotateX(-8deg);background:linear-gradient(180deg,rgba(190,225,255,.28),rgba(190,225,255,.06) 60%,transparent);filter:blur(10px);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}@keyframes moonripple{50%{scale:1.12 .88}}@keyframes moonglints{0%{translate:-6px 0;opacity:.6}to{translate:6px 2px;opacity:1}}.w-sea .bd-sun{top:-220px;bottom:auto;width:520px;height:440px;margin-left:-260px;transform:none;background:radial-gradient(ellipse,rgba(240,255,250,.95) 0 14%,rgba(170,245,240,.5) 34%,transparent 66%);opacity:calc(var(--predawn) * .4 + var(--dawn))}.w-sea .bd-shoot{background:linear-gradient(90deg,transparent,#b8f6ff);rotate:-12deg}.sea-surface{position:absolute;left:-10%;right:-10%;top:0;height:14%;opacity:calc(.25 + var(--p) * .55);background:radial-gradient(ellipse 60px 10px at 20% 30%,rgba(200,255,255,.5),transparent 70%),radial-gradient(ellipse 90px 12px at 55% 50%,rgba(200,255,255,.4),transparent 70%),radial-gradient(ellipse 70px 9px at 80% 25%,rgba(200,255,255,.45),transparent 70%),linear-gradient(180deg,rgba(160,240,255,.35),transparent);background-size:340px 100%,420px 100%,300px 100%,100% 100%;animation:surface 9s linear infinite;filter:blur(2px)}@keyframes surface{to{background-position:340px 0,-420px 0,300px 0,0 0}}.w-sea .rays{position:absolute;inset:0;overflow:hidden;pointer-events:none;opacity:calc((.35 + var(--p) * .65) * (1 - var(--storm, 0)))}.w-sea .rays i{position:absolute;top:-10%;width:7%;height:110%;transform-origin:50% 0;background:linear-gradient(180deg,rgba(200,255,250,.22),transparent 80%);filter:blur(10px);animation:searay 11s ease-in-out infinite alternate}.w-sea .rays i:nth-child(1){left:8%;transform:rotate(14deg)}.w-sea .rays i:nth-child(2){left:26%;width:4%;transform:rotate(8deg);animation-delay:-4s}.w-sea .rays i:nth-child(3){left:50%;width:10%;transform:rotate(-4deg);animation-delay:-7s}.w-sea .rays i:nth-child(4){left:70%;width:5%;transform:rotate(-10deg);animation-delay:-2s}.w-sea .rays i:nth-child(5){left:86%;width:8%;transform:rotate(-16deg);animation-delay:-9s}@keyframes searay{0%{opacity:.3;translate:-10px 0}to{opacity:1;translate:14px 0}}.w-sea .s-rock{fill:#0a2233;fill:color-mix(in srgb,#3c7f8a calc(var(--p) * 70%),#08202f)}.w-sea .d-far{fill:#0d2c3c;fill:color-mix(in srgb,#6fa6a0 calc(var(--p) * 70%),#0b2a3a)}.w-sea .d-mid{fill:#12354a;fill:color-mix(in srgb,#a9b98f calc(var(--p) * 70%),#10324a)}.w-sea .d-near{fill:#183d52;fill:color-mix(in srgb,#d8c891 calc(var(--p) * 70%),#163b50)}.w-sea .wreck .hull{fill:#061722;fill:color-mix(in srgb,#2d5a5e calc(var(--p) * 60%),#061722)}.w-sea .wreck .deck,.w-sea .wreck .mast{fill:none;stroke:#061722;stroke:color-mix(in srgb,#2d5a5e calc(var(--p) * 60%),#061722);stroke-width:4;stroke-linecap:round}.w-sea .wreck .port{fill:#0f3a48}.w-sea .wreck .rag{fill:#8caaa059;animation:rag 4s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:0 0}@keyframes rag{to{transform:skewY(8deg)}}.w-sea .coral path,.w-sea .coral rect{transition:fill 1.2s,stroke 1.2s}.w-sea .c-pink path{fill:none;stroke:#4a2a48;stroke:color-mix(in srgb,#ff7a8a calc(var(--p) * 85%),#3a2440);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.w-sea .c-orange path{fill:none;stroke:#4a3028;stroke:color-mix(in srgb,#ffa04a calc(var(--p) * 85%),#3e2a26);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.w-sea .c-fan .fan{fill:#2c2048;fill:color-mix(in srgb,#b46ae0 calc(var(--p) * 80%),#261c40);opacity:.85}.w-sea .c-fan .fan-veins{fill:none;stroke:#00000059;stroke-width:1.2}.w-sea .c-brain path:first-child{fill:#3a3a28;fill:color-mix(in srgb,#e6c45a calc(var(--p) * 80%),#34331f)}.w-sea .c-brain .brain-lines{fill:none;stroke:#00000059;stroke-width:1.4}.w-sea .c-tube rect{fill:#3b2238;fill:color-mix(in srgb,#e05a8a calc(var(--p) * 80%),#321d32)}.w-sea .c-tube .tube-hole{fill:#0000008c}.w-sea .anemone path{fill:none;stroke:#5a3a5a;stroke:color-mix(in srgb,#ff9ad0 calc(var(--p) * 80%),#4a2c4c);stroke-width:2.4;stroke-linecap:round}.w-sea .anemone .foot{fill:#3a2238}.w-sea .anemone .tip{fill:#7ff5ff;filter:drop-shadow(0 0 3px #3fe0ff);opacity:calc(.25 + (1 - var(--dawn)) * .75)}.w-sea .anemone .arms{transform-box:fill-box;transform-origin:50% 100%;animation:arms 3.6s ease-in-out infinite alternate}@keyframes arms{0%{transform:skew(-8deg)}to{transform:skew(8deg)}}.w-sea .kelp{transform-box:fill-box;transform-origin:50% 100%;animation:kelp 7s ease-in-out infinite alternate}@keyframes kelp{0%{transform:skew(-7deg)}to{transform:skew(7deg)}}.w-sea .kelp .stem{fill:none;stroke:#0f3326;stroke:color-mix(in srgb,#4f9a4a calc(var(--p) * 70%),#0d2f24);stroke-width:3}.w-sea .kelp .blade{fill:#0f3326;fill:color-mix(in srgb,#5fae52 calc(var(--p) * 70%),#0d2f24)}.w-sea .kelps.near .stem{stroke-width:5;stroke:#07201a;stroke:color-mix(in srgb,#2f6e36 calc(var(--p) * 60%),#061c17)}.w-sea .kelps.near .blade{fill:#07201a;fill:color-mix(in srgb,#3a8040 calc(var(--p) * 60%),#061c17)}.w-sea .starfish{fill:#6a3020;fill:color-mix(in srgb,#ff8a4a calc(var(--p) * 85%),#4e2a22)}.w-sea .shell path:first-child{fill:#6a5a5a;fill:color-mix(in srgb,#ffd6c8 calc(var(--p) * 80%),#4c4248)}.w-sea .shell .ribs{fill:none;stroke:#0000004d;stroke-width:.8}.w-sea .anchor path,.w-sea .anchor .ring{fill:none;stroke:#0a1c26;stroke:color-mix(in srgb,#5a4a3a calc(var(--p) * 60%),#0a1c26);stroke-width:5;stroke-linecap:round}.w-sea .chest .box{fill:#3a2414}.w-sea .chest .lid{fill:#4a2e18}.w-sea .chest .band{stroke:#b8902f;stroke-width:2}.w-sea .chest .lock{fill:#e2b84a}.w-sea .chest-glow{fill:#ffd26e59;filter:blur(6px);animation:chest 3s ease-in-out infinite}@keyframes chest{50%{opacity:.45}}.jelly{position:absolute;width:46px;height:80px;pointer-events:none;animation:jelly 18s ease-in-out infinite alternate;opacity:calc(.5 + (1 - var(--dawn)) * .5)}.jelly.j1{left:13%;top:34%}.jelly.j2{right:11%;top:46%;width:34px;height:60px;animation-duration:23s;animation-delay:-8s}.jelly svg{width:100%;height:100%;overflow:visible}.jelly .bell{fill:#ff96dc73;stroke:#ffc8f0cc;stroke-width:.8;filter:drop-shadow(0 0 6px rgba(255,120,210,.7));transform-box:fill-box;transform-origin:50% 100%;animation:bell 2.2s ease-in-out infinite}.jelly.j2 .bell{fill:#96c8ff73;stroke:#c8e6ffcc;filter:drop-shadow(0 0 6px rgba(120,190,255,.7))}.jelly .tent{fill:none;stroke:#ffc8f080;stroke-width:.8;animation:tent 2.2s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0}@keyframes bell{50%{transform:scale(1.12,.84)}}@keyframes tent{50%{transform:scaleY(.9) skew(4deg)}}@keyframes jelly{0%{translate:0 30px}to{translate:26px -50px}}.bd-critter.fish{color:#08202c;color:color-mix(in srgb,#ffcf5a calc(var(--p) * 70%),#0a2836)}.bd-critter.fish svg{stroke:none}.bd-critter.fish .body{fill:currentColor;transform-box:fill-box;transform-origin:70% 50%;animation:fin .4s ease-in-out infinite alternate}.bd-critter.fish .eye{fill:#ffffffb3}.bd-critter.fish.go svg{animation:swim 1.6s ease-in-out infinite}@keyframes fin{to{transform:skewY(6deg) scaleX(.94)}}@keyframes swim{50%{translate:0 -8px}}.chain{position:fixed;left:3%;top:0;height:62vh;width:11.625vh;pointer-events:none;overflow:visible}.net{position:fixed;right:2%;top:0;height:52vh;width:calc(52vh * 130 / 300);pointer-events:none;overflow:visible}.chain .swing,.net .swing{transform-origin:50% 0;animation:tswing 8s ease-in-out infinite alternate}.net .swing{animation-duration:10s;animation-delay:-4s}.chain .link,.chain .link-side{fill:none;stroke:#1a2a30;stroke:color-mix(in srgb,#8a5a3a calc(var(--p) * 60%),#17272e);stroke-width:3.4}.chain .link-side{fill:#1a2a30;fill:color-mix(in srgb,#8a5a3a calc(var(--p) * 60%),#17272e);stroke:none}.chain .anchor-big path,.chain .anchor-big .ring{fill:none;stroke:#13222a;stroke:color-mix(in srgb,#7a5034 calc(var(--p) * 60%),#12212a);stroke-width:6;stroke-linecap:round}.chain .anchor-big .weed{stroke:#2f6e36;stroke-width:3}.net .net-rope{stroke:#3a2c1c;stroke-width:4;stroke-linecap:round}.net .mesh{fill:none;stroke:#aac8be59;stroke-width:1}.net .float circle:first-child{fill:#5ac8aa8c;stroke:#c8fff099;stroke-width:.8;filter:drop-shadow(0 0 4px rgba(90,230,200,.6))}.net .float .float-hi{fill:#ffffffb3}.net .float .float-rope{stroke:#3c2814b3;stroke-width:1}.net .starfish{fill:#ff8a4a;fill:color-mix(in srgb,#ff8a4a calc(var(--p) * 60%),#8a4428)}.w-sea .bd-dust i{width:7px;height:7px;background:transparent;border:1px solid rgba(190,240,255,.7);top:auto!important;bottom:-10px;animation-name:bubble;animation-timing-function:ease-in}@keyframes bubble{0%{transform:translate(0);opacity:0}10%{opacity:1}50%{transform:translate(12px,-55vh)}to{transform:translate(-6px,-110vh);opacity:.4}}.w-sea .bd-storm{background:linear-gradient(180deg,#060a1ad1,#140820e6)}.w-sea .bd-wall{background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(18,6,30,.95),rgba(30,12,44,.6) 55%,transparent 75%)}.w-sea .bd-wind i{height:1.5px;background:linear-gradient(90deg,transparent,rgba(150,200,230,.35),transparent)}.w-sea .jelly{opacity:calc((.5 + (1 - var(--dawn)) * .5) * (1 - var(--storm, 0)))}.kraken-body{position:absolute;left:-2%;bottom:7vh;width:min(38vw,460px);height:auto;aspect-ratio:300 / 360;pointer-events:none;overflow:visible;opacity:clamp(0,calc(var(--storm, 0) * 2 - .3),1);transition:opacity 1.5s}.kraken-body .k-rise{transform:translateY(calc((1 - var(--storm, 0)) * 220px));transition:transform 1.8s ease-out}.kraken-body .k-dark{fill:#06020ebf;filter:blur(30px)}.kraken-body .m-top{stop-color:#4a1c40;stop-color:color-mix(in srgb,#8a3a5a calc(var(--p) * 50%),#3e1636)}.kraken-body .m-mid{stop-color:#2a0e28}.kraken-body .m-bot{stop-color:#12050f}.kraken-body .ridge{fill:none;stroke:#0000004d;stroke-width:5;stroke-linecap:round}.kraken-body .spot{fill:#aa5a8240}.kraken-body .brow{fill:none;stroke:#00000073;stroke-width:9;stroke-linecap:round}.kraken-body .eye-glow{fill:#ffaa2838;filter:blur(10px)}.kraken-body .lid{transform:scaleY(clamp(.04,calc(var(--storm, 0) * 1.9 - .6),1));transition:transform 1.5s}.kraken-body .blink{animation:kblink 7s ease-in-out infinite}@keyframes kblink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.05)}}.kraken-body .eye-white{fill:#2a1a08;stroke:#120804;stroke-width:3}.kraken-body .iris{fill:#e8a020;filter:drop-shadow(0 0 6px rgba(255,180,40,.9))}.kraken-body .pupil{fill:#080402}.kraken-body .eye-hi{fill:#fff5d2cc}.kraken-body .look{animation:klook 6s ease-in-out infinite alternate}@keyframes klook{0%,30%{transform:translate(4px)}60%,to{transform:translate(12px)}}.kraken-body.flare .iris{animation:kflare 1s ease-out}@keyframes kflare{20%{fill:#ffd060;filter:drop-shadow(0 0 22px rgba(255,190,60,1))}}.kraken{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none}.kraken .t-body{fill:#2a0f2c;fill:color-mix(in srgb,#7a2c4c calc(var(--p) * 50%),#250c28);stroke:#0006;stroke-width:1.5}.kraken .sucker{fill:#8a4a6a;stroke:#3a1430;stroke-width:1}.kraken .rise{transform:translateY(calc((1 - var(--storm, 0)) * 460px));transition:transform 1.8s ease-out}.kraken .k2,.kraken .k3{transform:translateY(calc((1 - var(--storm, 0)) * 520px + 60px))}.kraken .sway{animation:ksway 5s ease-in-out infinite alternate;transform-origin:0 0}.kraken .k2 .sway{animation-duration:6.5s;animation-delay:-2s}.kraken .k3 .sway{animation-duration:5.8s;animation-delay:-4s}.kraken .k4 .sway{animation-duration:7s;animation-delay:-1s}@keyframes ksway{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}html[data-world=sea] .jar{box-shadow:0 0 0 3px #82e6d259,0 0 0 8px #3ca0961a,0 0 44px #5ad2dc38,0 24px 50px #0000008c}html[data-world=sea] .glass{box-shadow:inset 0 0 30px #6edce633}html[data-world=sea] .jar-dust{mix-blend-mode:normal;opacity:calc(var(--storm, 0) * .85);background:radial-gradient(ellipse at 30% 70%,rgba(30,10,46,.5),transparent 60%),radial-gradient(ellipse at 75% 30%,rgba(20,8,36,.45),transparent 60%);animation:murk 6s ease-in-out infinite alternate}@keyframes murk{to{background-position:30px -20px,-30px 20px}}html[data-world=sea][data-storm=on] .jar{box-shadow:0 0 0 3px #c878aa73,0 0 50px #78286e80,0 24px 50px #0000008c}.jar-deco .grip{opacity:clamp(0,calc(var(--storm, 0) * 2.5 - 1.4),1);transition:opacity 1s}.jar-deco .grip .t-body{fill:#3a1438;stroke:#00000073;stroke-width:.8;filter:drop-shadow(0 2px 3px rgba(0,0,0,.5))}.jar-deco .grip .sucker{fill:#a05a80;stroke:#4a1a40;stroke-width:.5}.jar-deco .grip>g{animation:squeeze 2.4s ease-in-out infinite}.jar-deco .grip.right>g{animation-delay:-1.2s}@keyframes squeeze{50%{translate:0 -4px}}.crush{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:5;animation:crushout .6s ease-in 2.9s forwards}.crush .t-body{fill:#3a1438;stroke:#00000080;stroke-width:.8;filter:drop-shadow(0 3px 4px rgba(0,0,0,.6))}.crush .sucker{fill:#a05a80;stroke:#4a1a40;stroke-width:.5}.crush .c-arm{animation:crushin .65s cubic-bezier(.2,.8,.3,1) both}.crush .c-arm.l{--from: -150px}.crush .c-arm.r{--from: 150px}@keyframes crushin{0%{transform:translate(var(--from));opacity:0}30%{opacity:1}to{transform:translate(0)}}@keyframes crushout{to{opacity:0;transform:translateY(40px)}}.jar-deco .copper{filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}.jar-deco .patina{fill:none;stroke:#c8ffe680;stroke-width:1.4;stroke-linecap:round}.jar-deco .bolt path{fill:#2f7f6f;stroke:#123a34;stroke-width:.7}.jar-deco .bolt circle{fill:#a6e3cf}.jar-deco .barnacle path{fill:#d8d2c0;stroke:#7a7262;stroke-width:.5}.jar-deco .barnacle .hole{fill:#3a3428}.jar-deco .scallop path:first-child{fill:#ffb8a8;stroke:#a85a4a;stroke-width:.6}.jar-deco .scallop .ribs{fill:none;stroke:#96463c99;stroke-width:.6}.jar-deco .starfish{fill:#ff8a4a;stroke:#a8482a;stroke-width:.6;filter:drop-shadow(0 1px 1px rgba(0,0,0,.4))}.jar-deco .sweed{fill:#3f9a4a;stroke:#1f5a2a;stroke-width:.6;transform-box:fill-box;transform-origin:50% 100%;animation:kelp 5s ease-in-out infinite alternate}.jar-deco .bubble{fill:#c8f5ff26;stroke:#dcfaffcc;stroke-width:.6;animation:jbubble 5s ease-in infinite}@keyframes jbubble{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:.8}to{transform:translateY(-280px);opacity:0}}@media(max-width:560px){.chain,.net{display:none}.jelly.j1{width:30px;height:52px;left:4%;top:30%}.jelly.j2,.w-sea .chest,.w-sea .anchor{display:none}}@media(prefers-reduced-motion:reduce){.sea-surface,.w-sea .rays i,.w-sea .kelp,.w-sea .anemone .arms,.jelly,.jelly .bell,.jelly .tent,.kraken .sway,.kraken-body .blink,.kraken-body .look,.crush .c-arm,.jar-deco .grip>g,.chain .swing,.net .swing,.jar-deco .sweed,.jar-deco .bubble,.w-sea .bd-moon,.w-sea .bd-moon:before,.w-sea .wreck .rag,.bd-critter.fish .body{animation:none}}:root,html[data-world=desert]{--accent: #ffc94a;--btn-a: #ffe08a;--btn-b: #f5a623;--btn-edge: #b06d0c;--btn-ink: #3a1d00;--panel: rgba(36, 20, 58, .6);--card-a: rgba(70, 48, 120, .95);--card-b: rgba(36, 25, 70, .95)}html[data-world=winter]{--accent: #9fdcff;--btn-a: #f2fbff;--btn-b: #8fc8f0;--btn-edge: #4f86b0;--btn-ink: #0e2a44;--panel: rgba(16, 30, 60, .6);--card-a: rgba(44, 70, 120, .95);--card-b: rgba(20, 34, 68, .95)}html[data-world=jungle]{--accent: #9be06a;--btn-a: #d6ec8a;--btn-b: #84aa3c;--btn-edge: #4c6a1c;--btn-ink: #1e2a06;--panel: rgba(6, 28, 20, .62);--card-a: rgba(26, 74, 52, .95);--card-b: rgba(10, 36, 26, .95)}html[data-world=sea]{--accent: #6fe3c8;--btn-a: #b4f4e2;--btn-b: #3fae94;--btn-edge: #1f6e5e;--btn-ink: #06302a;--panel: rgba(4, 26, 40, .62);--card-a: rgba(16, 72, 92, .95);--card-b: rgba(6, 30, 46, .95)}.card{background:linear-gradient(180deg,var(--card-a),var(--card-b))}.btn:not(.ghost){background:linear-gradient(180deg,var(--btn-a),var(--btn-b));color:var(--btn-ink);box-shadow:0 5px 0 var(--btn-edge),0 12px 24px #0000004d}.btn:not(.ghost):active{box-shadow:0 2px 0 var(--btn-edge)}.btn.ghost{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.app>.horizon,.app>.jar-wrap,.app>.rise,.app>.hint,.app>.tray,.app .score-sky{transition:opacity .4s}.app.menu>.horizon,.app.menu>.jar-wrap,.app.menu>.rise,.app.menu>.hint,.app.menu>.tray,.app.menu .score-sky{opacity:0;pointer-events:none}.overlay.start-screen{place-items:stretch;grid-template-columns:minmax(0,1fr);padding:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 26%,transparent 50%,rgba(0,0,0,.5))}.start{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:64px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;animation:fade .4s}.start>*{pointer-events:auto;max-width:100%}.logo h1{margin:0;font:900 clamp(44px,9vw,64px)/.92 var(--display);display:flex;flex-direction:column;filter:drop-shadow(0 3px 0 rgba(0,0,0,.35)) drop-shadow(0 0 24px rgba(0,0,0,.35))}.logo h1 span:first-child{background:linear-gradient(90deg,#ff6b6b,#ffc94a);-webkit-background-clip:text;background-clip:text;color:transparent}.logo h1 span:last-child{background:linear-gradient(90deg,#4cb6ff,#5fd99a);-webkit-background-clip:text;background-clip:text;color:transparent}.logo p{margin:10px auto 0;max-width:320px;font-size:14px;line-height:1.4;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.6)}.menu-panel{width:min(540px,100%);padding:14px 14px 12px;border-radius:24px;background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent),0 20px 50px #00000073;animation:rise .45s ease-out}.menu-panel .muted.small{margin:10px 0 0}.wtitle small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.wtitle b{display:block;font:900 30px/1.1 var(--display)}.wcards{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;touch-action:pan-x;padding:12px 4px 8px;margin:0 -4px;scrollbar-width:none;justify-content:safe center}.wcards::-webkit-scrollbar{display:none}.wcard{flex:none;width:116px;scroll-snap-align:center;border:0;border-radius:16px;padding:6px 6px 8px;cursor:pointer;background:#ffffff0f;color:inherit;font:inherit;display:flex;flex-direction:column;gap:5px;box-shadow:inset 0 0 0 1px #ffffff1f;transition:transform .2s,box-shadow .2s,background .2s}.wcard.cur{transform:translateY(-4px);background:#ffffff1f;box-shadow:inset 0 0 0 2px var(--accent),0 8px 20px #00000059}.wthumb{position:relative;display:block;border-radius:11px;overflow:hidden;aspect-ratio:4 / 3}.wprev{width:100%;height:100%;display:block}.wcard.locked .wprev{filter:grayscale(1) brightness(.35)}.wlock-ic{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffd9}.wlock-ic .ic{width:26px;height:26px}.wcard b{font:800 14px var(--display)}.wcard.locked b{color:var(--muted)}.wbar{display:block;height:4px;margin:0 4px;border-radius:4px;background:#ffffff26;overflow:hidden}.wbar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f5a623,#ffe08a)}.wcard small{font-size:10.5px;color:var(--muted);font-variant-numeric:tabular-nums}.btn.play{position:relative;margin-top:8px}.btn.play:disabled{display:flex;align-items:center;justify-content:center;gap:8px;filter:none;opacity:1;font-size:16px;background:#ffffff1a;color:var(--muted);box-shadow:inset 0 0 0 1px #ffffff2e}.btn.play .ic{width:18px;height:18px}html[data-world=desert] .btn.play:not(:disabled){background:radial-gradient(circle at 16px 50%,#fff1c4 0 3px,#8a5a14 3.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 16px) 50%,#fff1c4 0 3px,#8a5a14 3.5px 4.5px,transparent 5px),linear-gradient(180deg,var(--btn-a),var(--btn-b))}html[data-world=winter] .btn.play:not(:disabled):before{content:"";position:absolute;left:-5px;right:-5px;top:-9px;height:16px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 16' preserveAspectRatio='none'%3E%3Cpath d='M0 16 Q1 5 12 7 Q22 0 36 5 Q50 -1 64 5 Q80 0 94 6 Q110 0 124 5 Q138 0 154 6 Q170 0 184 5 Q199 3 200 16Z' fill='%23f6fbff'/%3E%3C/svg%3E") no-repeat center / 100% 100%;filter:drop-shadow(0 2px 1px rgba(20,50,90,.35))}html[data-world=jungle] .btn.play:not(:disabled):before{content:"";position:absolute;left:-10px;top:-14px;width:46px;height:34px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 34'%3E%3Cpath d='M4 30 Q8 10 30 6 Q24 26 4 30Z' fill='%233f8f3a' stroke='%231d4a1a'/%3E%3Cpath d='M6 28 Q16 16 28 8' stroke='%23b8f090' fill='none'/%3E%3Cg transform='translate(34 22)'%3E%3Cellipse rx='3' ry='5' transform='translate(0 -4)' fill='%23ff6fb0'/%3E%3Cellipse rx='3' ry='5' transform='rotate(72) translate(0 -4)' fill='%23ff6fb0'/%3E%3Cellipse rx='3' ry='5' transform='rotate(144) translate(0 -4)' fill='%23ff6fb0'/%3E%3Cellipse rx='3' ry='5' transform='rotate(216) translate(0 -4)' fill='%23ff6fb0'/%3E%3Cellipse rx='3' ry='5' transform='rotate(288) translate(0 -4)' fill='%23ff6fb0'/%3E%3Ccircle r='2.4' fill='%23ffd84a'/%3E%3C/g%3E%3C/svg%3E") no-repeat center / contain}html[data-world=sea] .btn.play:not(:disabled){background:radial-gradient(circle at 16px 50%,#c8fff0 0 2px,#1f6e5e 2.5px 4.5px,transparent 5px),radial-gradient(circle at calc(100% - 16px) 50%,#c8fff0 0 2px,#1f6e5e 2.5px 4.5px,transparent 5px),linear-gradient(180deg,var(--btn-a),var(--btn-b))}@media(max-width:560px){.start{padding-top:76px}.wcard{width:104px}}@media(max-height:640px){.start{padding-top:54px}.logo h1{font-size:40px}.logo p{display:none}}.menu-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:13px;color:var(--muted)}.menu-foot b{color:var(--ink);font-variant-numeric:tabular-nums}.link{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;border:0;background:none;color:var(--accent);font:700 13px var(--display);cursor:pointer}.link .ic{width:18px;height:18px}.wrec{display:inline-flex;align-items:center;justify-content:center;gap:4px}.wrec .ic{width:12px;height:12px;color:var(--gold)}.overlay.tutorial{z-index:6}.tcard{position:relative;width:min(380px,100%);padding-top:20px;touch-action:pan-y}.tskip{position:absolute;top:12px;right:14px;border:0;background:none;color:var(--muted);font:600 13px var(--display);cursor:pointer}.tpic-wrap{height:190px;display:grid;place-items:center;margin:14px 0 12px;border-radius:18px;background:#00000040}.tpic{height:170px;width:136px;overflow:visible}.tstep{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent)}.tcard h2{margin:4px 0 8px;font:900 26px var(--display)}.tcard p{margin:0;min-height:4.4em;line-height:1.45;font-size:14px}.tdots{display:flex;justify-content:center;gap:6px;margin:14px 0 0}.tdots i{width:7px;height:7px;border-radius:50%;background:#ffffff40;transition:background .2s,width .2s}.tdots i.cur{width:20px;border-radius:4px;background:var(--accent)}.tnav{display:flex;gap:10px}.tnav .btn{flex:1}.tnav .btn.ghost{flex:0 0 34%}.tpic .tj{fill:none;stroke:#ffffffbf;stroke-width:2.4;stroke-linecap:round}.t1-aim{animation:t1x 4s ease-in-out infinite}@keyframes t1x{0%,8%{transform:translate(16px)}45%,to{transform:translate(66px)}}.t1-aim .t-col{fill:#ffffff24;animation:t1col 4s infinite}@keyframes t1col{0%,50%{opacity:1}56%,to{opacity:0}}.t1-aim .t-piece{animation:t1fall 4s ease-in infinite}@keyframes t1fall{0%,55%{transform:translateY(10px);opacity:1}70%{transform:translateY(80px);opacity:1}82%,to{transform:translateY(80px);opacity:0}}.t1-finger{animation:t1finger 4s ease-in-out infinite}@keyframes t1finger{0%,8%{transform:translate(24px,70px);opacity:1}45%{transform:translate(74px,70px);opacity:1}52%{transform:translate(74px,70px);opacity:1}60%,to{transform:translate(74px,62px);opacity:0}}.t-touch{fill:#ffffff2e;stroke:#ffffffd9;stroke-width:1.4}.t-dot{fill:#fff}.t2-band{animation:t2band 3.2s infinite}@keyframes t2band{0%,30%{opacity:1}38%{opacity:.2}44%{opacity:1}50%{opacity:.2}56%{opacity:1}64%,92%{opacity:0}to{opacity:1}}.t2-pop{fill:var(--gold);font:900 15px var(--display);opacity:0;animation:t2pop 3.2s infinite}@keyframes t2pop{0%,60%{opacity:0;transform:translateY(6px)}68%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-14px)}}.t2-arrows{fill:none;stroke:#ffffffd9;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.t3-rise{animation:t3rise 4.4s ease-in infinite}@keyframes t3rise{0%{transform:translateY(30px)}75%,to{transform:translateY(-44px)}}.t3-danger{stroke:#ff828299;stroke-width:2;stroke-dasharray:4 3;animation:t3warn 4.4s infinite}@keyframes t3warn{0%,55%{stroke:#ff828280}65%,75%,85%,95%{stroke:#ff4d4d}70%,80%,90%,to{stroke:#ff828266}}.t3-up{fill:none;stroke:var(--gold);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;animation:t3up 1.1s ease-in-out infinite}@keyframes t3up{50%{transform:translateY(-4px)}}@media(prefers-reduced-motion:reduce){.t1-aim,.t1-aim .t-col,.t1-aim .t-piece,.t1-finger,.t2-band,.t2-pop,.t3-rise,.t3-danger,.t3-up{animation:none}}@media(max-height:640px){.tpic-wrap{height:140px}.tpic{height:124px;width:100px}}.windvane{position:absolute;left:8px;top:8px;z-index:2;display:none;align-items:center;gap:4px;padding:3px 8px 3px 5px;border-radius:99px;background:#04140c8c;color:#bdf08a;pointer-events:none}.windvane.on{display:flex}.windvane.left{flex-direction:row-reverse;padding:3px 5px 3px 8px}.windvane .wv-leaf .ic{width:16px;height:16px;animation:leafwind 1.2s ease-in-out infinite alternate}.windvane.left .wv-leaf .ic{transform:scaleX(-1)}@keyframes leafwind{to{rotate:18deg}}.windvane b{display:flex;gap:1px}.windvane b i{width:8px;height:8px;border:solid currentColor;border-width:2.5px 2.5px 0 0;transform:rotate(45deg);animation:windarrow .9s ease-in-out infinite}.windvane.left b i{transform:rotate(-135deg)}.windvane b i:nth-child(2){animation-delay:.15s}@keyframes windarrow{50%{opacity:.35}}.windvane .wv-calm{font:700 11px var(--display);color:#dcffc8bf}@media(prefers-reduced-motion:reduce){.windvane .wv-leaf .ic,.windvane b i{animation:none}}.wtitle b{margin-bottom:8px}.wscene{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.wscene span{padding:3px 10px;border-radius:99px;font:700 12px var(--display);color:var(--c);background:color-mix(in srgb,var(--c) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c) 45%,transparent)}.wfeature{display:flex;align-items:center;gap:12px;margin:12px 0 2px;padding:10px 14px 10px 10px;border-radius:18px;text-align:left;background:linear-gradient(110deg,color-mix(in srgb,var(--f1) 30%,transparent),color-mix(in srgb,var(--f2) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--f1) 55%,transparent)}.wf-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--f1),var(--f2));box-shadow:0 4px 12px color-mix(in srgb,var(--f1) 45%,transparent),inset 0 1px #fff6}.wf-ic .ic{width:26px;height:26px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.wf-txt{display:flex;flex-direction:column;gap:1px;min-width:0}.wf-txt small{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--f1)}.wf-txt b{font:900 17px/1.15 var(--display)}.wf-txt span{font-size:12.5px;line-height:1.35;color:#ffffffd1}html[data-world=desert]{--f1: #ffb347;--f2: #ff6b8a}html[data-world=winter]{--f1: #7fc8ff;--f2: #a98bff}html[data-world=jungle]{--f1: #8fe05a;--f2: #2fbfa0}html[data-world=sea]{--f1: #ff9ad0;--f2: #5fd6e8}@media(max-height:700px){.wscene{display:none}.wfeature{margin-top:8px;padding:8px 12px 8px 8px}.wf-ic{width:38px;height:38px}}.slot{overflow:hidden;background:radial-gradient(ellipse 70% 45% at 50% 100%,color-mix(in srgb,var(--c, transparent) 26%,transparent),transparent 75%),linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c, #fff) 28%,rgba(255,255,255,.1)),0 6px 14px #00000040}.slot.empty{opacity:.55;background:#0000002e;box-shadow:inset 0 0 0 1.5px #ffffff24}.slot.empty:after{content:"";position:absolute;inset:8px;border-radius:12px;border:1.5px dashed rgba(255,255,255,.16);background:radial-gradient(circle at 40% 50%,rgba(255,255,255,.3) 0 2px,transparent 2.5px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.3) 0 2px,transparent 2.5px),radial-gradient(circle at 60% 50%,rgba(255,255,255,.3) 0 2px,transparent 2.5px)}.slot.spent{animation:spent .45s ease-out}@keyframes spent{0%{box-shadow:inset 0 0 0 2px var(--c),0 0 26px var(--c);transform:scale(1.03)}to{transform:scale(1)}}.slot.arrive canvas{animation:arrive .55s cubic-bezier(.3,1.6,.5,1) var(--d, 0s) both}@keyframes arrive{0%{opacity:0;transform:translateY(-34px) scale(.6) rotate(-8deg)}60%{opacity:1}to{opacity:1;transform:none}}.slot.arrive{animation:slotglow .8s ease-out var(--d, 0s) both}@keyframes slotglow{0%{box-shadow:inset 0 0 0 1px #ffffff1a}35%{box-shadow:inset 0 0 0 2px var(--c),0 0 24px color-mix(in srgb,var(--c) 70%,transparent)}}.slot.sel.arrive{animation:none}.slot .grain{position:absolute;top:-6px;width:4px;height:4px;border-radius:1px;background:var(--c);pointer-events:none;box-shadow:0 0 6px var(--c);opacity:0;animation:grainfall .9s ease-in var(--gd, 0s) forwards}@keyframes grainfall{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(var(--gx),90px) rotate(180deg)}}.tray{position:relative}.tray.refresh:after{content:"";position:absolute;inset:-4px;border-radius:20px;pointer-events:none;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.22) 45%,rgba(255,255,255,.05) 55%,transparent 70%);background-size:250% 100%;animation:traysweep .9s ease-out forwards}@keyframes traysweep{0%{background-position:120% 0}to{background-position:-40% 0;opacity:0}}@media(prefers-reduced-motion:reduce){.slot.arrive canvas,.slot.arrive,.slot.spent,.slot .grain,.tray.refresh:after{animation:none}.slot .grain{display:none}}.app.menu #exit{visibility:hidden}.exit-ask h2{margin:6px 0 8px;font:900 28px var(--display)}.exit-ask .btn.ghost{margin-top:10px}.dev{right:64px;top:12px}@media(min-width:561px){.dev{right:8px}}.rewards{display:flex;flex-direction:column;gap:8px;margin-top:14px}.reward{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:16px;cursor:pointer;text-align:left;color:var(--ink);background:linear-gradient(110deg,color-mix(in srgb,var(--f1) 30%,transparent),color-mix(in srgb,var(--f2) 18%,transparent));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--f1) 55%,transparent);font:inherit;transition:transform .12s}.reward:active{transform:scale(.98)}.reward:disabled{opacity:.5;cursor:default}.rw-ic{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--f1),var(--f2))}.rw-ic .ic{width:24px;height:24px}.rw-txt{display:flex;flex-direction:column;gap:1px}.rw-txt b{font:900 16px var(--display)}.rw-txt small{font-size:12px;color:#ffffffbf}.rw-done{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px 0 0;font:800 14px var(--display);color:var(--gold)}.rw-done .ic{width:18px;height:18px}.ad-stub{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#000000d9}.ad-stub-box{display:flex;flex-direction:column;gap:12px;align-items:center;padding:28px;border-radius:18px;background:#fff;color:#222;text-align:center;min-width:260px;font-family:system-ui,sans-serif}.ad-stub-box small{color:#888}.ad-stub-box b{font-size:20px}.ad-stub-box div{display:flex;gap:8px}.ad-stub-box .btn{margin:0;padding:10px 14px;font-size:15px;color:#222;background:#eee;box-shadow:none}.shard{animation:shardfloat 3.2s ease-in-out infinite alternate}@keyframes shardfloat{0%{translate:0 -3px}to{translate:0 4px}}@media(prefers-reduced-motion:reduce){.shard{animation:none}}.logo h1 span:first-child{padding-bottom:.08em;background:linear-gradient(90deg,#ff6b6b,#ffc94a 35%,#4cb6ff 70%,#5fd99a);-webkit-background-clip:text;background-clip:text;color:transparent}.logo h1{font-size:clamp(52px,12vw,78px)}.bd-starfield{position:absolute;inset:0;opacity:calc((var(--night) * .9 + .08) * (1 - var(--storm, 0) * .85));transition:opacity 1.2s}.bd-starfield .bd-stars{opacity:1;will-change:opacity;animation:starlayer 5s ease-in-out infinite alternate}.bd-starfield .s1{animation-duration:6.5s;animation-delay:-2s}.bd-starfield .s2{animation-duration:8s;animation-delay:-5s}.bd-starfield .bd-stars circle{animation:none}@keyframes starlayer{0%{opacity:1}to{opacity:.35}}.w-sea .bd-starfield .bd-stars{fill:#8ff0ff}html[data-calm] .bd-wind i,html[data-calm] .tornado g,html[data-calm] .tornado ellipse,html[data-calm] .kraken .sway,html[data-calm] .kraken-body .blink,html[data-calm] .kraken-body .look,html[data-calm] .jar-deco .grip>g{animation-play-state:paused}html[data-calm] .bd-wind,html[data-calm] .tornado,html[data-calm] .kraken,html[data-calm] .kraken-body{visibility:hidden}.tablet .glyph.still{animation:none}@keyframes glyph{0%,82%,to{opacity:.8}90%{opacity:1}}.bd-north i,.bd-clouds i,.w-jungle .rays i,.w-sea .rays i,.jelly,.bd-dust i{will-change:transform,opacity}.sea-surface{animation:none;background-size:340px 100%,420px 100%,300px 100%,100% 100%;right:auto;width:140%;will-change:transform;animation:surfacemove 18s linear infinite alternate}@keyframes surfacemove{0%{transform:translate(-12%)}to{transform:translate(4%)}}.w-jungle .rays i,.w-sea .rays i{filter:none;background:linear-gradient(90deg,transparent,rgba(220,255,240,.16) 35%,rgba(220,255,240,.16) 65%,transparent),transparent;-webkit-mask-image:linear-gradient(180deg,#000,transparent 80%);mask-image:linear-gradient(180deg,#000,transparent 80%)}.sea-surface{filter:none}.w-sea .bd-moon:after{filter:none;background:radial-gradient(ellipse 50% 100% at 50% 0%,rgba(190,225,255,.22),transparent 80%)}.bd-clouds i{filter:none;background:radial-gradient(ellipse 50% 50% at 50% 50%,#3a2c5e,transparent 70%);background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in srgb,#f3a98c calc(var(--p) * 80%),#3a2c5e),transparent 70%);height:60px}.bd-north{filter:none}.bd-north i{background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(80,255,170,.4),rgba(90,200,255,.25) 45%,transparent 72%)}.bd-north i:nth-child(2){background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(90,200,255,.35),rgba(170,110,255,.22) 45%,transparent 72%)}.bd-north i:nth-child(3){background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(170,110,255,.32),transparent 70%)}.bd-wall,.bd-aurora{filter:none}.kraken-body .k-dark{filter:none;fill:url(#kdark)}.w-sea .chest-glow,.kraken-body .eye-glow{filter:none}