@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800&display=swap";:root{--bg: #fbf6f1;--surface: #ffffff;--line: #f0dfe4;--ink: #2e2329;--ink-muted: #6e5c66;--on-fill: #2e2329;--sun: #f7cb45;--sun-deep: #d9a51e;--sun-soft: #fdf2c9;--sky: #86afe3;--sky-deep: #5b86c4;--sky-soft: #e1ecfa;--berry: #ef8fb0;--berry-deep: #d8638c;--berry-soft: #fde4ec;--leaf: #8fd3b6;--leaf-deep: #55a986;--leaf-soft: #e0f4ea;--grape: #c3b0ee;--grape-deep: #9b84d8;--grape-soft: #efe9fc;--orange: #f8b396;--orange-deep: #e18866;--orange-soft: #fde8de;--correct: #5cc08f;--correct-deep: #3a9a6c;--correct-soft: #e0f4ea;--retry: #f6bd5c;--retry-deep: #d99a2e;--retry-soft: #fdf0d8;--focus: #3d6fc4;--stitch: #efbccd;--shadow-card: 0 10px 0 -4px #f0dfe4, 0 14px 28px rgba(110,70,90,.12);--r-sm: 14px;--r-md: 22px;--r-lg: 32px;--display: "Baloo 2", "Nunito", system-ui, sans-serif;--body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--bg) url(/img/felt.png);background-size:256px;color:var(--ink);font-family:var(--body);font-weight:600;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--focus);outline-offset:3px}#app{min-height:100vh}.wrap{max-width:560px;margin:0 auto;padding:18px 18px 96px;display:flex;flex-direction:column;gap:16px}.wrap.wide{max-width:1040px}.card{background:var(--surface) url(/img/felt.png);background-size:256px;border-radius:var(--r-lg);box-shadow:var(--shadow-card);outline:2.5px dashed var(--stitch);outline-offset:-8px;padding:20px}.patch{border-radius:var(--r-md);padding:12px 14px;outline:2px dashed rgba(255,255,255,.95);outline-offset:-6px}.soft-sun{background:var(--sun-soft)}.soft-sky{background:var(--sky-soft)}.soft-leaf{background:var(--leaf-soft)}.soft-berry{background:var(--berry-soft)}.soft-grape{background:var(--grape-soft)}.soft-orange{background:var(--orange-soft)}.muted{color:var(--ink-muted)}h1,h2,h3,.display{font-family:var(--display);font-weight:800;margin:0}h1{font-size:30px;line-height:34px}h2{font-size:22px;line-height:28px}.btn{--c: var(--surface);--d: var(--line);border:0;border-radius:var(--r-md);background:var(--c) url(/img/felt.png);background-size:256px;box-shadow:0 6px 0 var(--d);margin-bottom:6px;min-height:56px;padding:0 22px;font-family:var(--display);font-size:22px;font-weight:800;outline:2.5px dashed rgba(255,255,255,.85);outline-offset:-7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s,box-shadow .12s;touch-action:manipulation}.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--d)}.btn.ghost{box-shadow:0 6px 0 var(--d),inset 0 0 0 2px var(--line);outline-color:var(--stitch)}.btn.sun{--c: var(--sun);--d: var(--sun-deep)}.btn.sky{--c: var(--sky);--d: var(--sky-deep)}.btn.leaf{--c: var(--leaf);--d: var(--leaf-deep)}.btn.berry{--c: var(--berry);--d: var(--berry-deep)}.btn.grape{--c: var(--grape);--d: var(--grape-deep)}.btn.retry{--c: var(--retry);--d: var(--retry-deep)}.btn.block{width:100%}.btn.big{min-height:72px;font-size:28px}.btn.round{width:64px;min-height:64px;height:64px;padding:0;border-radius:999px}.btn[disabled]{opacity:.45;pointer-events:none}.rate{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.rate .btn{flex-direction:column;gap:0;min-height:68px;padding:0 4px;font-size:18px;line-height:22px}.rate .btn small{font-family:var(--body);font-size:14px;font-weight:700}.bar{display:flex;align-items:center;gap:12px}.progress{flex:1;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.progress>i{display:block;height:100%;background:var(--sun);border-radius:inherit}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:3px 12px;border-radius:999px;font-size:15px;font-weight:800;background:var(--line)}.tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.tile{min-width:46px;text-align:center;padding:2px 10px;border-radius:var(--r-sm);font-family:var(--display);font-size:36px;line-height:46px;font-weight:800;background:var(--surface);box-shadow:inset 0 0 0 2px var(--line)}.tile.short{background:var(--sky-soft)}.tile.digraph{background:var(--grape-soft)}.tile.long{background:var(--leaf-soft)}.tile.rvowel{background:var(--orange-soft)}.tile.other{background:var(--sun-soft)}.tile.tricky{background:var(--berry-soft)}.tile.silent{background:transparent;box-shadow:none;border:2px dashed var(--ink-muted);color:var(--ink-muted)}.word{font-family:var(--display);font-weight:800;font-size:64px;line-height:70px;text-align:center;word-break:break-word}.ipa{font-size:20px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.stat{text-align:center;border-radius:var(--r-md);padding:8px 0}.stat b{display:block;font-family:var(--display);font-size:30px;line-height:34px}.map{display:grid;grid-template-columns:repeat(50,minmax(0,1fr));gap:1px}.map i{aspect-ratio:1;border-radius:2px;background:var(--line)}.map i.learning{background:var(--sun)}.map i.known{background:var(--leaf)}.map i.mature{background:var(--leaf-deep)}.legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;font-weight:700}.legend span:before{content:"";display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;background:var(--c)}.nav{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);box-shadow:0 -1px 0 var(--line);padding:6px 6px calc(8px + env(safe-area-inset-bottom));z-index:5}.nav button{border:0;background:none;padding:6px 0;font-size:14px;font-weight:800;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-muted)}.nav button.on{color:var(--ink)}.ico{width:26px;height:26px}.slots{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;min-height:72px}.slot{min-width:64px;height:64px;border-radius:var(--r-md);border:3px dashed var(--ink-muted);display:grid;place-items:center;font-family:var(--display);font-size:32px;font-weight:800;padding:0 8px}.slot.filled{border:0}.bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bank .btn{font-size:26px;min-height:58px;padding:0}.shake{animation:shake .35s}@keyframes shake{25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.pop{animation:pop .35s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{50%{transform:scale(1.08)}}.pick{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.pick button{border:0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pick img{height:200px}.kid{font-family:var(--display)}.kid .wrap{max-width:1000px;padding:20px 24px 32px}.bubble{position:relative;background:var(--surface);border-radius:var(--r-lg);padding:14px 22px;font-size:30px;font-weight:800;box-shadow:var(--shadow-card),inset 0 0 0 3px var(--sky);display:inline-flex;align-items:center;gap:12px}.choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}@media (max-width: 700px){.choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.choice{border:0;aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface) url(/img/felt.png);background-size:256px;box-shadow:0 7px 0 var(--line),inset 0 0 0 4px var(--line);outline:2.5px dashed var(--stitch);outline-offset:-10px;display:grid;place-items:center;position:relative}.choice img{width:78%;height:78%;object-fit:contain}.choice.retry{background-color:var(--retry-soft);box-shadow:0 7px 0 var(--retry-deep),inset 0 0 0 5px var(--retry)}.choice.correct{background-color:var(--correct-soft);box-shadow:0 7px 0 var(--correct-deep),inset 0 0 0 5px var(--correct)}.choice.dim{opacity:.35}.garden{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:14px;background:var(--leaf-soft);border-radius:var(--r-lg);padding:20px;box-shadow:inset 0 -10px 0 var(--leaf);outline:2.5px dashed rgba(255,255,255,.9);outline-offset:-8px;min-height:240px;align-content:start}.plant{aspect-ratio:1;border-radius:999px;background:var(--surface);display:grid;place-items:center}.plant img{width:72%;height:72%;object-fit:contain}.plant.bloom{background:var(--sun-soft);box-shadow:0 0 0 5px var(--sun)}.stars{display:flex;gap:4px;justify-content:center}.stars svg{width:38px;height:38px}.mascot{height:170px}.hold{position:relative}.hold .ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:5px solid var(--grape-deep);clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0)}.center{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1}input[type=number],select,input[type=search]{font:inherit;padding:10px 12px;border-radius:var(--r-sm);border:2px solid var(--line);background:var(--surface)}.list{display:flex;flex-direction:column;gap:6px}.li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--r-sm);background:var(--surface)}.li .w{font-family:var(--display);font-weight:800;font-size:20px;min-width:120px}.dot{width:12px;height:12px;border-radius:4px;background:var(--line);flex:none}.dot.learning{background:var(--sun)}.dot.known{background:var(--leaf)}.dot.mature{background:var(--leaf-deep)}@media (prefers-reduced-motion: reduce){.shake,.pop{animation:none}.btn{transition:none}}body.kid{background:#fff7ee}.stage{position:relative;min-height:100vh;background-size:cover;background-position:center;overflow:hidden;display:flex;flex-direction:column;font-family:var(--display)}.entry-title{position:absolute;top:3.6vh;left:50%;transform:translate(-50%);padding:6px 40px 10px;border-radius:32px;background:var(--sun);color:var(--on-fill);box-shadow:0 10px 0 var(--sun-deep);font-size:clamp(34px,6vw,62px);line-height:1.15;font-weight:800;outline:3px dashed rgba(255,255,255,.85);outline-offset:-9px;white-space:nowrap}.entry-bubble{position:absolute;left:6vw;top:20vh}.entry-go{position:absolute;left:50%;bottom:6vh;transform:translate(-50%);display:flex;align-items:center;gap:18px;height:clamp(76px,15vh,116px);padding:0 clamp(32px,6vw,64px) 0 clamp(24px,5vw,48px);border:0;border-radius:999px;background:var(--sun);color:var(--on-fill);font-family:var(--display);box-shadow:0 10px 0 var(--sun-deep),0 20px 30px #6e465a40;font-size:clamp(40px,7vw,68px);font-weight:800;outline:3px dashed rgba(255,255,255,.85);outline-offset:-9px}.entry-go .ico{width:1em;height:1em}.entry-go.play{bottom:4vh}.entry-bame{position:absolute;right:18px;bottom:16px;width:58px;height:58px;border:0;border-radius:999px;background:#ffffff80;color:#2e2329b8;font-family:var(--body);font-size:13px;font-weight:800}.entry-bame .ring{top:-4px;right:-4px;bottom:-4px;left:-4px;border-width:4px}.mapstage .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff7eecc}.board{position:relative;width:min(100vw,calc(100vh * 4 / 3));aspect-ratio:4 / 3;margin:auto}.trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.node{position:absolute;transform:translate(-50%,-50%);aspect-ratio:1;padding:0;border:0;border-radius:999px;overflow:hidden;background:#fff;box-shadow:0 0 0 .6vmin var(--surface),0 1.2vmin 1.8vmin #6e465a2e}.node img{width:100%;height:100%;object-fit:cover;display:block}.node.here{box-shadow:0 0 0 .9vmin var(--surface),0 0 0 1.6vmin var(--sun),0 2.2vmin 3vmin #6e465a4d;animation:pulse 1.6s ease-in-out infinite alternate}@keyframes pulse{to{transform:translate(-50%,-50%) scale(1.06)}}.node.done{box-shadow:0 0 0 .8vmin var(--leaf),0 1.2vmin 1.8vmin #6e465a2e}.node.locked img{filter:saturate(.2) brightness(1.08)}.node.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff9}.node .cloud{position:absolute;z-index:1;left:50%;top:50%;width:62%;transform:translate(-50%,-50%);fill:#fff;stroke:var(--line);stroke-width:2.5}.maptop{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px 0}.scenecount{font-size:22px;font-weight:800}.plants{position:absolute;left:24px;right:24px;top:108px;display:flex;flex-wrap:wrap;gap:10px}.plants .plant{width:68px;height:68px;border:0}@media (prefers-reduced-motion: reduce){.node.here{animation:none}}.node.shake{animation:nshake .35s}@keyframes nshake{25%{transform:translate(-50%,-50%) rotate(-5deg)}75%{transform:translate(-50%,-50%) rotate(5deg)}}.entry-mute{position:absolute;left:18px;bottom:16px;width:58px;min-height:58px;height:58px;opacity:.9}.entry-board{--bw: min(100vw, calc(100vh * 4 / 3));font-size:calc(var(--bw) / 100);touch-action:manipulation}.entry-board .ly{position:absolute;display:block}.entry-board .ly>img,.entry-board img.ly{width:100%;height:100%;display:block}.entry-board img.ly{left:0;top:0}.entry-board .cloud{will-change:transform;animation:cloud-drift 32s ease-in-out infinite alternate;pointer-events:none;opacity:.96}.entry-board .cloud.c2{animation-duration:42s;animation-delay:-19s}.entry-board .cloud.c3{animation-duration:37s;animation-delay:-31s;animation-direction:alternate-reverse}@keyframes cloud-drift{0%{transform:translate(calc(var(--bw) * -.05))}to{transform:translate(calc(var(--bw) * .09))}}.entry-board .star{perspective:500px;pointer-events:none}.entry-board .star img{animation:star-spin 4.8s linear infinite;transform-origin:50% 50%;filter:drop-shadow(0 0 .3em rgba(255,244,170,.95))}@keyframes star-spin{to{transform:rotateY(360deg)}}.entry-board .flag{pointer-events:none}.entry-board .flag img{position:absolute;left:0;top:0;opacity:0;animation:flag-frames .9s steps(1) infinite}.entry-board .flag img:nth-child(2){animation-delay:.3s}.entry-board .flag img:nth-child(3){animation-delay:.6s}.entry-board .flag.f2 img{animation-duration:1.1s}.entry-board .flag.f3 img{animation-duration:.8s}@keyframes flag-frames{0%{opacity:1}33.3%{opacity:0}to{opacity:0}}.entry-board .sway{position:absolute;background-image:url(/maps/entry/plate.webp?v=3);transform-origin:50% 100%;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 55%,#000 55%,transparent 100%);animation:sway 4.5s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-2.6deg) skew(-2deg) scaleY(.99)}to{transform:rotate(2.6deg) skew(2deg) scaleY(1.01)}}.entry-board .sign,.entry-board .house{position:absolute;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.3,1.5,.5,1),filter .22s ease;transform-origin:50% 55%}.entry-board .sign img,.entry-board .house img{width:100%;height:100%;display:block;pointer-events:none}.entry-board .sign:hover,.entry-board .sign:focus-visible,.entry-board .sign.near,.entry-board .house:hover,.entry-board .house:focus-visible,.entry-board .house.near{transform:scale(1.16);z-index:3;outline:none;filter:drop-shadow(0 0 .2em #fff) drop-shadow(0 0 .45em #fff3a8) drop-shadow(0 0 .9em #ffd54a) drop-shadow(0 0 1.6em rgba(255,170,30,.9))}.entry-board .house{transform-origin:50% 90%;animation:house-hint 5s ease-in-out infinite}.entry-board .house.near,.entry-board .house:hover{animation:none;transform:scale(1.1)}@keyframes house-hint{0%,55%,to{transform:none;filter:none}62%{transform:scale(1.05,.95)}70%{transform:scale(.97,1.06) translateY(-1%);filter:drop-shadow(0 0 .3em #fff3a8) drop-shadow(0 0 .8em rgba(255,196,60,.9))}80%{transform:scale(1.03,.98)}88%{transform:none;filter:drop-shadow(0 0 .2em #fff3a8) drop-shadow(0 0 .5em rgba(255,196,60,.6))}}.entry-board .spark{position:absolute;z-index:4;width:2.6%;aspect-ratio:1;pointer-events:none;animation:twinkle 2.4s ease-in-out infinite}.entry-board .spark svg{width:100%;height:100%;filter:drop-shadow(0 0 .25em #fff6b0)}@keyframes twinkle{0%,to{transform:scale(.2) rotate(0);opacity:0}45%{transform:scale(1) rotate(35deg);opacity:1}70%{transform:scale(.6) rotate(60deg);opacity:.6}}.entry-board .girl{transform-origin:50% 100%;transition:transform .45s ease}.entry-board .girl[data-lean=r]{transform:rotate(1.4deg)}.entry-board .girl[data-lean=l]{transform:rotate(-1.4deg)}.entry-board .gb{width:100%;height:100%;transform-origin:50% 100%;animation:breathe 3.4s ease-in-out infinite}.entry-board .girl.lala .gb{animation-delay:-1.7s;animation-duration:3.8s}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.006,1.016)}}.entry-board .gbtn{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.entry-board .gbtn img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transform-origin:50% 100%}.entry-board .gbtn img.on{opacity:1}.entry-board .girl.hop .gbtn img.on{animation:hop .6s cubic-bezier(.3,1.4,.5,1)}@keyframes hop{0%{transform:none}35%{transform:translateY(-4%) scale(.98,1.03)}to{transform:none}}.entry-board .chat{position:absolute;z-index:5;padding:.45em .9em;border-radius:1.6em;background:#fff;color:var(--ink);font-weight:800;font-size:3.2em;white-space:nowrap;box-shadow:0 .15em 0 var(--line),0 .5em 1em #6e465a33;opacity:0;transform:translateY(.4em) scale(.85);transition:opacity .2s,transform .25s cubic-bezier(.3,1.5,.5,1);pointer-events:none}.entry-board .chat:after{content:"";position:absolute;left:50%;bottom:-.32em;width:.5em;height:.5em;background:#fff;transform:translate(-50%) rotate(45deg)}.entry-board .chat.on{opacity:1;transform:none}.entry-board .chat-popo{left:9%;top:46%}.entry-board .chat-lala{left:32%;top:43%}.entry-board .bf{position:absolute;width:4.2%;aspect-ratio:1;z-index:4;pointer-events:none;will-change:transform,left,top}.entry-board .bf img{position:absolute;left:50%;top:50%;width:100%;height:auto;transform:translate(-50%,-50%)}.entry-board .bf .o{animation:bf-flap .16s ease-in-out infinite alternate;transform-origin:50% 50%}.entry-board .bf .h{opacity:0;width:66%}.entry-board .bf.rest .o{opacity:0;animation:none}.entry-board .bf.rest .h{opacity:1;animation:bf-rest 1.6s ease-in-out infinite}@keyframes bf-flap{0%{transform:translate(-50%,-50%) scaleX(1)}to{transform:translate(-50%,-50%) scaleX(.3)}}@keyframes bf-rest{0%,to{transform:translate(-50%,-50%) scaleX(1)}50%{transform:translate(-50%,-50%) scaleX(.82)}}.entry-board .entry-title{position:absolute;left:4.3%;top:1.4%;z-index:4;font-size:9.4em;line-height:1.08;font-weight:800;letter-spacing:.01em;color:#fff;pointer-events:none;transform:none;padding:0;background:none;box-shadow:none;outline:0;border-radius:0;text-shadow:.03em .03em 0 var(--berry-deep),-.03em .03em 0 var(--berry-deep),.03em -.03em 0 var(--berry-deep),-.03em -.03em 0 var(--berry-deep),0 .09em 0 var(--berry-deep),0 .14em .2em rgba(110,70,90,.25)}.entry-fs{position:absolute;right:18px;top:16px;width:58px;min-height:58px;height:58px;opacity:.92;z-index:6}@media (prefers-reduced-motion: reduce){.entry-board .cloud,.entry-board .star img,.entry-board .flag img,.entry-board .sway,.entry-board .gb,.entry-board .bf .o,.entry-board .house{animation:none}.entry-board .flag img:first-child{opacity:1}}.stage.entry:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:var(--plate) center / cover;filter:blur(22px) saturate(1.05);transform:scale(1.04)}.stage.entry>*{position:relative}.stage.entry>.entry-mute,.stage.entry>.entry-fs,.stage.entry>.entry-bame{position:absolute}.stage.zoo{background:#8fd0ee}.zoo-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain;cursor:grab}.zoo-scroll::-webkit-scrollbar{display:none}.zoo-pan{position:relative;height:100vh;height:100dvh;aspect-ratio:3136 / 1008;min-width:100vw;flex:none;font-size:calc(100dvh / 60)}.zoo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.zoo-top{position:fixed;left:0;right:0;top:0;z-index:5;pointer-events:none}.zoo-top>*{pointer-events:auto}.zone{position:absolute;padding:0;border:0;background:none;cursor:pointer;border-radius:42%;-webkit-tap-highlight-color:transparent;transition:transform .22s cubic-bezier(.3,1.5,.5,1)}.zone .zv{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:42%;pointer-events:none;transition:opacity .3s}.zone.locked .zv{backdrop-filter:grayscale(.9) brightness(.72) blur(1.5px);-webkit-backdrop-filter:grayscale(.9) brightness(.72) blur(1.5px);background:radial-gradient(ellipse at 50% 45%,#3c46646b,#3c466447 70%,#3c466400);-webkit-mask-image:radial-gradient(ellipse at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse at 50% 50%,#000 62%,transparent 100%)}.zone.open .zv{box-shadow:0 0 0 .25em #fff0,0 0 2.4em .6em #ffd65a00}.zone.open.here .zv{animation:zone-pulse 2.2s ease-in-out infinite}@keyframes zone-pulse{0%,to{box-shadow:0 0 1.2em .2em #ffe27880}50%{box-shadow:0 0 3em 1em #ffd646d9}}.zone.open:hover,.zone.open:focus-visible{transform:scale(1.04);outline:none}.zone.open:hover .zv,.zone.open:focus-visible .zv{box-shadow:0 0 3em 1em #ffd646cc}.zone .zl{position:absolute;left:50%;bottom:4%;transform:translate(-50%);display:flex;align-items:center;gap:.5em;padding:.4em .9em .4em .4em;border-radius:999px;background:#fff;box-shadow:0 .18em 0 var(--line),0 .5em 1em #3c283c40;font-weight:800;color:var(--ink);font-size:2.6em;white-space:nowrap;pointer-events:none}.zone.locked .zl{padding:.5em;background:#ffffffe0}.zone .zpic{width:2.1em;height:2.1em;border-radius:50%;overflow:hidden;background:var(--sun-soft, #fff3c4);display:grid;place-items:center}.zone .zpic img{width:88%;height:88%;object-fit:contain}.zone .zlock{display:grid;place-items:center}.zone .zlock .ico{width:1.1em;height:1.1em}.zone .zstar{color:var(--sun-deep, #e8a400);font-size:1.1em}.zone.shake{animation:shake .4s}.zoo-hint{position:fixed;right:18px;top:50%;z-index:5;font-size:54px;line-height:1;font-weight:800;color:#fff;text-shadow:0 3px 0 rgba(120,70,100,.55);letter-spacing:-.12em;pointer-events:none;animation:hint-nudge 1.3s ease-in-out infinite;transition:opacity .3s}.zoo-hint.gone{opacity:0}@keyframes hint-nudge{0%,to{transform:translate(0)}50%{transform:translate(10px)}}