:root{--cream:#fffdf7;--sand:#fdf2e0;--sand-2:#f8e7cf;--line:#f3e3c9;--ink:#4f3a2a;--ink-soft:#9c8471;--terra:#f0906a;--terra-d:#d1704a;--butter:#f8c84e;--butter-d:#dfa722;--sage:#8cbf73;--sage-d:#6da357;--sky:#79c2e0;--sky-d:#4f9fc2;--rose:#f0a0a8;--rose-d:#d17b84;--plum:#a893d4;--plum-d:#8674b8;--r:30px;--shadow:0 10px 0 rgba(120,90,60,.07),0 18px 34px rgba(120,90,60,.12);--nav-h:74px;--guide-h:0px;--paper:#f8f0dc;--paper-2:#fffdf4;--rule:#e0cda6;--rule-2:#cbb488;--bookred:#c0392b;--bookink:#42301f;--font:"Quicksand",system-ui,"Segoe UI",sans-serif;--bubble:"Grandstander","Quicksand",system-ui,sans-serif;--tamil:"Baloo Thambi 2","Noto Sans Tamil",sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#root,body,html{height:100%}body{margin:0;font-family:var(--font);font-weight:700;color:var(--ink);overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;background:var(--sand)}button{font-family:inherit;font-weight:800}.scene{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;--px:0;--py:0;background:linear-gradient(#6ad0ff,#8fd8fb 46%,#d7f0ff);transition:filter .45s ease,transform .45s ease,opacity .45s ease}.sky-layer,.sky-ship,.sky-sun{position:absolute;pointer-events:none;will-change:transform;transform:translate3d(calc(var(--px) * var(--depth) * -1px),calc(var(--py) * var(--depth) * -.5px),0)}.sky-layer{background-repeat:no-repeat;background-position:50%;background-size:cover}.sky-back{inset:-7%}.sky-far{inset:0;background-size:42% auto;background-position:9% 20%;opacity:.5}.sky-mid{inset:0;background-size:48% auto;background-position:78% 27%;opacity:.72}.sky-near{inset:0;background-size:64% auto;background-position:18% 66%;opacity:.9}.sky-fog{left:-12%;right:auto;width:224%;bottom:-10%;height:56%;background-repeat:repeat-x;background-size:50% auto;background-position:0 100%;opacity:.8}.sky-sun{right:2%;top:6%;width:clamp(130px,17vw,260px);height:auto;aspect-ratio:1}.sky-haze{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(214,240,255,0),rgba(214,240,255,.22) 46%,rgba(226,245,255,.42) 78%,rgba(232,247,255,.5))}.sky-ship{left:26%;top:4%;right:auto;width:clamp(104px,15vw,210px);height:auto;filter:drop-shadow(0 16px 22px rgba(20,60,90,.22))}@keyframes skydrift{0%{background-position-x:var(--from)}to{background-position-x:var(--to)}}.sky-far{--from:6%;--to:14%;animation:skydrift 96s ease-in-out infinite alternate}.sky-mid{--from:80%;--to:70%;animation:skydrift 74s ease-in-out infinite alternate}.sky-near{--from:14%;--to:24%;animation:skydrift 58s ease-in-out infinite alternate}@keyframes fogroll{0%{translate:0 0}to{translate:-50% 0}}.sky-fog{animation:fogroll 110s linear infinite}.sky-fog-front{position:fixed;left:-12%;bottom:-14%;width:224%;height:44%;z-index:60;pointer-events:none;background-repeat:repeat-x;background-size:50% auto;background-position:0 100%;opacity:.42;animation:fogrollback 140s linear infinite}.app.ingame .sky-fog-front,.app.intask .sky-fog-front{opacity:.12}.sky-fog-front{transition:opacity .5s ease}@keyframes fogrollback{0%{translate:-50% 0}to{translate:0 0}}body.calm .sky-fog-front{animation:none}@media (prefers-reduced-motion:reduce){.sky-fog-front{animation:none}}.sky-ship img{display:block;width:100%;height:auto;animation:shipcross 132s ease-in-out infinite,shipnose 17s ease-in-out infinite}@keyframes shipcross{0%{translate:-14vw 0;scale:1 1}24%{translate:4vw -2.2vh;scale:1 1}46%{translate:42vw .6vh;scale:1 1}50%{translate:44vw 0;scale:-1 1}74%{translate:12vw -1.8vh;scale:-1 1}96%{translate:-14vw .6vh;scale:-1 1}to{translate:-14vw 0;scale:1 1}}@keyframes shipnose{0%,to{rotate:-1.4deg}50%{rotate:1.6deg}}.scene:empty{background:url(/_next/static/kids/sun.166c61ba.webp) right 2% top 6%/clamp(120px,16vw,240px) no-repeat,url(/_next/static/kids/fog.29cd0476.webp) bottom/118% auto no-repeat,url(/_next/static/kids/cloud-a.2822cf5d.webp) 18% 64%/62% auto no-repeat,url(/_next/static/kids/cloud-b.d52bd2f0.webp) 9% 20%/42% auto no-repeat,url(/_next/static/kids/sky.d6dbde80.webp) 50%/cover no-repeat,linear-gradient(#6ad0ff,#8fd8fb 46%,#d7f0ff)}@keyframes sunbreathe{0%{scale:1}50%{scale:1.035}to{scale:1}}.sky-sun .sunrays{transform-origin:50% 50%;animation:sunbreathe 9s ease-in-out infinite}.app.ingame .scene{filter:blur(2px) saturate(.94);transform:scale(1.04);opacity:.92}.app.ingame .sky-layer,.app.ingame .sky-ship,.app.ingame .sky-sun{transition:translate .55s cubic-bezier(.32,.72,.3,1)}.app.ingame .sky-far,.app.ingame .sky-mid,.app.ingame .sky-near{translate:calc(var(--depth) * -.55px) 0}.app.intask .scene{filter:blur(4px) saturate(.86) brightness(1.04);transform:scale(1.07);opacity:.82}.app.intask .friend,.app.intask .kite{opacity:.45}body.calm .scene{transition:none}.app.box-playschool .scene{background:#f7d3a4 url(/_next/static/kids/playfloor.764784e5.webp) 50%/cover no-repeat}.app.box-playschool .sky-layer,.app.box-playschool .sky-ship,.app.box-playschool .sky-sun{display:none}@media (max-width:820px) and (orientation:portrait){.sky-far{background-size:66% auto}.sky-mid{background-size:74% auto;background-position:88% 24%}.sky-near{background-size:96% auto}.sky-ship{left:8%;right:auto;top:6%;width:38vw}.sky-sun{right:4%;top:11%;width:24vw}.app.box-playschool .scene{background-image:url(/_next/static/kids/playfloor.764784e5.webp);background-position:50%}.stage{padding:clamp(10px,2.2vh,20px) clamp(14px,4vw,24px) 4px}.home{padding:0}.tiles{align-content:end;padding-bottom:clamp(6px,2vh,18px)}.hometitle{margin-top:clamp(4px,1.5vh,14px)}}.kite{position:absolute;top:6%;right:auto;left:8%;width:clamp(52px,7vw,104px);height:auto;opacity:.9;transform-origin:50% 0;animation:kiteSway 9s ease-in-out infinite}@keyframes kiteSway{0%,to{transform:rotate(-7deg) translate(0)}35%{transform:rotate(5deg) translate(2vw,1.6vh)}70%{transform:rotate(-3deg) translate(-1.4vw,.6vh)}}@media (max-width:620px){.kite{left:4%;right:auto;top:3%;width:clamp(44px,12vw,64px)}}.friend{position:absolute;bottom:2px;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:clamp(84px,13vw,210px);opacity:.95;filter:drop-shadow(0 10px 12px rgba(120,90,60,.18));animation:friendBob 5.4s ease-in-out infinite}@keyframes friendBob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(1deg)}}.f-left{left:-8px}.f-right{right:-8px;scale:-1 1;animation-name:friendBobFlip;animation-duration:6.6s;animation-delay:-1.4s}@keyframes friendBobFlip{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-9px) rotate(-1deg)}}@media (max-width:520px){.friend{width:clamp(74px,21vw,110px);opacity:.85}}body.calm .friend,body.calm .kite{animation:none}.app{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;min-height:0}.btn{border:0;cursor:pointer;color:#fff;background:var(--terra);border-radius:999px;padding:13px 24px;font-size:clamp(14px,1.8vw,17px);line-height:1;box-shadow:0 6px 0 var(--terra-d);transition:transform .12s,box-shadow .12s;display:inline-flex;align-items:center;gap:8px}.btn:active{transform:translateY(5px);box-shadow:0 1px 0 var(--terra-d)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:var(--cream);color:var(--ink);box-shadow:0 6px 0 var(--line)}.btn.ghost:active{box-shadow:0 1px 0 var(--line)}.btn.go{background:var(--sage);box-shadow:0 6px 0 var(--sage-d)}.btn.go:active{box-shadow:0 1px 0 var(--sage-d)}.card,.colourcard,.quizcard,.tracecard,.tubecard{background:#ffffff;border:3px solid #ead9bb;border-radius:var(--r);position:relative;box-shadow:0 9px 0 #e2d0af,0 20px 34px rgba(120,90,60,.26)}.bookpage{flex:1 1 auto;min-height:0;position:relative;display:flex;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.7) 0 22%,transparent 23%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.55) 0 18%,transparent 19%),var(--paper);box-shadow:0 3px 0 var(--rule-2),0 14px 28px rgba(120,90,60,.22),inset 0 0 0 3px var(--paper-2),inset 0 0 0 6px var(--rule)}.spine{position:absolute;left:0;top:0;bottom:0;width:clamp(20px,3vw,34px);z-index:3;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background:linear-gradient(90deg,rgba(190,160,110,.22),transparent)}.spine i{width:clamp(7px,1vw,11px);aspect-ratio:1;border-radius:50%;background:#efe3c6;box-shadow:inset 0 2px 3px rgba(120,90,60,.45)}.pageinner{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);padding:clamp(10px,1.8vw,20px) clamp(12px,2vw,22px) clamp(10px,1.6vw,18px) clamp(28px,4vw,46px)}.pagehead{flex:0 0 auto;text-align:center}.pagehead h2{margin:0;font-family:var(--tamil);font-weight:700;color:var(--bookred);font-size:clamp(20px,3.6vw,36px);line-height:1.2;text-shadow:0 2px 0 rgba(255,255,255,.9)}.pagehead p{margin:2px 0 0;font-size:clamp(11px,1.5vw,14px);color:#8a7355;letter-spacing:.4px}.pagehead:after{content:"";display:block;width:min(240px,60%);height:5px;margin:7px auto 0;border-radius:999px;background:linear-gradient(90deg,transparent,var(--rule-2),transparent)}.pagefoot{flex:0 0 auto;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.chart{flex:1 1 auto;min-height:0;display:grid;grid-gap:clamp(6px,1.1vw,12px);gap:clamp(6px,1.1vw,12px);grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;overflow:auto}@media (max-width:760px){.chart{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:400px){.chart{grid-template-columns:repeat(2,minmax(0,1fr))}}.chartsheet{width:min(880px,96vw);height:min(88vh,760px);display:flex}.cell{position:relative;border:0;cursor:pointer;background:#fffdf4;background:color-mix(in srgb,var(--c) 12%,#fffdf4);border-radius:18px;padding:clamp(7px,1.2vw,12px) 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:0;box-shadow:inset 0 0 0 2.5px var(--rule),0 4px 0 rgba(190,160,110,.3);box-shadow:inset 0 0 0 2.5px color-mix(in srgb,var(--c) 45%,#fffdf4),0 4px 0 color-mix(in srgb,var(--c) 30%,#e6dcc8);transition:transform .15s cubic-bezier(.2,1.5,.4,1)}.cell:active{transform:translateY(3px)}@media(hover:hover){.cell:hover:not(.locked){transform:translateY(-4px) rotate(-1.5deg)}}.cell .medal{display:grid;place-items:center;width:clamp(38px,6.4vw,62px);aspect-ratio:1;border-radius:50%;background:#fffdf4;color:var(--d);font-family:var(--tamil);font-weight:700;font-size:clamp(22px,4vw,38px);line-height:1;box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--c) 55%,#fffdf4),0 3px 0 rgba(190,160,110,.28)}.cell .cp{font-size:clamp(20px,4vw,38px);line-height:1}.cell .cw{font-family:var(--tamil);font-weight:600;color:var(--bookink);font-size:clamp(10px,1.6vw,16px);line-height:1.15;text-align:center}.cell.locked{background:#f1ebdc;opacity:.6;cursor:default}.cell.locked .medal{color:#a2947c;box-shadow:inset 0 0 0 3px #ddd2bb}.cell .cdone{position:absolute;right:5px;top:5px;width:17px;height:17px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:10px}.cell .clock{position:absolute;right:5px;top:5px;font-size:12px;opacity:.6}.cell .cstars{display:flex;gap:1px;font-size:9px;line-height:1}.cell .cstars i{font-style:normal;color:#d8c8a6}.cell .cstars i.on{color:var(--butter-d)}.scenecard{overflow:hidden;background:linear-gradient(#e2f4fd,#f0fafd 40%,#fbfdf3 62%,#f4fbe8)}.scenecard:after{left:-12%;right:-12%;bottom:-16%;height:44%;border-radius:50% 50% 0 0;background:linear-gradient(#c4e3a0,#a9d383)}.scenecard:after,.scenecard:before{content:"";position:absolute;pointer-events:none}.scenecard:before{left:8%;top:8%;width:74px;height:22px;border-radius:999px;background:#fff;opacity:.85;box-shadow:34px 12px 0 -4px #fff,66px -4px 0 -8px #fff}.scenecard>*{position:relative;z-index:2}.saybtn{border:0;cursor:pointer;display:inline-flex;align-items:center;gap:10px;background:var(--plum);color:#fff;border-radius:999px;padding:12px 26px;font-family:var(--bubble);font-weight:700;font-size:clamp(17px,2.6vw,26px);box-shadow:0 7px 0 var(--plum-d)}.saybtn:active{transform:translateY(5px);box-shadow:0 2px 0 var(--plum-d)}.saybtn i{font-style:normal;display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:rgba(255,255,255,.28);font-size:.7em}.card.grid:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:linear-gradient(rgba(190,150,105,.09) 1px,transparent 0),linear-gradient(90deg,rgba(190,150,105,.09) 1px,transparent 0);background-size:26px 26px;background-position:50%;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000 55%,transparent 92%);mask-image:radial-gradient(circle at 50% 45%,#000 55%,transparent 92%)}.card.grid>*{position:relative;z-index:1}.spacer{flex:1 1}.iconbtn{border:0;cursor:pointer;width:clamp(42px,5.2vw,52px);height:clamp(42px,5.2vw,52px);border-radius:50%;background:var(--cream);color:var(--ink);font-size:20px;display:grid;place-items:center;box-shadow:0 5px 0 var(--line);flex:0 0 auto}.iconbtn:active{transform:translateY(4px);box-shadow:none}.topbar{flex:0 0 auto;position:relative;z-index:60;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:clamp(12px,2vw,20px) clamp(16px,3vw,32px) 4px}.topbar .back{order:-1;flex:0 0 auto;background:var(--butter);color:#6b4f16;box-shadow:0 6px 0 var(--butter-d);padding:11px 18px}.topbar .back:active{box-shadow:0 1px 0 var(--butter-d)}.topbar .iconbtn{z-index:1}@media (max-width:560px){.topbar .gtitle{font-size:15px;padding:8px 13px;max-width:38vw}.topbar .lvlpill,.topbar .who .lv{display:none}}.who{display:flex;align-items:center;gap:10px;background:var(--cream);border:0;cursor:pointer;border-radius:999px;padding:6px 18px 6px 6px;box-shadow:0 5px 0 var(--line);min-width:0}.who .face{width:clamp(38px,4.6vw,46px);height:clamp(38px,4.6vw,46px);border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 50% 30%,#fff,#d9edf6);overflow:hidden;box-shadow:inset 0 0 0 3px #fff}.who .face img{width:100%;height:100%;object-fit:contain;transform:scale(1.2) translateY(4%)}.who .nm{font-family:var(--bubble);font-weight:700;font-size:clamp(15px,2vw,20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who .lv{background:var(--sage);color:#fff;padding:3px 10px;font-size:clamp(10px,1.2vw,12px)}.lvlpill,.who .lv{border-radius:999px;flex:0 0 auto}.lvlpill{display:flex;align-items:center;gap:6px;background:var(--butter);color:#6b4f16;padding:9px 15px;font-size:clamp(12px,1.5vw,15px);box-shadow:0 5px 0 var(--butter-d)}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:clamp(8px,1.6vw,16px) clamp(16px,3vw,32px) 4px}.bottomnav{flex:0 0 auto;position:relative;z-index:60;align-self:center;display:flex;gap:clamp(8px,2vw,20px);background:var(--cream);border-radius:999px;padding:8px clamp(14px,2.4vw,22px);margin:6px auto clamp(10px,1.8vw,16px);box-shadow:0 7px 0 var(--line),0 16px 26px rgba(120,90,60,.14)}.nav{border:0;background:none;cursor:pointer;padding:8px 12px 6px;color:#b09a84;border-radius:20px;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}.nav svg{width:clamp(24px,3vw,28px);height:auto;display:block;stroke:currentColor;stroke-width:2.4;fill:none}.nav i{font-style:normal;font-size:clamp(10px,1.2vw,12px);font-weight:800;letter-spacing:.2px}.nav.on{color:#fff;background:var(--sage);box-shadow:0 4px 0 var(--sage-d)}.nav:active{transform:scale(.92)}.home{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.4vh,14px)}.hometitle{flex:0 0 auto;text-align:center;font-family:var(--bubble);font-weight:800;font-size:clamp(20px,3.4vw,34px);line-height:1.15;margin:2px 0 0}.hometitle span{color:var(--terra-d)}.tiles{flex:1 1 auto;min-height:0;display:grid;grid-gap:clamp(12px,2.2vw,26px);gap:clamp(12px,2.2vw,26px);grid-template-columns:repeat(3,minmax(0,270px));grid-auto-rows:minmax(0,1fr);justify-content:center;align-content:center;perspective:1500px}@media (max-width:760px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.tiles{grid-template-columns:1fr;gap:10px}}.tile{position:relative;cursor:pointer;aspect-ratio:1;height:100%;width:auto;max-width:100%;max-height:270px;justify-self:center;align-self:center;border:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.45,.05,.25,1);filter:drop-shadow(0 10px 14px rgba(24,74,110,.2)) drop-shadow(0 26px 34px rgba(24,74,110,.14));animation:tilein .5s cubic-bezier(.2,.8,.3,1) backwards,tilefloat 7s ease-in-out infinite;animation-delay:calc(var(--i,0) * 70ms),calc(var(--i,0) * -1.35s)}@keyframes tilein{0%{opacity:0;scale:.9}to{opacity:1;scale:1}}@keyframes tilefloat{0%,to{translate:0 0}50%{translate:0 -9px}}@media(hover:hover){.tile:not(.opening):hover{transform:translateY(-8px) rotateX(7deg) rotateY(-9deg)}.tile:not(.opening):hover .tileart{transform:rotate(3deg) scale(1.06)}}.tile:not(.opening):active{transform:translateY(3px) scale(.98);transition-duration:.12s}.tile.opening{transform:rotateY(180deg)}.tilecover,.tilepage{position:absolute;inset:0;border-radius:30px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 10px 0 var(--d),0 20px 32px rgba(80,70,60,.26)}.tilecover{overflow:hidden;transform:translateZ(1px);background:linear-gradient(150deg,color-mix(in srgb,var(--c) 82%,#fff),var(--c) 52%,var(--d));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1.2vh,10px);padding:clamp(10px,1.6vw,18px)}.tilespine{position:absolute;left:0;top:0;bottom:0;width:clamp(10px,2.4%,18px);background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(0,0,0,.06));box-shadow:inset -2px 0 0 rgba(255,255,255,.2)}.tilecover:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(circle,rgba(255,255,255,.35) 1.4px,transparent 1.5px);background-size:19px 19px}.tilepage{background:#fffdf4;border:4px solid var(--d);transform:rotateY(180deg) translateZ(1px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(7px,1.6vh,14px);padding:14% 16%}.pagerule{display:block;width:100%;height:5px;border-radius:99px;background:#eadfc6}.pagerule:nth-child(2){width:76%}.pagego{margin-top:6px;font-family:var(--bubble);font-weight:800;color:#fff;background:var(--d);border-radius:999px;padding:8px 20px;font-size:clamp(12px,1.5vw,16px)}.tilecover{container-type:inline-size}.tileart{width:52cqw;max-width:116px;aspect-ratio:1;border-radius:26px;background:#fffdf4;display:grid;place-items:center;font-size:28cqw;line-height:1;box-shadow:0 6px 0 rgba(0,0,0,.18);flex:0 0 auto;transform:rotate(-3deg);transition:transform .25s cubic-bezier(.2,1.5,.4,1);font-family:var(--tamil),var(--bubble);font-weight:700;color:var(--d)}.tilename{font-family:var(--bubble);font-weight:800;font-size:min(12.5cqw,25px);letter-spacing:.3px;line-height:1.12;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.22);max-width:94%}.tilename,.tilesub{text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tilesub{font-size:min(6.6cqw,13px);font-weight:700;color:rgba(255,255,255,.9);max-width:92%}.tiletick{position:absolute;right:12px;top:12px;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--d);display:grid;place-items:center;font-size:16px;transform:translateZ(2px);backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 4px 0 rgba(0,0,0,.1)}@media (max-width:420px){.tile{aspect-ratio:2.6/1}.tilecover{flex-direction:row;justify-content:flex-start;gap:14px;padding:10px 16px 10px 26px}.tilepage{flex-direction:row;justify-content:space-between;padding:10px 18px}.tilename{text-align:left;flex:1 1 auto}.pagerule,.tilesub{display:none}.tileart{width:60px;border-radius:20px;font-size:30px}}body.calm .tile,body.calm .tile.opening,body.calm .tile:not(.opening):active,body.calm .tile:not(.opening):hover{transform:none;transition:none}body.calm .tilecover,body.calm .tilepage{transform:none;backface-visibility:visible;-webkit-backface-visibility:visible}body.calm .tilecover{transition:opacity .3s ease}body.calm .tile.opening .tilecover{opacity:0}body.calm .tile:hover .tileart{transform:rotate(-3deg)}.gamehead{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:clamp(8px,1.6vw,16px) clamp(12px,2.4vw,24px) 2px}.gamehead .back{flex:0 0 auto;order:-1;background:var(--butter);color:#6b4f16;box-shadow:0 6px 0 var(--butter-d);padding:11px 18px}.gamehead .back:active{box-shadow:0 1px 0 var(--butter-d)}@media (max-width:560px){.gamehead .gtitle{font-size:15px;padding:8px 14px}.gamehead .starpill{display:none}}.gtitle{font-family:var(--bubble);font-weight:700;font-size:clamp(16px,2.4vw,24px);color:#fff;background:var(--gc,var(--terra));padding:9px 22px;box-shadow:0 5px 0 var(--gd,var(--terra-d));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gtitle,.starpill{border-radius:999px}.starpill{display:flex;align-items:center;gap:6px;background:var(--cream);padding:9px 16px;box-shadow:0 5px 0 var(--line);font-size:clamp(13px,1.6vw,16px)}.rail{flex:0 0 auto;height:14px;background:#f0e0c8;overflow:hidden;margin:6px clamp(12px,2.4vw,24px) 0;box-shadow:inset 0 2px 4px rgba(150,115,80,.14)}.rail,.rail i{border-radius:999px}.rail i{display:block;height:100%;background:var(--sage);transition:width .4s cubic-bezier(.3,1.3,.4,1)}.boxwrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1.2vh,12px);position:relative}.modes{flex:0 0 auto;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mode{border:0;background:var(--cream);cursor:pointer;color:var(--ink-soft);font-size:clamp(12px,1.6vw,15px);padding:10px 18px;border-radius:999px;box-shadow:0 5px 0 var(--line);transition:all .18s}.mode.on{background:var(--terra);color:#fff;box-shadow:0 5px 0 var(--terra-d)}.mode:active{transform:translateY(4px);box-shadow:none}.boxfoot{flex:0 0 auto;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap}.stepchip{background:var(--cream);border-radius:999px;padding:8px 16px;font-size:clamp(11px,1.5vw,14px);box-shadow:0 4px 0 var(--line)}.stepchip,.tasktip{color:var(--ink-soft)}.tasktip{margin:0 0 10px;text-align:center;font-size:clamp(12px,1.6vw,16px)}.tasktip b{color:var(--terra-d);font-size:1.35em;font-family:"Noto Sans Tamil",var(--bubble)}.notice{flex:0 0 auto;font-size:clamp(11px,1.4vw,13px);color:#8a6a2f;background:#fff3d6;border-radius:16px;padding:9px 15px;text-align:center;box-shadow:0 4px 0 #f0dfb4}.mapfield{flex:1 1 auto;min-height:0;place-items:center;background:none;overflow:visible;box-shadow:none}.mapfield,.mapfield-stage{position:relative;display:grid}.mapfield-stage{width:min(1040px,96vw);max-height:100%;place-items:center}.mapfield-paper{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 26px rgba(40,80,120,.28))}.mapfield-inner{position:absolute;left:10.5%;right:10.5%;top:11%;bottom:10%}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;z-index:3}.nodebtn{border:0;cursor:pointer;width:clamp(64px,11vh,104px);aspect-ratio:1;border-radius:28px;background:var(--c);display:grid;place-items:center;font-size:clamp(28px,5.4vh,50px);line-height:1;box-shadow:0 0 0 6px #fff,0 8px 0 var(--d),0 16px 22px rgba(90,80,50,.24);transition:transform .18s cubic-bezier(.2,1.5,.4,1)}.nodebtn:active{transform:translateY(6px);box-shadow:0 0 0 6px #fff,0 2px 0 var(--d)}@media(hover:hover){.nodebtn:hover:not(.locked){transform:translateY(-5px) rotate(-3deg)}}.nodebtn.locked{background:#b3c9a0;cursor:default;box-shadow:0 0 0 6px #fff,0 8px 0 #93ac81}.nodeicon{font-family:"Noto Sans Tamil",var(--bubble);color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.16)}.nodestars{display:flex;gap:1px;font-size:clamp(12px,1.7vw,17px);line-height:1}.nodestars i{font-style:normal;color:#fff;opacity:.55;text-shadow:0 1px 0 rgba(0,0,0,.15)}.nodestars i.on{color:var(--butter);opacity:1}.nodelabel{background:#fdfaf0;padding:3px 12px;font-size:clamp(10px,1.4vw,14px);box-shadow:0 3px 0 rgba(90,80,50,.14)}.mapbanner,.nodelabel{border-radius:999px;color:var(--ink);white-space:nowrap}.mapbanner{position:absolute;left:50%;top:10px;transform:translateX(-50%);z-index:4;font-family:var(--bubble);background:#fffdf7;padding:7px 20px;font-size:clamp(11px,1.5vw,15px);box-shadow:0 5px 0 rgba(90,80,50,.16)}.trail{inset:0;width:100%;height:100%;display:block;z-index:0}.track,.trail{position:absolute}.track{width:clamp(13px,1.7vw,20px);height:clamp(17px,2.2vw,26px);transform:translate(-50%,-50%) rotate(var(--a));border-radius:50% 50% 46% 46%;background:#fffdf7;opacity:.42;z-index:1;box-shadow:0 3px 0 rgba(90,80,50,.12)}.track:after{content:"";position:absolute;left:50%;top:-28%;transform:translateX(-50%);width:62%;height:34%;border-radius:50%;background:inherit}.track.walked{opacity:.95;background:#fff6d9;box-shadow:0 3px 0 rgba(190,150,60,.28)}.node.small .nodebtn{width:clamp(38px,6.2vh,62px);border-radius:18px;font-size:clamp(17px,3.2vh,30px);box-shadow:0 0 0 4px #fff,0 5px 0 var(--d),0 10px 14px rgba(90,80,50,.2)}.node.small .nodestars{font-size:clamp(7px,1vw,11px)}.node.small .nodelabel{font-size:clamp(9px,1.1vw,12px);padding:2px 9px}@media (max-width:640px){.node.small .nodebtn{width:clamp(34px,8.6vw,46px);border-radius:14px;font-size:clamp(15px,4.4vw,22px);box-shadow:0 0 0 3px #fff,0 4px 0 var(--d)}.node.small .nodestars{font-size:7px;gap:0}.node .nodebadge{font-size:8px;padding:1px 6px;top:-8px}.track{width:clamp(9px,2.6vw,14px);height:clamp(12px,3.4vw,18px)}}.nodebtn.full{box-shadow:0 0 0 5px var(--butter),0 8px 0 var(--d),0 16px 22px rgba(90,80,50,.24)}.steps{flex:0 0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fff;opacity:1;isolation:isolate;position:relative;z-index:8;border:3px solid var(--terra-d);border-radius:999px;padding:clamp(6px,1vh,9px) clamp(10px,1.6vw,16px);box-shadow:0 6px 0 var(--terra-d),0 14px 24px rgba(120,90,60,.34)}.steps .stepname{font-family:var(--bubble);font-weight:800;color:var(--ink)}.stepdot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#f1e3cc;color:var(--ink-soft);font-size:12px;font-weight:700}@media (max-width:520px){.steps{gap:6px;padding:6px 10px}.steps .stepname{order:5;flex:1 0 100%;font-size:12px;text-align:center}.stepdot{width:22px;height:22px;font-size:11px}}.stepdot.now{background:var(--terra);color:#fff;box-shadow:0 3px 0 var(--terra-d)}.stepdot.done{background:var(--sage);color:#fff}.stepname{font-size:clamp(12px,1.6vw,15px);color:var(--ink);flex:1 1 auto}.stepback{border:0;cursor:pointer;background:var(--butter);color:#6b4f16;border-radius:999px;padding:7px 14px;font-size:clamp(11px,1.4vw,14px);box-shadow:0 4px 0 var(--butter-d);flex:0 0 auto}.stepback:active{transform:translateY(3px);box-shadow:none}.steps .stepchip{box-shadow:none;background:var(--sand);padding:5px 12px}.nextpop{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(60,50,35,.34);border-radius:var(--r);animation:popFade .22s ease}@keyframes popFade{0%{opacity:0}to{opacity:1}}body.calm .nextpop{animation:none}.nextcard{background:#fff;border:4px solid var(--sage);border-radius:30px;padding:clamp(18px,3vw,32px) clamp(22px,4vw,44px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1.4vh,14px);box-shadow:0 10px 0 var(--sage-d),0 22px 40px rgba(80,70,60,.34);animation:popIn .32s cubic-bezier(.2,1.4,.4,1)}body.calm .nextcard{animation:none}.nextburst{font-size:clamp(38px,7vh,64px);line-height:1}.nextcard b{font-family:var(--bubble);font-size:clamp(19px,3vw,30px);color:var(--sage-d)}.nextcard p{margin:0;color:var(--ink-soft);font-size:clamp(13px,1.8vw,17px)}.nextrow{gap:10px;flex-wrap:wrap;margin-top:4px}.learnrow,.nextrow{display:flex;justify-content:center}.learnrow{flex:0 0 auto;align-items:center;gap:clamp(10px,2.4vw,26px);flex-wrap:wrap}.bigvowel{border:0;cursor:pointer;background:var(--bookred);color:#fff;border-radius:22px;font-family:var(--tamil);font-weight:700;line-height:1.05;padding:6px 30px 12px;display:flex;flex-direction:column;align-items:center;font-size:clamp(44px,9vw,82px);box-shadow:0 7px 0 #99271e}.bigvowel:active{transform:translateY(5px);box-shadow:0 2px 0 #99271e}.bigvowel i{font-family:var(--font);font-style:normal;font-size:clamp(12px,1.6vw,16px);opacity:.9;letter-spacing:1px}.wordcard{position:relative}.wordcard.heard{box-shadow:inset 0 0 0 3px var(--sage),0 3px 0 rgba(140,191,115,.4)}.wtick{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:12px;box-shadow:0 3px 0 var(--sage-d);animation:pop .4s cubic-bezier(.3,1.7,.5,1)}.vowelgrid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:clamp(7px,1.3vw,14px);gap:clamp(7px,1.3vw,14px);padding:clamp(10px,1.8vw,20px);overflow:auto}@media (max-width:760px){.vowelgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:420px){.vowelgrid{grid-template-columns:repeat(3,1fr)}}.vowel{border:0;cursor:pointer;background:var(--c);border-radius:22px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;box-shadow:0 6px 0 var(--d);transition:transform .16s cubic-bezier(.3,1.5,.5,1)}.vowel b{font-family:"Noto Sans Tamil",var(--bubble);font-size:clamp(26px,4.4vw,44px);line-height:1.2}.vowel i{font-style:normal;font-size:clamp(10px,1.2vw,13px);opacity:.9}.vowel:active{transform:translateY(5px);box-shadow:0 1px 0 var(--d)}.vowel.now{outline:4px solid #fff;outline-offset:-4px}@media(hover:hover){.vowel:hover{transform:translateY(-4px)}}.matchtask{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px)}.dropwrap{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:6px}.dropletter{width:clamp(110px,20vh,190px);height:clamp(110px,20vh,190px);border-radius:26px;display:grid;place-items:center;font-family:var(--tamil);font-weight:700;font-size:clamp(54px,11vh,104px);color:var(--bookred);background:var(--paper-2);box-shadow:inset 0 0 0 5px var(--rule);transition:all .2s cubic-bezier(.3,1.5,.5,1)}.dropletter.near{box-shadow:inset 0 0 0 5px var(--sage);transform:scale(1.07)}.dropletter.done{background:var(--sage);color:#fff;box-shadow:none}.tray{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(9px,2vw,22px);padding:clamp(10px,1.6vw,16px);border-radius:30px;min-height:clamp(88px,13vh,140px);background:#fffdf7;border:3px solid #ead9bb;box-shadow:0 8px 0 #e2d0af,0 16px 26px rgba(120,90,60,.2)}.slot{width:clamp(88px,14vw,150px);height:clamp(64px,9vh,96px);position:relative;flex:0 0 auto}.slot.round{width:clamp(62px,9vw,96px);height:clamp(62px,9vw,96px)}.chip{width:100%;height:100%;background:var(--cream);border-radius:20px;cursor:-webkit-grab;cursor:grab;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;box-shadow:0 6px 0 var(--line),0 12px 18px rgba(120,90,60,.14)}.chip span{font-size:clamp(20px,3.4vw,30px);line-height:1}.chip b{font-family:"Noto Sans Tamil",var(--font);font-size:clamp(12px,1.7vw,16px);color:var(--terra-d)}.chip.round{border-radius:50%;font-size:clamp(28px,4.6vw,44px);display:grid;place-items:center}.wordgrid{flex:1 1 auto;min-height:0;display:grid;align-content:center;overflow:auto;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:clamp(7px,1.4vw,14px);gap:clamp(7px,1.4vw,14px);width:100%;max-width:640px;margin:0 auto}.wordcard{border:0;background:var(--paper-2);cursor:pointer;border-radius:16px;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:1px;box-shadow:inset 0 0 0 2.5px var(--rule),0 3px 0 rgba(190,160,110,.35)}.wordcard:active{transform:translateY(3px);box-shadow:inset 0 0 0 2.5px var(--rule)}.wordcard .we{font-size:clamp(28px,5.6vw,42px);line-height:1}.wordcard .wt{font-family:var(--tamil);font-weight:600;font-size:clamp(14px,2vw,19px);color:var(--bookink)}.wordcard .wen,.wordcard .wr{font-size:11px;color:#8a7355;font-weight:700}.wordcard .wr{font-style:italic}.tracecard{padding:clamp(10px,1.8vw,18px)}.tracebox,.tracecard{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.tracebox{gap:10px}.tracepad{flex:1 1 auto;min-height:0;position:relative;border-radius:26px;background:#fffdf8;box-shadow:inset 0 0 0 4px var(--line);overflow:hidden;touch-action:none}.tracepad canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.tracedone{position:absolute;right:14px;top:12px;width:44px;height:44px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:24px;box-shadow:0 5px 0 var(--sage-d);animation:pop .5s cubic-bezier(.3,1.7,.5,1)}.tracefoot{flex:0 0 auto;display:flex;gap:12px;align-items:center}.tracebar{flex:1 1 auto;position:relative;height:28px;border-radius:999px;background:#f2e3cc;overflow:hidden}.tracebar i{display:block;height:100%;background:var(--terra);transition:width .18s}.tracebar i.ok{background:var(--sage)}.tracebar .goal{position:absolute;top:0;bottom:0;width:3px;background:var(--sage-d);opacity:.55}.tracebar .goal:after{content:"★";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:var(--sage-d);opacity:.9}.tracebar b{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:var(--ink)}.nodebadge{position:absolute;left:50%;top:-11px;transform:translateX(-50%);background:#fdfaf0;color:var(--ink);border-radius:999px;padding:2px 9px;font-size:clamp(9px,1.1vw,11px);box-shadow:0 3px 0 rgba(90,80,50,.16);white-space:nowrap}.nodebtn{position:relative}.tileart.book{font-size:clamp(30px,6.4vh,56px)}.quizcard{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,2vh,22px);padding:clamp(12px,2.2vw,24px);overflow:auto}.qprompt{margin:0;font-family:var(--bubble);font-weight:700;text-align:center;font-size:clamp(17px,3vw,30px);color:var(--ink)}.qvisual{align-items:center;min-height:clamp(64px,14vh,132px)}.dots,.qvisual{display:flex;justify-content:center}.dots{flex-wrap:wrap;gap:clamp(4px,1vw,10px);max-width:520px}.dots i{font-style:normal;font-size:clamp(26px,5.4vh,46px);line-height:1}.dots i.blank{width:clamp(34px,6vh,54px);height:clamp(34px,6vh,54px);border-radius:14px;border:4px dashed #d9c7a8;display:grid;place-items:center;color:var(--ink-soft);font-family:var(--bubble);font-size:clamp(20px,4vh,32px)}.sumrow{align-items:center;gap:clamp(8px,2vw,20px)}.sumrow,.sumrow .grp{display:flex;flex-wrap:wrap;justify-content:center}.sumrow .grp{gap:4px;max-width:200px}.sumrow .grp i{font-style:normal;font-size:clamp(24px,4.8vh,40px);line-height:1}.sumrow b{font-family:var(--bubble);font-size:clamp(26px,5vh,44px);color:var(--terra-d)}.qvisual .tenframe{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:6px;gap:6px;width:min(280px,72vw)}.qvisual .tenframe b{aspect-ratio:1;border-radius:50%;background:#f0e2c8;display:block}.qvisual .tenframe b.on{background:var(--terra)}.qoptions{display:flex;gap:clamp(10px,2.4vw,24px);flex-wrap:wrap;justify-content:center}.qopt{border:0;cursor:pointer;background:var(--cream);color:var(--ink);min-width:clamp(74px,13vw,116px);min-height:clamp(66px,11vh,104px);border-radius:26px;font-family:var(--bubble);font-weight:700;font-size:clamp(26px,5vh,44px);box-shadow:0 7px 0 var(--line);transition:transform .16s cubic-bezier(.2,1.5,.4,1)}.qopt:active{transform:translateY(5px);box-shadow:0 1px 0 var(--line)}@media(hover:hover){.qopt:hover{transform:translateY(-4px)}}.qopt.right{background:var(--sage);color:#fff;box-shadow:0 7px 0 var(--sage-d);animation:pop .5s cubic-bezier(.3,1.7,.5,1)}.qopt.wrong{background:var(--butter);color:#6b4f16;box-shadow:0 7px 0 var(--butter-d);animation:nope .4s ease}.foodgrid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;grid-gap:clamp(8px,1.6vw,18px);gap:clamp(8px,1.6vw,18px);padding:clamp(10px,1.8vw,20px);align-content:center}@media (max-width:620px){.foodgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.fooditem{position:relative;border:0;background:var(--sand);cursor:pointer;border-radius:24px;padding:clamp(8px,1.4vw,14px) 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:clamp(96px,17vh,168px);box-shadow:0 6px 0 var(--line);transition:transform .16s cubic-bezier(.2,1.5,.4,1)}.fooditem:active{transform:translateY(5px);box-shadow:0 1px 0 var(--line)}@media(hover:hover){.fooditem:hover{transform:translateY(-4px)}}.fooditem.on{box-shadow:0 6px 0 var(--terra-d),inset 0 0 0 3px var(--terra)}.fooditem.heard,.fooditem.on{background:#fff}.fooditem .fe{font-size:clamp(38px,8vh,68px);line-height:1}.fooditem .fn{font-size:clamp(12px,1.7vw,17px);color:var(--ink)}.ftag{font-size:10px;letter-spacing:.4px;border-radius:999px;padding:2px 10px;color:#fff}.ftag.fruit{background:var(--rose-d)}.ftag.veg{background:var(--sage-d)}.eatcard{flex:0 0 auto;display:flex;gap:14px;align-items:center;padding:13px 17px}.eatcard .ee{font-size:clamp(36px,7vw,56px);line-height:1}.eatcard b{font-family:var(--bubble);font-weight:700;font-size:clamp(16px,2.4vw,22px);color:var(--terra-d)}.eatcard p{margin:2px 0 0;color:var(--ink-soft);font-size:clamp(12px,1.6vw,15px)}.sorttask{flex:1 1 auto;flex-direction:column;gap:clamp(8px,1.4vh,14px)}.baskets,.bins,.sorttask{min-height:0;display:flex}.baskets,.bins{flex:1 1 auto;gap:clamp(10px,2vw,24px);flex-wrap:wrap}.basket,.baskets,.bins{align-items:center;justify-content:center}.basket{flex:0 1 clamp(140px,32vw,250px);min-height:clamp(96px,20vh,178px);border-radius:30px;background:#fffdf7;border:5px dashed #c9b48d;display:flex;flex-direction:column;gap:3px;position:relative;box-shadow:0 8px 0 #e2d0af,0 16px 26px rgba(120,90,60,.18);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.basket .bi{font-size:clamp(34px,7vw,58px);line-height:1}.basket b{font-size:clamp(13px,1.9vw,19px)}.basket.near{border-color:var(--sage);border-style:solid;transform:scale(1.06)}.slot.food{width:clamp(86px,13vw,140px);height:clamp(86px,13vw,140px)}.foodchip{width:100%;height:100%;background:var(--cream);border-radius:26px;cursor:-webkit-grab;cursor:grab;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 6px 0 var(--line),0 12px 18px rgba(120,90,60,.16)}.foodchip span{font-size:clamp(32px,6vw,54px);line-height:1}.foodchip b{font-size:clamp(10px,1.4vw,13px);color:var(--ink-soft)}.foodchip.dragging{position:fixed;left:0;top:0;z-index:900;cursor:-webkit-grabbing;cursor:grabbing;filter:drop-shadow(0 18px 14px rgba(120,90,60,.32))}.foodchip.flyback{transition:transform .34s cubic-bezier(.3,1.2,.4,1)}.foodchip.nope{animation:nope .4s ease}.taskbar{flex:0 0 auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#fff;opacity:1;isolation:isolate;position:relative;z-index:8;border:3px solid var(--terra-d);border-radius:999px;padding:clamp(6px,1vh,9px) clamp(10px,1.6vw,16px);box-shadow:0 6px 0 var(--terra-d),0 14px 24px rgba(120,90,60,.34)}.taskbar .stepname{font-family:var(--bubble);font-weight:800;color:var(--ink);font-size:clamp(13px,1.8vw,17px);text-align:center}.taskbar .stepchip{background:var(--sand);color:var(--ink);font-weight:700;box-shadow:none;flex:0 0 auto}@media (max-width:520px){.taskbar{gap:6px;padding:6px 10px}.taskbar .stepname{order:3;flex:1 0 100%;font-size:12px}}.count{position:absolute;right:10px;top:10px;min-width:26px;height:26px;border-radius:999px;background:var(--terra);color:#fff;display:grid;place-items:center;font-size:13px}.gone{opacity:0;pointer-events:none;transition:opacity .2s}.colourcard{padding:clamp(10px,1.8vw,18px)}.colourcard,.colouring{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.colouring{gap:10px}.palette{flex:0 0 auto;display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.pen{width:clamp(38px,5vw,50px);height:clamp(38px,5vw,50px);border-radius:50%;border:4px solid #fff;background:var(--c);cursor:pointer;box-shadow:0 5px 0 var(--d);transition:transform .16s}.pen.on{transform:scale(1.18);outline:3px solid var(--ink-soft);outline-offset:2px}.pen.eraser{background:var(--cream);color:var(--ink-soft);font-size:18px;box-shadow:0 5px 0 var(--line)}.canvasart{flex:1 1 auto;min-height:0;display:grid;place-items:center;background:#fffdf8;border-radius:26px;box-shadow:inset 0 0 0 4px var(--line);padding:10px}.canvasart svg{width:auto;max-width:100%;max-height:100%;touch-action:manipulation}.canvasart path{transition:fill .2s}.colourfoot{text-align:center;color:var(--ink-soft);font-size:13px}.bodywrap{gap:clamp(8px,1.6vw,18px)}.bodystage,.bodywrap{flex:1 1 auto;min-height:0;display:flex;position:relative}.bodystage{flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,14px);padding:clamp(8px,1.6vw,18px);background:radial-gradient(circle,rgba(196,166,110,.16) 2px,transparent 0) 50%/28px 28px,linear-gradient(#fffdf8,#fbf1dd)}.bodystage.solo,.figure{flex:1 1 auto}.figure{position:relative;min-height:0;aspect-ratio:var(--ar,.36);max-width:100%;margin:auto;overflow:visible}.bodystage{overflow:hidden}.figzoom{position:absolute;inset:0;transform:scale(var(--z,1));transition:transform .45s cubic-bezier(.3,.8,.3,1);z-index:2}.figure.zoomed .figzoom{z-index:4}body.calm .figzoom{transition:none}.figbody{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 14px rgba(120,90,60,.2));-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.figure .spot{--spot:clamp(38px,7vh,62px);--dot:clamp(7px,1.25vh,11px);position:absolute;transform:translate(-50%,-50%);border:0;padding:0;cursor:pointer;width:calc(var(--spot) / var(--z,1));height:calc(var(--spot) / var(--z,1));border-radius:50%;background:none;display:grid;place-items:center}.figure .spot:before{content:"";display:block;border-radius:50%;width:calc(var(--dot) / var(--z,1));height:calc(var(--dot) / var(--z,1));background:rgba(255,255,255,.92);box-shadow:0 0 0 calc(1.5px / var(--z,1)) rgba(113,153,108,.85),0 0 calc(7px / var(--z,1)) rgba(140,191,115,.6);animation:spotBreathe 2.8s ease-in-out infinite;transition:background .2s,box-shadow .2s,transform .2s}.figure .spot:nth-child(3n):before{animation-delay:.6s}.figure .spot:nth-child(3n+1):before{animation-delay:1.2s}@keyframes spotBreathe{0%,to{opacity:.7}50%{opacity:1}}body.calm .figure .spot:before{animation:none;opacity:.9}@media(hover:hover){.figure .spot:hover:before{transform:scale(1.35);box-shadow:0 0 0 calc(2px / var(--z,1)) rgba(140,191,115,.95)}}.figure .spot.seen:before{opacity:.4;animation:none;background:rgba(255,255,255,.6);box-shadow:0 0 0 calc(1.5px / var(--z,1)) rgba(113,153,108,.4)}.figure .spot.lit:before{opacity:1;animation:none;transform:scale(1.5);background:var(--sage);box-shadow:0 0 0 calc(2px / var(--z,1)) #fff,0 0 calc(14px / var(--z,1)) rgba(140,191,115,.95)}.figure .spot.hint:before{animation:spotPulse 1.3s ease-in-out infinite}body.calm .figure .spot.hint:before{animation:none;box-shadow:0 0 0 calc(3px / var(--z,1)) rgba(240,144,106,.9)}@keyframes spotPulse{0%,to{box-shadow:0 0 0 0 rgba(240,144,106,.75)}50%{box-shadow:0 0 0 10px rgba(240,144,106,0)}}.spotname{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%) scale(calc(1 / var(--z,1)));transform-origin:bottom center;background:var(--sage);color:#fff;font-family:var(--bubble);font-weight:700;white-space:nowrap;border-radius:999px;padding:3px 12px;font-size:clamp(11px,1.5vw,15px);box-shadow:0 3px 0 var(--sage-d);pointer-events:none}.spotname.below{bottom:auto;top:calc(100% + 6px);transform-origin:top center}.zoomout{position:absolute;left:50%;transform:translateX(-50%);bottom:clamp(10px,1.6vw,18px);z-index:8}@media (max-width:760px){.zoomout{bottom:auto;top:8px;left:8px;transform:none}}.whopick{position:absolute;right:clamp(8px,1.4vw,16px);top:50%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:clamp(8px,1.4vh,14px)}@media (max-width:760px){.whopick{top:clamp(6px,1.4vh,12px);transform:none}}.whobtn{border:0;cursor:pointer;background:var(--cream);border-radius:50%;padding:4px;width:clamp(46px,7vh,66px);height:clamp(46px,7vh,66px);display:grid;place-items:center;box-shadow:0 4px 0 var(--line);transition:transform .16s}.whobtn img{max-width:100%;max-height:100%;object-fit:contain}.whobtn.on{background:#fff;box-shadow:0 4px 0 var(--terra-d),inset 0 0 0 3px var(--terra)}.whobtn:active{transform:translateY(3px);box-shadow:none}.bodycard{position:absolute;z-index:6;left:clamp(10px,2vw,22px);top:50%;transform:translateY(-50%);width:clamp(230px,30vw,380px);max-height:92%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.2vh,14px);padding:clamp(14px,2.2vw,26px);text-align:center;overflow:auto;animation:panelIn .28s cubic-bezier(.2,1.3,.4,1)}@keyframes panelIn{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}body.calm .bodycard{animation:none}@media (max-width:760px){.bodycard{right:8px;left:8px;top:auto;bottom:8px;width:auto;transform:none;max-height:52%;animation:sheetIn .28s cubic-bezier(.2,1.3,.4,1)}@keyframes sheetIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}.cardx{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;background:var(--cream);color:var(--ink-soft);font-size:15px;display:grid;place-items:center;box-shadow:0 3px 0 var(--line)}.cardx:active{transform:translateY(2px);box-shadow:none}.partpic{width:clamp(96px,20vh,190px);height:clamp(96px,20vh,190px);object-fit:contain}.partemoji{font-size:clamp(64px,14vh,120px);line-height:1}.partname{font-family:var(--bubble);font-size:clamp(26px,4.4vw,44px);color:var(--terra-d);text-transform:capitalize;line-height:1.1}.partfact{margin:0;font-size:clamp(14px,2vw,20px);color:var(--ink);line-height:1.5}.bodyhint{margin:0;color:var(--ink-soft);font-size:clamp(13px,1.9vw,17px);line-height:1.6}.funfoot{flex-wrap:wrap}.funfact{flex:1 1 300px;max-width:640px;display:flex;align-items:center;gap:10px;cursor:pointer;text-align:left;border:3px solid var(--butter-d);border-radius:999px;background:#fffdf7;padding:clamp(6px,1vh,10px) clamp(12px,1.8vw,18px);box-shadow:0 5px 0 var(--butter-d)}.funfact:active{transform:translateY(3px);box-shadow:none}.ffl{flex:0 0 auto;font-family:var(--bubble);font-weight:800;color:var(--terra-d);font-size:clamp(11px,1.4vw,14px);text-transform:uppercase;letter-spacing:.5px}.fft{flex:1 1 auto;color:var(--ink);font-size:clamp(12px,1.6vw,16px);line-height:1.35}.ffn{flex:0 0 auto;color:var(--butter-d);font-size:clamp(15px,2vw,20px)}@media (max-width:520px){.funfact{flex:1 1 100%;flex-wrap:wrap;gap:4px 8px;border-radius:22px}.fft{flex:1 1 100%;font-size:12.5px}}.bigask{font-family:var(--bubble);font-weight:700;text-transform:capitalize;font-size:clamp(20px,3.4vw,34px);color:var(--terra-d)}.qopt.wide{flex-direction:column;gap:2px;min-width:clamp(96px,17vw,150px);display:inline-flex;align-items:center;justify-content:center}.qopt.wide .oe{font-size:clamp(32px,6vh,54px);line-height:1}.qopt.wide .on{font-size:clamp(12px,1.7vw,17px);text-transform:capitalize}.abwrap{flex:1 1 auto;min-height:0;display:flex;gap:clamp(8px,1.6vw,18px)}@media (max-width:760px){.abwrap{flex-direction:column-reverse}}.numcard{flex:0 0 clamp(150px,20vw,230px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(4px,1vh,10px);padding:clamp(10px,1.8vw,20px)}@media (max-width:760px){.numcard{flex:0 0 auto;flex-direction:row;gap:16px;flex-wrap:wrap}}.bignum{font-family:var(--bubble);font-weight:700;line-height:1;color:var(--terra-d);font-size:clamp(52px,13vh,120px)}.bignum.made{color:var(--sage-d);animation:pop .5s cubic-bezier(.3,1.7,.5,1)}.numword{font-family:var(--bubble);letter-spacing:2px;color:var(--ink-soft);font-size:clamp(13px,1.9vw,19px)}.beadcount{flex:0 0 auto;align-self:center;display:flex;align-items:baseline;gap:8px;background:#fffdf7;border:3px solid var(--sand);border-radius:999px;padding:clamp(3px,.7vh,7px) clamp(14px,2.4vw,26px);margin-bottom:clamp(4px,1vh,10px);box-shadow:0 5px 0 rgba(90,80,50,.14);transition:color .2s,border-color .2s}.beadcount b{font-family:var(--bubble);font-weight:800;line-height:1;color:var(--terra-d);font-size:clamp(28px,5.6vh,52px)}.beadcount span{font-family:var(--bubble);letter-spacing:1.5px;color:var(--ink-soft);font-size:clamp(11px,1.6vw,16px);text-transform:uppercase}.beadcount.made{border-color:var(--sage)}.beadcount.made b{color:var(--sage-d);animation:pop .5s cubic-bezier(.3,1.7,.5,1)}body.calm .beadcount.made b{animation:none}.setdots{display:flex;gap:7px}.setdots i{width:11px;height:11px;border-radius:50%;background:#ecdcbe}.setdots i.done{background:var(--sage)}.setdots i.now{background:var(--terra);transform:scale(1.35)}.abmain{padding:clamp(8px,1.6vw,18px)}.abacus,.abmain{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.abacus{justify-content:center;gap:clamp(5px,1.2vh,13px);background:linear-gradient(#fff8ec,#fdeed6);border-radius:22px;padding:clamp(9px,1.6vw,18px);box-shadow:inset 0 0 0 7px #f6dfbc,0 7px 0 #efd6ad}.abacus,.rod{position:relative}.rod{flex:0 0 auto;height:clamp(38px,9vh,88px);touch-action:none;width:100%}.rod .zone{position:absolute;top:4px;bottom:4px;left:0;width:50%;border-radius:12px;z-index:0;background:rgba(140,191,115,.14);box-shadow:inset 0 0 0 2px rgba(140,191,115,.26)}.rod .mid{position:absolute;left:50%;top:0;bottom:0;border-left:3px dashed rgba(120,105,80,.26)}.rod .wire{left:0;right:0;height:9px;z-index:1;background:#e9d5b4;border-radius:999px;box-shadow:inset 0 2px 0 rgba(255,255,255,.7)}.rod .cap,.rod .wire{position:absolute;top:50%;transform:translateY(-50%)}.rod .cap{width:12px;height:74%;border-radius:6px;background:#e3c99f;box-shadow:inset 0 2px 0 rgba(255,255,255,.6)}.rod .cap.l{left:-8px}.rod .cap.r{right:-8px}.bead{top:50%;left:0;cursor:-webkit-grab;cursor:grab;touch-action:none;will-change:transform;z-index:3;box-shadow:inset 0 -7px 12px rgba(0,0,0,.22),inset 0 7px 10px rgba(255,255,255,.45),inset 0 0 0 2px rgba(255,255,255,.22),0 4px 7px rgba(120,90,60,.24)}.bead,.bead:after{position:absolute;border-radius:50%}.bead:after{content:"";left:20%;top:13%;width:34%;height:24%;background:rgba(255,255,255,.78);transform:rotate(-18deg)}.bead.held{cursor:-webkit-grabbing;cursor:grabbing;z-index:9}.bead.picked{z-index:8;box-shadow:inset 0 -7px 12px rgba(0,0,0,.2),inset 0 7px 10px rgba(255,255,255,.5),0 0 0 4px #fff,0 0 0 8px rgba(240,144,106,.55),0 10px 16px rgba(120,90,60,.3)}.board{flex:1 1 auto;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:clamp(14px,2.8vw,38px);border-radius:26px;padding:clamp(8px,1.4vw,16px) 8px clamp(20px,2.4vw,30px);background:radial-gradient(circle,rgba(196,166,110,.2) 2px,transparent 0) 50%/30px 30px,linear-gradient(#fffdf8,#fbf1dd);box-shadow:inset 0 0 0 6px #fff,0 8px 0 #ead29a,0 16px 26px rgba(122,92,42,.16)}.hole{position:relative;width:clamp(92px,16vw,180px);height:clamp(92px,16vw,180px);transition:transform .22s cubic-bezier(.3,1.6,.5,1)}@media (max-width:640px){.hole{width:min(38vw,150px);height:min(38vw,150px)}.board{gap:clamp(16px,5vw,30px);padding:10px 8px 26px}}.hole .cut{position:absolute;inset:0;color:#e3d0a8;filter:drop-shadow(0 6px 0 rgba(255,253,248,.95))}.hole svg{display:block;width:100%;height:100%}.hole.near{transform:scale(1.13) rotate(-2deg)}.hole.near .cut{color:#cbb27c}.hole.filled .cut{opacity:0;transition:opacity .2s}.holelabel{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-weight:800;font-size:clamp(10px,1.3vw,14px);color:#a68c5c}.hole.filled .holelabel{color:var(--sage-d)}.piece{position:relative;cursor:-webkit-grab;cursor:grab;touch-action:none;transition:transform .2s cubic-bezier(.3,1.5,.5,1);filter:drop-shadow(0 8px 8px rgba(122,92,42,.3))}.piece,.piece svg{width:100%;height:100%}.piece svg{display:block;pointer-events:none}.piece .eyes{position:absolute;left:50%;top:var(--eye,48%);transform:translate(-50%,-50%);display:flex;gap:clamp(4px,.9vw,9px);pointer-events:none}.piece .eyes i{width:clamp(12px,2.1vw,22px);height:clamp(12px,2.1vw,22px);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 3px rgba(0,0,0,.18);animation:blinky 5.5s infinite}.piece .eyes b{width:46%;height:46%;background:#3c4361;border-radius:50%}@keyframes blinky{0%,95%,to{transform:scaleY(1)}97%{transform:scaleY(.12)}}.piece.bobbing{animation:bobPiece 2.4s ease-in-out infinite}@keyframes bobPiece{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}body.calm .piece.bobbing{animation:none}.sorttask.cluster .bins.ring{flex:0 0 auto}.heap{flex:1 1 auto;min-height:clamp(210px,36vh,400px);position:relative}.heapslot{position:absolute;transform:translate(-50%,-50%);width:clamp(74px,12vw,120px);height:clamp(74px,12vw,120px)}@media (max-width:640px){.heapslot{width:min(21vw,86px);height:min(21vw,86px)}.heap{min-height:44vh}}.thing{width:100%;height:100%;border-radius:26px;background:var(--cream);cursor:-webkit-grab;cursor:grab;touch-action:none;display:grid;place-items:center;box-shadow:0 6px 0 var(--line),0 12px 18px rgba(120,90,60,.16)}.thing .te{font-size:clamp(38px,7vw,64px);line-height:1;pointer-events:none;rotate:var(--tilt,0deg)}@media(hover:hover){.thing:hover{transform:translateY(-4px)}}.bin{flex:0 1 clamp(130px,24vw,230px);min-height:clamp(92px,17vh,165px);border-radius:28px;background:#fffdf7;border:5px dashed var(--c);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--d);position:relative;box-shadow:0 8px 0 #e2d0af,0 16px 26px rgba(120,90,60,.18);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.bin b{font-family:var(--bubble);font-size:clamp(13px,1.9vw,19px)}.bin.near{border-style:solid;transform:scale(1.07)}@media (max-width:640px){.bin{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 8px);min-height:clamp(64px,11vh,92px);border-radius:22px}.baskets,.bins{gap:8px}.bin b{font-size:13px}.count{right:6px;top:6px;min-width:22px;height:22px;font-size:12px}}.bin .count{background:var(--d)}.chip.dragging,.piece.dragging,.thing.dragging{position:fixed;left:0;top:0;z-index:900;cursor:-webkit-grabbing;cursor:grabbing;animation:none;rotate:0deg;filter:drop-shadow(0 18px 14px rgba(120,90,60,.32))}.chip.flyback,.piece.flyback,.thing.flyback{transition:transform .34s cubic-bezier(.3,1.2,.4,1)}.chip.nope,.piece.nope,.thing.nope{animation:nope .4s ease}@keyframes nope{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(-9px) rotate(-6deg)}75%{transform:translateX(9px) rotate(6deg)}}@keyframes pop{0%{transform:scale(1.3)}55%{transform:scale(.9)}to{transform:scale(1)}}.guide{position:fixed;left:clamp(8px,2vw,20px);bottom:calc(var(--nav-h) + 8px);z-index:940;display:flex;align-items:flex-end;gap:10px;pointer-events:none;opacity:0;transform:translateY(26px);transition:opacity .3s,transform .45s cubic-bezier(.2,1.5,.4,1)}.guide.on{opacity:1;transform:none}.gchar{pointer-events:auto;border:0;background:none;padding:0;cursor:pointer;position:relative;width:clamp(78px,9.5vw,124px);aspect-ratio:.82;flex:0 0 auto}.guide.on .gchar{animation:bob 2.8s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-8px) rotate(1.5deg)}}body.calm .guide.on .gchar{animation:none}.gchar:before{content:"";position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:104%;aspect-ratio:1;border-radius:50%;z-index:0;background:radial-gradient(circle at 50% 28%,#fff 0,#f3fbff 48%,#d5edf7 100%);box-shadow:0 7px 0 rgba(120,90,60,.1),0 14px 26px rgba(120,90,60,.18),inset 0 0 0 6px #fff}.gchar img{display:block;width:100%;height:100%;object-fit:contain;position:relative;z-index:1;filter:drop-shadow(0 8px 10px rgba(120,90,60,.24))}body.talking .gchar img{animation:talk .26s ease-in-out infinite alternate}@keyframes talk{0%{transform:scaleY(.965) translateY(2px)}to{transform:scale(.985,1.035) translateY(-3px)}}.gbubble{position:relative;background:var(--cream);border-radius:24px 24px 24px 8px;padding:12px 18px;font-size:clamp(13px,1.8vw,18px);line-height:1.32;color:var(--ink);white-space:pre-line;max-width:min(62vw,420px);box-shadow:0 6px 0 var(--line),0 14px 24px rgba(120,90,60,.18);margin-bottom:14px;transform-origin:0 100%;transform:scale(.5);opacity:0;transition:transform .34s cubic-bezier(.2,1.7,.4,1),opacity .2s}.guide.on .gbubble{transform:scale(1);opacity:1}.gbubble:after{content:"";position:absolute;left:-8px;bottom:14px;width:18px;height:18px;background:inherit;border-radius:0 0 0 8px;transform:rotate(45deg)}.greact{position:absolute;top:-6px;right:-12px;width:clamp(38px,4.6vw,54px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font-size:clamp(20px,2.6vw,30px);color:#fff;z-index:5;box-shadow:0 5px 0 rgba(0,0,0,.14);transform:scale(0);opacity:0}.greact.yes{background:var(--sage)}.greact.no{background:var(--butter);color:#6b4f16}.greact.show{animation:reactPop 1.6s cubic-bezier(.2,1.7,.4,1) forwards}@keyframes reactPop{0%{transform:scale(0) rotate(-40deg);opacity:0}22%{transform:scale(1.3) rotate(8deg);opacity:1}38%{transform:scale(1);opacity:1}80%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}@media (max-width:900px){:root{--guide-h:112px}.guide{position:relative;left:auto;bottom:auto;flex:0 0 var(--guide-h);padding:0 clamp(10px,2vw,18px);align-items:center}.app:not(.ingame) .guide{position:fixed;left:auto;right:10px;bottom:calc(var(--nav-h) + 6px);flex:0 0 auto;flex-direction:row-reverse}.app:not(.ingame) .gbubble{border-radius:24px 24px 24px 8px}.app:not(.ingame) .gbubble:after{left:auto;right:-8px}.gbubble{max-width:56vw;font-size:13.5px;padding:10px 14px}}.loader{position:fixed;inset:0;z-index:1000;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.6vh,16px);padding:clamp(14px,3vh,30px);background:linear-gradient(#bfe9fb,#d9f1fb 62%,#e7f4fb)}.loader>:not(.scene):not(.sky-fog-front){position:relative;z-index:3}@keyframes cross{to{transform:translateX(-190vw)}}.loadtitle{font-family:var(--bubble);font-weight:800;color:#fff;font-size:clamp(28px,6.4vw,62px);line-height:1;text-shadow:0 4px 0 #6da357,0 9px 18px rgba(80,110,60,.35)}.loadsub,.loadtitle{position:relative;z-index:3;margin:0}.loadsub{font-size:clamp(13px,2vw,18px);color:#46703a}.trainstage{position:relative;z-index:3;width:min(680px,94vw);display:flex;flex-direction:column;align-items:center}.train{position:relative;width:100%;animation:chug .34s ease-in-out infinite alternate}@keyframes chug{0%{transform:translateY(0) rotate(-.25deg)}to{transform:translateY(-4px) rotate(.25deg)}}.train svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 8px rgba(80,110,60,.26))}.wheel{transform-box:fill-box;transform-origin:center;animation:roll .55s linear infinite}@keyframes roll{to{transform:rotate(1turn)}}.steam{position:absolute;left:68%;top:2%;width:clamp(14px,2.4vw,26px);aspect-ratio:1;border-radius:50%;background:#fff;opacity:0;animation:steam 2.1s ease-out infinite}.steam.s2{animation-delay:.52s}.steam.s3{animation-delay:1.04s}.steam.s4{animation-delay:1.56s}@keyframes steam{0%{opacity:.95;transform:translate(0) scale(.4)}to{opacity:0;transform:translate(-90px,-120px) scale(2.6)}}.rider{position:absolute;width:16%;bottom:49%;opacity:0;transform:translateY(16px) scale(.7);transition:opacity .45s,transform .45s cubic-bezier(.2,1.7,.4,1);pointer-events:none;filter:drop-shadow(0 4px 4px rgba(80,110,60,.25))}.rider.on{opacity:1;transform:translateY(0) scale(1)}.rider.r1{left:3%}.rider.r2{left:32%}.rider.r3{left:60%;width:18%;bottom:53%}.ground{position:relative;width:110%;height:clamp(30px,5.4vh,50px);margin-top:-1.5%;border-radius:99px;background:linear-gradient(#ffffff,#dceef8);overflow:hidden;box-shadow:inset 0 3px 0 rgba(255,255,255,.7),0 6px 18px rgba(70,120,160,.18)}.grass{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='48' viewBox='0 0 160 48'%3E%3Cg fill='%23ffffff'%3E%3Ccircle cx='24' cy='40' r='22'/%3E%3Ccircle cx='58' cy='44' r='16'/%3E%3Ccircle cx='92' cy='38' r='26'/%3E%3Ccircle cx='132' cy='43' r='19'/%3E%3C/g%3E%3C/svg%3E");background-size:160px 100%;background-repeat:repeat-x;opacity:.85;animation:rush 1.6s linear infinite}@keyframes rushc{to{background-position:-160px 0}}.grass{animation-name:rushc}@keyframes rush{to{background-position:-140px 0}}.boarding{position:relative;z-index:3;display:flex;align-items:center;gap:12px}.loadgrass{position:relative;width:min(360px,64vw);height:20px;background:rgba(255,255,255,.6);overflow:hidden;box-shadow:inset 0 2px 4px rgba(80,110,60,.18)}.loadgrass,.loadgrass i{display:block;border-radius:99px}.loadgrass i{height:100%;transition:width .35s ease;background:#8cbf73 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' viewBox='0 0 26 20'%3E%3Cg fill='none' stroke='%236aa348' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 20V9M2 20v-6M12 20v-7'/%3E%3Cpath d='M20 20V11M16 20v-5M24 20v-6'/%3E%3C/g%3E%3C/svg%3E") repeat-x 0 100%}.boarding b{font-family:var(--bubble);color:#46703a;font-size:clamp(13px,2vw,17px)}.bigstart{position:relative;z-index:3;font-size:clamp(16px,2.6vw,22px);padding:15px 34px;animation:chug .6s ease-in-out infinite alternate}body.calm .bigstart,body.calm .bushes,body.calm .lsun,body.calm .sky-layer,body.calm .sky-ship img,body.calm .sky-sun .sunrays,body.calm .steam,body.calm .tile,body.calm .train,body.calm .wheel{animation:none}@media (prefers-reduced-motion:reduce){.sky-layer,.sky-ship img,.sky-sun .sunrays,.tile{animation:none}.sky-layer,.sky-ship,.sky-sun{transform:none}}.wipe{position:fixed;inset:0;z-index:995;pointer-events:none;overflow:hidden}.wipefill{position:absolute;inset:0;opacity:0;background:radial-gradient(120% 120% at 50% 45%,#ffffff 0 42%,#e8f2fb 78%,#d3e6f6 100%)}.wipe.in .wipefill{animation:fillup .82s cubic-bezier(.5,0,.3,1) .22s forwards}.wipe.hold .wipefill{opacity:1}.wipe.out .wipefill{opacity:1;animation:filldown .5s ease-in forwards}@keyframes fillup{to{opacity:1}}@keyframes filldown{to{opacity:0}}.puff{position:absolute;width:var(--s);height:var(--s);translate:-50% -50%;background-repeat:no-repeat;background-position:50%;background-size:contain;will-change:transform,opacity}.wipe.in .puff{animation:puffin .9s cubic-bezier(.34,.9,.3,1) var(--d) backwards}.wipe.hold .puff,.wipe.out .puff{transform:scale(1.18)}.wipe.out .puff{animation:puffout .82s cubic-bezier(.5,.05,.5,1) var(--d) forwards}@keyframes puffin{0%{transform:scale(.34) translate(var(--dx),var(--dy));opacity:0}35%{opacity:1}to{transform:scale(1.18) translate(0);opacity:1}}@keyframes puffout{0%{transform:scale(1.18) translate(0);opacity:1}70%{opacity:1}to{transform:scale(.34) translate(var(--dx),var(--dy));opacity:0}}.wipecore{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0}.wipe.hold .wipecore{animation:coreIn .5s cubic-bezier(.2,1.6,.4,1) .15s forwards}.wipe.out .wipecore{opacity:0;transition:opacity .25s}@keyframes coreIn{0%{opacity:0;transform:translate(-50%,-46%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.wipecore img{width:clamp(150px,24vw,290px);height:auto;filter:drop-shadow(0 12px 14px rgba(110,140,180,.3));animation:coreBob 2.4s ease-in-out infinite}@keyframes coreBob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.wipeline{font-family:var(--bubble);font-weight:800;color:#6b83a6;font-size:clamp(18px,2.8vw,28px)}.wipedots{display:flex;gap:6px}.wipedots i{width:12px;height:12px;border-radius:50%;background:#b9cbe2;animation:dotPulse 1.1s ease-in-out infinite}.wipedots i:nth-child(2){animation-delay:.16s}.wipedots i:nth-child(3){animation-delay:.32s}@keyframes dotPulse{0%,to{transform:scale(.7);opacity:.5}50%{transform:scale(1.15);opacity:1}}@media (max-width:640px){.puff{--s:96vmax}.wipecore img{width:clamp(120px,38vw,200px)}}body.calm .wipe{display:none}#fx{pointer-events:none;z-index:950}#fx,.sheet{position:fixed;inset:0}.sheet{z-index:975;display:flex;align-items:center;justify-content:center;background:rgba(90,68,50,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:clamp(10px,3vw,18px);overflow:auto}.sheet .panel{background:var(--cream);border-radius:var(--r);padding:clamp(14px,3vw,30px);width:min(660px,100%);max-height:92vh;overflow:auto;text-align:center;box-shadow:0 26px 54px rgba(90,68,50,.3);animation:popIn .45s cubic-bezier(.2,1.5,.4,1)}@media (max-width:430px){.sheet h2{font-size:20px}.sheet p{font-size:13px;margin-bottom:12px}}@keyframes popIn{0%{transform:scale(.6) rotate(-6deg);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}.sheet h2{font-family:var(--bubble);font-weight:700;font-size:clamp(21px,3.4vw,32px);margin:0 0 4px;color:var(--terra-d)}.sheet p{margin:0 0 14px;color:var(--ink-soft);font-size:14px}.pickgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}@media (max-width:430px){.pickgrid{grid-template-columns:1fr;gap:8px}}.picktile{position:relative;cursor:pointer;color:var(--ink);background:#fff;border:4px solid var(--c);border-radius:24px;padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;box-shadow:0 6px 0 var(--d);transition:transform .16s cubic-bezier(.2,1.5,.4,1)}.picktile:active{transform:translateY(5px);box-shadow:0 1px 0 var(--d)}.picktile.now{outline:3px solid var(--d);outline-offset:3px}.pickart{width:clamp(46px,13vw,62px);aspect-ratio:1;border-radius:18px;background:color-mix(in srgb,var(--c) 20%,#fff);display:grid;place-items:center;font-size:clamp(24px,7vw,34px);line-height:1;flex:0 0 auto;font-family:var(--tamil),var(--bubble);color:var(--d);box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}.pickname{font-family:var(--bubble);font-weight:700;font-size:clamp(12px,3.2vw,15px);line-height:1.15;text-align:center;overflow-wrap:anywhere;color:var(--d)}.picktick{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:50%;background:var(--sage);color:#fff;display:grid;place-items:center;font-size:13px;box-shadow:0 3px 0 var(--sage-d)}@media (max-width:430px){.picktile{flex-direction:row;justify-content:flex-start;gap:12px;padding:10px 14px;border-radius:20px}.pickname{text-align:left;flex:1 1 auto;font-size:16px}}.toggles{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.tgl{border:0;cursor:pointer;font-size:14px;padding:11px 17px;border-radius:999px;background:var(--sand);color:var(--ink-soft);box-shadow:0 4px 0 var(--line)}.tgl.on{background:var(--sage);color:#fff;box-shadow:0 4px 0 var(--sage-d)}.sliders{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}.sliders label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink-soft);min-width:150px}.sliders b{color:var(--terra-d);font-size:13px}.sliders input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:9px;border-radius:99px;background:#f0e0c8;outline:none}.sliders input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:23px;height:23px;border-radius:50%;background:var(--terra);box-shadow:0 3px 0 var(--terra-d);cursor:pointer}.gate{position:fixed;inset:0;z-index:990;justify-content:center;padding:18px;overflow:auto;background:linear-gradient(#8fd3f4,#cdeaf7)}.gate,.gpanel{display:flex;align-items:center}.gpanel{position:relative;z-index:2;flex-direction:column;gap:clamp(6px,1.4vh,14px);width:min(520px,94vw);text-align:center;animation:popIn .55s cubic-bezier(.2,1.5,.4,1)}.gate-mascot{width:clamp(150px,24vw,250px);aspect-ratio:.82;position:relative}.gate-mascot:before{content:"";position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 28%,#fff 0,#f3fbff 48%,#d5edf7 100%);box-shadow:0 10px 0 rgba(120,90,60,.09),0 20px 36px rgba(120,90,60,.18),inset 0 0 0 8px #fff}.gate-mascot img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain}.gbub{position:relative;background:var(--cream);border-radius:26px;padding:14px 24px;font-family:var(--bubble);font-weight:700;font-size:clamp(16px,2.5vw,25px);color:var(--ink);box-shadow:0 6px 0 var(--line),0 14px 26px rgba(120,90,60,.16)}.gbub:after{content:"";position:absolute;left:50%;bottom:-9px;width:20px;height:20px;background:inherit;transform:translateX(-50%) rotate(45deg)}.gate input{font-family:var(--bubble);font-weight:700;text-align:center;letter-spacing:2px;font-size:clamp(22px,4vw,36px);color:var(--ink);width:min(380px,88vw);padding:clamp(9px,1.4vw,15px) 20px;border:0;border-radius:24px;background:var(--cream);outline:none;box-shadow:0 6px 0 var(--line);text-transform:uppercase}.gate input:focus{box-shadow:0 6px 0 var(--sage-d)}.gate input::placeholder{color:#d5c3ae;letter-spacing:1px;text-transform:none;font-size:.7em}.skip{border:0;background:none;cursor:pointer;color:var(--ink-soft);font-size:15px;text-decoration:underline;padding:6px}.mega{position:fixed;inset:0;z-index:965;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden}.mega .rays{position:absolute;width:200vmax;height:200vmax;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(242,199,106,.34) 0deg 9deg,transparent 9deg 18deg);animation:spin 11s linear infinite,rayIn .6s cubic-bezier(.2,1.4,.4,1);-webkit-mask-image:radial-gradient(circle,#000 8%,rgba(0,0,0,.5) 30%,transparent 62%);mask-image:radial-gradient(circle,#000 8%,rgba(0,0,0,.5) 30%,transparent 62%)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes rayIn{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.mega .stack{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3}.mega .mi{font-size:clamp(62px,13vw,132px);animation:popIn .8s cubic-bezier(.2,1.8,.4,1);filter:drop-shadow(0 12px 16px rgba(120,90,60,.3))}.mega .mt{display:flex;flex-wrap:wrap;justify-content:center;font-family:var(--bubble);font-weight:800;font-size:clamp(34px,8vw,96px);line-height:1;letter-spacing:1px}.mega .mt span{display:inline-block;color:#fff;-webkit-text-stroke:11px var(--terra-d);paint-order:stroke fill;filter:drop-shadow(0 6px 0 rgba(160,95,55,.5));transform:scale(0) rotate(-25deg);animation:letterIn .62s cubic-bezier(.2,1.9,.4,1) forwards}.mega .mt span.sp{width:.4em;-webkit-text-stroke:0}@keyframes letterIn{0%{transform:scale(0) rotate(-25deg)}55%{transform:scale(1.35) rotate(9deg)}75%{transform:scale(.9)}to{transform:scale(1) rotate(0)}}.mega .ms{font-size:clamp(14px,2.4vw,26px);color:#fff;background:var(--sage);padding:9px 26px;border-radius:999px;box-shadow:0 6px 0 var(--sage-d);opacity:0;animation:subIn .5s cubic-bezier(.2,1.7,.4,1) .5s forwards}@keyframes subIn{0%{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:none}}body.calm .mega .rays{display:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important}}.matchwrap{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(12px,3vh,30px)}.letterslot{width:clamp(88px,15vh,150px);height:clamp(88px,15vh,150px);border-radius:28px;display:grid;place-items:center;font-family:var(--bubble);font-weight:800;font-size:clamp(46px,9vh,86px);color:var(--terra-d);background:#fffdf7;border:5px dashed #c9b48d;box-shadow:0 8px 0 #e2d0af,0 16px 26px rgba(120,90,60,.18);transition:transform .2s cubic-bezier(.3,1.5,.5,1)}.letterslot.near{border-style:solid;transform:scale(1.07)}.letterslot.filled{border-style:solid;border-color:var(--sage);color:var(--sage-d)}.wordrow{gap:clamp(10px,2.4vw,26px);flex-wrap:wrap}.wordchip,.wordrow{display:flex;justify-content:center}.wordchip{width:100%;height:100%;background:var(--cream);border-radius:24px;cursor:-webkit-grab;cursor:grab;touch-action:none;flex-direction:column;align-items:center;gap:2px;box-shadow:0 6px 0 var(--line),0 12px 18px rgba(120,90,60,.16)}.wordchip .we{font-size:clamp(28px,5vw,46px);line-height:1;pointer-events:none}.wordchip .wt{font-size:clamp(11px,1.5vw,15px);color:var(--ink-soft);pointer-events:none}@media (max-width:640px){.letterslot{width:clamp(72px,20vw,110px);height:clamp(72px,20vw,110px);font-size:clamp(38px,11vw,64px)}}.colourfoot{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.cfname{font-family:var(--bubble);font-weight:800;color:var(--terra-d);font-size:clamp(15px,2.4vw,24px);text-transform:capitalize}.cfcount{background:var(--sand);border-radius:999px;padding:4px 12px;color:var(--ink-soft);font-size:clamp(11px,1.5vw,14px)}.canvasart svg{width:100%;height:100%;display:block}.canvasart path{cursor:pointer;transition:fill .18s ease}.hintbox{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;background:#fffdf7;border:3px solid var(--butter-d);border-radius:999px;padding:clamp(5px,.9vh,9px) clamp(12px,1.8vw,20px);box-shadow:0 5px 0 var(--butter-d);align-self:center;max-width:100%}.hlabel{font-weight:800;color:var(--terra-d);font-size:clamp(10px,1.3vw,13px);text-transform:uppercase;letter-spacing:.5px}.hlabel,.hpart{font-family:var(--bubble)}.hpart{font-weight:700;font-size:clamp(13px,1.8vw,18px);text-transform:capitalize}.hpart,.hswatch{color:var(--ink)}.hswatch{display:inline-flex;align-items:center;gap:7px;background:var(--sand);border-radius:999px;padding:3px 12px;font-size:clamp(11px,1.5vw,14px)}.hswatch:before{content:"";width:15px;height:15px;border-radius:50%;background:var(--c);box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(0,0,0,.12)}.hbtn{padding:5px 14px;font-size:clamp(11px,1.5vw,14px)}.pen.hinted{animation:penNudge 1.1s ease-in-out infinite}@keyframes penNudge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}body.calm .pen.hinted{animation:none;outline:3px solid var(--terra);outline-offset:3px}.cfright{background:#e7f5ea;color:var(--sage-d);border-radius:999px;padding:4px 12px;font-weight:700;font-size:clamp(11px,1.5vw,14px)}.cardpick{flex:1 1 auto;min-height:0;justify-content:center;gap:clamp(8px,2vh,20px);padding:clamp(6px,1.6vh,16px)}.cardpick,.cp-ask{display:flex;flex-direction:column;align-items:center}.cp-ask{gap:clamp(4px,1vh,10px);background:rgba(255,255,255,.86);border-radius:var(--r);padding:clamp(10px,1.8vh,18px) clamp(20px,3.4vw,34px) clamp(8px,1.4vh,14px);box-shadow:0 8px 22px rgba(60,110,150,.16)}.cp-ask>img{height:clamp(110px,22vh,200px);width:auto;max-width:min(300px,60vw);object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(30,60,90,.2))}.cp-ask>img.cp-shadow{filter:none;opacity:.9}.cp-word{display:flex;flex-direction:column;align-items:center;line-height:1.15}.cp-word b{font-family:var(--tamil);font-size:clamp(24px,4.4vh,42px);color:var(--ink)}.cp-word i{font-style:normal;font-family:var(--bubble);font-weight:700;font-size:clamp(13px,1.9vh,18px);color:var(--ink-soft);letter-spacing:.5px}.cp-again{border:0;cursor:pointer;font:inherit;font-weight:700;background:var(--sage);color:#fff;border-radius:99px;padding:6px 16px;box-shadow:0 3px 0 var(--sage-d)}.cp-again:active{transform:translateY(2px);box-shadow:0 1px 0 var(--sage-d)}.cp-table{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:clamp(8px,1.6vw,18px);gap:clamp(8px,1.6vw,18px);width:min(880px,96vw)}.cp-table.words{grid-template-columns:repeat(3,1fr);width:min(680px,96vw)}.cp-card{border:0;cursor:pointer;background:#fff;border-radius:var(--r);padding:clamp(8px,1.4vh,16px);aspect-ratio:1;display:grid;place-items:center;box-shadow:0 6px 0 rgba(120,150,175,.28),0 10px 20px rgba(60,110,150,.14);transition:transform .14s ease,box-shadow .14s ease}.cp-card img{width:100%;height:100%;object-fit:contain}.cp-card:active{transform:translateY(3px);box-shadow:0 3px 0 rgba(120,150,175,.28)}.cp-card.won{outline:4px solid var(--sage);outline-offset:-4px}.cp-table.words .cp-card{aspect-ratio:2.1}.cp-cardword{display:flex;flex-direction:column;align-items:center;gap:2px}.cp-cardword b{font-family:var(--tamil);font-size:clamp(22px,4vh,38px);color:var(--ink);line-height:1.15}.cp-cardword i{font-style:normal;font-size:clamp(11px,1.5vh,14px);color:var(--sage-d);font-weight:700}@keyframes wobble{0%,to{transform:translateX(0) rotate(0)}20%{transform:translateX(-7px) rotate(-3deg)}50%{transform:translateX(7px) rotate(3deg)}80%{transform:translateX(-4px) rotate(-1.5deg)}}.cp-card.wobble{animation:wobble .4s ease}.cp-count{margin:0;font-weight:700;color:var(--ink-soft);background:rgba(255,255,255,.7);border-radius:99px;padding:4px 14px}@media (max-width:640px){.wipe.in .bank{animation-duration:1.08s}.wipe.out .bank.l,.wipe.out .bank.r{animation-duration:1.16s}.cp-table{grid-template-columns:repeat(2,1fr);width:min(420px,94vw)}.cp-table.words{grid-template-columns:repeat(3,1fr)}.cp-card{aspect-ratio:1.1}}body.calm .cp-card,body.calm .cp-card.wobble{animation:none;transition:none}@media (prefers-reduced-motion:reduce){.cp-card.wobble{animation:none}}.buddies{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:2px}.buddytitle{margin:0;font-weight:700;color:var(--ink-soft);font-size:clamp(12px,1.7vh,15px)}.buddygrid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:clamp(5px,1vw,10px);gap:clamp(5px,1vw,10px);width:min(560px,96vw)}.buddy{border:0;cursor:pointer;font:inherit;background:rgba(255,255,255,.92);border-radius:20px;padding:7px 4px 8px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;box-shadow:0 4px 0 rgba(120,150,175,.26);transition:transform .14s ease,box-shadow .14s ease}.buddy:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(120,150,175,.26)}.buddy.on{outline:3px solid var(--c);outline-offset:-3px;box-shadow:0 4px 0 var(--c),0 10px 20px rgba(60,110,150,.18)}.buddyart{width:100%;aspect-ratio:1;display:grid;place-items:center}.buddyart img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(30,60,90,.18))}.buddy b{font-size:clamp(11px,1.5vh,14px);color:var(--ink);line-height:1.1}.buddy i{font-style:normal;font-size:10px;color:var(--ink-soft);line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:560px){.buddygrid{grid-template-columns:repeat(3,1fr)}.buddy i{display:none}}@keyframes m-bounce{0%,to{translate:0 0}50%{translate:0 -6%}}@keyframes m-dart{0%,72%,to{translate:0 0}80%{translate:4% -3%}88%{translate:-2% 0}}@keyframes m-hop{0%,62%,to{translate:0 0}72%{translate:0 -13%}84%{translate:0 0}}@keyframes m-sway{0%,to{rotate:-1.6deg}50%{rotate:1.6deg}}@keyframes m-stretch{0%,to{scale:1 1}50%{scale:.985 1.035}}@keyframes m-wiggle{0%,to{rotate:-3deg}25%{rotate:3deg}50%{rotate:-2deg}75%{rotate:2.5deg}}[data-manner=bounce] img{animation:m-bounce 3.2s ease-in-out infinite}[data-manner=dart] img{animation:m-dart 4.6s ease-in-out infinite}[data-manner=hop] img{animation:m-hop 3.8s ease-in-out infinite}[data-manner=sway] img{animation:m-sway 6.4s ease-in-out infinite}[data-manner=stretch] img{animation:m-stretch 5.2s ease-in-out infinite}[data-manner=wiggle] img{animation:m-wiggle 4.4s ease-in-out infinite}body.calm [data-manner] img,body.talking .guide[data-manner] img{animation:none}@media (prefers-reduced-motion:reduce){[data-manner] img{animation:none}}.homesub{font-size:.62em;font-weight:700;color:var(--ink-soft);letter-spacing:.3px}.tiles.many{grid-template-columns:repeat(2,minmax(0,270px))}@media (max-width:760px){.tiles.many{grid-template-columns:repeat(2,minmax(0,1fr))}}.shadowmatch{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2vh,22px);padding:clamp(6px,1.6vh,16px)}.shadowmatch .cp-count{flex:0 0 auto;margin-top:2px}.sm-shadows,.sm-tray{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(0,1fr);grid-gap:clamp(8px,2vw,24px);gap:clamp(8px,2vw,24px);width:min(760px,94vw);flex:1 1 auto;min-height:0;align-content:center}.sm-slot{position:relative;aspect-ratio:1;height:100%;width:auto;max-width:100%;max-height:230px;justify-self:center;align-self:center;border-radius:var(--r);background:rgba(255,255,255,.42);box-shadow:inset 0 4px 12px rgba(60,110,150,.22),0 2px 0 rgba(255,255,255,.5);display:grid;place-items:center;padding:clamp(6px,1.2vh,14px)}.sm-slot img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:.9}.sm-slot[data-full="1"] img{opacity:.18}.sm-slot[data-full="1"]{box-shadow:inset 0 0 0 4px var(--sage),0 2px 0 rgba(255,255,255,.5)}@keyframes sm-nope{0%,to{translate:0 0}30%{translate:-6px 0}65%{translate:6px 0}}.sm-slot.sm-nope{animation:sm-nope .4s ease}.sm-tray{align-items:center;flex:0 1 auto}.sm-thing{aspect-ratio:1;height:100%;width:auto;max-width:100%;max-height:200px;justify-self:center;align-self:center;border-radius:var(--r);background:#fff;display:grid;place-items:center;padding:clamp(6px,1.2vh,14px);cursor:-webkit-grab;cursor:grab;touch-action:none;box-shadow:0 6px 0 rgba(120,150,175,.28),0 10px 20px rgba(60,110,150,.14)}.sm-thing img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;pointer-events:none}.sm-thing.dragging{position:fixed;left:0;top:0;z-index:900;cursor:-webkit-grabbing;cursor:grabbing;box-shadow:0 16px 30px rgba(40,90,130,.34)}.sm-thing.flyback{transition:transform .34s cubic-bezier(.3,1.2,.4,1)}.sm-thing[data-locked="1"]{box-shadow:none;background:transparent}@media (max-width:560px){.sm-shadows,.sm-tray{gap:8px;width:96vw}.sm-slot,.sm-thing{border-radius:20px;padding:5px}}body.calm .sm-slot.sm-nope{animation:none}@media (prefers-reduced-motion:reduce){.sm-slot.sm-nope{animation:none}}.tile{aspect-ratio:auto;max-height:none;height:auto;width:100%;background:none;box-shadow:none;transform-style:flat;perspective:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:0;overflow:visible;transition:translate .3s cubic-bezier(.2,.9,.3,1),scale .3s cubic-bezier(.2,.9,.3,1)}.tile:after,.tile:before{display:none}.isle{position:relative;display:block;width:100%;aspect-ratio:.92;display:grid;place-items:center}.isle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 20px rgba(20,60,90,.3));transition:filter .3s ease}.isleicon{position:absolute;left:50%;top:34%;translate:-50% -50%;width:clamp(38px,26%,74px);aspect-ratio:1;border-radius:22px;background:rgba(255,253,244,.94);box-shadow:0 5px 0 rgba(0,0,0,.16);display:grid;place-items:center;line-height:1;font-family:var(--tamil),var(--bubble);font-weight:700;color:var(--d);font-size:clamp(20px,13cqw,38px);rotate:-3deg}.isleplate{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--c);color:#fff;border-radius:999px;padding:5px clamp(12px,3%,22px);max-width:100%;box-shadow:0 4px 0 var(--d),0 8px 16px rgba(60,110,150,.2)}.isleplate .tilename{font-size:clamp(13px,1.7vw,20px);line-height:1.1;-webkit-line-clamp:2;max-width:100%}.isleplate .tilesub{font-size:clamp(10px,1.15vw,13px);opacity:.92}@media(hover:hover){.tile:not(.opening):hover{transform:none;translate:0 -10px}.tile:not(.opening):hover .isle img{filter:drop-shadow(0 24px 26px rgba(20,60,90,.36))}}.tile.opening{scale:1.14;translate:0 -18px}.tile.opening .isle img{filter:drop-shadow(0 30px 34px rgba(20,60,90,.4))}.tiles{grid-template-columns:repeat(3,minmax(0,300px))}.tiles.many{grid-template-columns:repeat(2,minmax(0,300px))}@media (max-width:760px){.tiles,.tiles.many{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.tiles,.tiles.many{grid-template-columns:1fr;gap:8px}}.home.mapped{display:flex;align-items:center;justify-content:center;padding:clamp(4px,1.2vh,14px)}.submap{position:relative;width:min(1040px,96vw);max-height:100%;display:grid;place-items:center}.submap-paper{width:100%;height:auto;max-height:100%;object-fit:contain;display:block;filter:drop-shadow(0 18px 26px rgba(40,80,120,.28))}.submap-field{position:absolute;left:10.5%;right:10.5%;top:11%;bottom:10%}.submap-title{position:absolute;left:50%;top:4%;translate:-50% 0;font-family:var(--bubble);font-weight:800;color:#7a5a34;font-size:clamp(13px,1.7vw,22px);white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.6)}.submap .trail{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.submark{position:absolute;translate:-50% -50%;border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;width:clamp(84px,15%,150px);transition:translate .2s cubic-bezier(.2,.9,.3,1),scale .2s cubic-bezier(.2,.9,.3,1)}.submark-pin{width:clamp(48px,72%,92px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 36% 30%,#fffdf4 0 42%,#f6e9cf 100%);border:4px solid var(--c);box-shadow:0 5px 0 var(--d),0 10px 18px rgba(90,70,40,.28);display:grid;place-items:center}.submark-icon{font-family:var(--tamil),var(--bubble);font-weight:700;color:var(--d);font-size:clamp(20px,3.2vw,40px);line-height:1}.submark-name{font-family:var(--tamil),var(--bubble);font-weight:800;color:#5b3f21;font-size:clamp(11px,1.35vw,17px);line-height:1.1;-webkit-line-clamp:2}.submark-name,.submark-sub{text-align:center;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.submark-sub{font-size:clamp(9px,1vw,12px);font-weight:700;color:#8a6b45;-webkit-line-clamp:1}.submark-tick{position:absolute;right:8%;top:-4%;width:26px;height:26px;border-radius:50%;background:var(--sage);color:#fff;font-weight:800;display:grid;place-items:center;box-shadow:0 3px 0 var(--sage-d)}.submark.done .submark-pin{border-color:var(--sage);box-shadow:0 5px 0 var(--sage-d)}@media(hover:hover){.submark:hover{translate:-50% calc(-50% - 6px);scale:1.05}}.submark.opening{scale:1.18;translate:-50% calc(-50% - 10px)}@media (max-width:640px){.submap-field{left:8%;right:8%;top:6%;bottom:7%}.submark{width:clamp(70px,26%,110px)}.submark-sub{display:none}}.submark-pin{border-color:#b99a6b;background:radial-gradient(circle at 36% 30%,#fffdf4 0 46%,#f2e3c6 100%);box-shadow:0 4px 0 #b99a6b,0 9px 16px rgba(90,70,40,.26)}.submark.done .submark-pin{border-color:#7f9c5c;box-shadow:0 4px 0 #7f9c5c,0 9px 16px rgba(90,70,40,.26)}.submark .ink{width:62%;height:62%;stroke:#6b4a24;stroke-width:1.7;filter:drop-shadow(0 .5px 0 rgba(107,74,36,.35))}.submark .ink-fallback{font-family:var(--tamil),var(--bubble);font-weight:700;color:#6b4a24;font-size:clamp(20px,3.2vw,38px);line-height:1}@keyframes mapzoomout{0%{transform:scale(1.34);opacity:0}40%{opacity:1}to{transform:scale(1);opacity:1}}.mapfield-stage,.submap{animation:mapzoomout .62s cubic-bezier(.22,.86,.28,1) backwards;transform-origin:50% 46%}.mapfield:has(.nodebtn:active),.submap:has(.submark.opening){transition:transform .5s cubic-bezier(.4,0,.6,1)}.submap:has(.submark.opening){transform:scale(1.16)}body.calm .mapfield-stage,body.calm .submap{animation:none}@media (prefers-reduced-motion:reduce){.mapfield-stage,.submap{animation:none}.submap:has(.submark.opening){transform:none}}