:root{--moss:#7c9069;--pine:#3e5340;--amber:#d9a05b;--bark:#6b4f3a;--teal:#6f94a0;--cream:#f2e7d3;--ink:#2e3528;--card:#fbf6ec;--skyTop:#bfd9db;--skyBot:#f0e2c2}html,body{height:100%}#primary-stage.asleep #prompt,#primary-stage.asleep #controls-row{display:none}body{color:var(--ink);background:var(--skyBot);-webkit-user-select:none;user-select:none;margin:0;font-family:Nunito,Quicksand,"Baloo 2",Segoe UI Rounded,system-ui,sans-serif}#primary-stage{width:100vw;height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#primary-stage>#prompt,#primary-stage>#trace-row,#primary-stage>#verdict{width:100%;max-width:820px}#prompt{z-index:1;opacity:.8;color:#fdf3d6;text-shadow:0 1px 3px #141c34bf;margin:4px 0 10px;font-size:clamp(.85rem,2.6vw,1.05rem);font-weight:600;position:relative}#trace-row{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}#trace-host{aspect-ratio:1;touch-action:none;width:min(86vw,540px);box-shadow:none;background:0 0;border:none;margin:clamp(12px,5vh,56px) auto 0;position:relative}.trace-svg{width:100%;height:100%;display:block;overflow:visible}.trace-guide{fill:none;stroke:#fbe7b0;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2 16;opacity:.85;filter:drop-shadow(0 0 4px #ffdc82bf)}.wb-overlay{pointer-events:none;position:absolute;inset:0;overflow:visible}.wb-overlay .wb-pen{fill:none;stroke:#fff4ce;stroke-width:11px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 9px #ffd678f2)}#trace-host.paint-mode .wb-pen{stroke:#ff4fa3;stroke-width:13px;filter:drop-shadow(0 0 12px #be6eebeb)}#trace-host.paint-mode .trace-guide{stroke:#ffc2e6;filter:drop-shadow(0 0 5px #ff96d7cc);opacity:.9}.paint-fill{fill:none;stroke:#ff5cb1;stroke-width:14px;stroke-linecap:round;stroke-linejoin:round;opacity:0;filter:drop-shadow(0 0 11px #c86ee6e6)}@keyframes paint-bloom{0%{opacity:0;stroke-dashoffset:1600px;stroke:#ff5cb1}35%{opacity:1;stroke:#ff7ac4}70%{stroke:#a66bff}to{opacity:1;stroke-dashoffset:0;stroke:#ff5cb1}}.paint-fill.blooming{stroke-dasharray:1600;stroke-dashoffset:1600px;animation:1.1s ease-out forwards paint-bloom}.paint-sparkle{fill:#fff3fb;opacity:0;transform-box:fill-box;transform-origin:50%;animation:paint-sparkle .7s ease-out var(--sd,0s) forwards;filter:drop-shadow(0 0 8px #dc96f5f2)}@keyframes paint-sparkle{0%{opacity:0;transform:scale(0)}45%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(.8)}}.letter-fly{z-index:7;color:#fff4ce;text-shadow:0 0 8px #ffe08c,0 0 20px #ffc646d9;pointer-events:none;will-change:transform, opacity;font-family:Nunito,system-ui,sans-serif;font-size:clamp(2rem,9vw,3.2rem);font-weight:800;transition:transform 1.1s cubic-bezier(.4,1.2,.5,1),opacity 1.1s;position:fixed;transform:translate(0)scale(1)}@media (prefers-reduced-motion:reduce){.letter-fly,.payoff-sparkle{display:none}}@keyframes cpa-pop{0%{opacity:0}to{opacity:1}}#subitize-group .cpa-object{transition:opacity .16s;animation:.32s ease-out both cpa-pop}#subitize-group .cpa-object.counted{opacity:.4}@media (prefers-reduced-motion:reduce){#subitize-group .cpa-object{animation:none}}#subitize-group{filter:drop-shadow(0 1px 2px #0a0e1cb3)drop-shadow(0 0 6px #ffffff80)}#namita{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px #0c122673)drop-shadow(0 0 8px #dcd2f52e);width:clamp(104px,24vw,188px);transition:left .8s cubic-bezier(.4,0,.2,1),bottom .8s cubic-bezier(.4,0,.2,1),top .8s cubic-bezier(.4,0,.2,1),width .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);position:absolute;bottom:clamp(8px,4vh,40px);left:clamp(4px,3vw,40px)}.companion-costume{display:none}#namita.costume-astronaut .costume-astronaut,#namita.costume-diver .costume-diver{display:inline}#namita.in-world{filter:drop-shadow(0 6px 10px #0c122680) drop-shadow(0 0 16px var(--namita-tint,#dcd2f566));transition:none}#primary-stage.asleep #namita{pointer-events:auto;cursor:pointer;width:clamp(140px,26vh,240px);animation:2.4s ease-in-out infinite namita-wakeme;bottom:clamp(20px,7vh,80px);left:50%;transform:translate(-50%)}@keyframes namita-wakeme{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.045)}}@media (prefers-reduced-motion:reduce){#namita{transition:none}#primary-stage.asleep #namita{animation:none}.giraffe-muzzle,.giraffe-head .smile{transition:none;transform:none!important}#namita.thinking .giraffe-head{animation:none;transform:rotate(-6deg)}}#namita svg{display:block;overflow:visible}.giraffe-figure{transform-origin:116px 452px;transition:transform .5s}.giraffe-head{transform-origin:109px 86px;transition:transform .45s}.giraffe-eyes{transition:transform .35s}@keyframes namita-breathe{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-1.1deg)translateY(-2px)}}#namita.breathe .giraffe-figure{animation:3.4s ease-in-out infinite namita-breathe}#namita.looking-up .giraffe-figure{transform:rotate(-3deg)}#namita.looking-up .giraffe-head{transform:rotate(-11deg)translateY(-2px)}#namita.looking-up .giraffe-eyes{transform:translateY(-3px)}#namita.attending .giraffe-head{transform:rotate(-6deg)}#namita.pointing .giraffe-figure{transform:rotate(4deg)translateY(-2px)}#namita.pointing .giraffe-head{transform:rotate(-14deg)}@keyframes namita-celebrate{0%{transform:translateY(0)scale(1)}28%{transform:translateY(-14px)scale(1.04)}52%{transform:translateY(0)scale(1)}72%{transform:translateY(-7px)scale(1.02)}to{transform:translateY(0)scale(1)}}#namita.celebrating .giraffe-figure{animation:.9s ease-out namita-celebrate}.giraffe-muzzle{transform-origin:109px 74px;transform:scaleY(calc(1 + var(--namita-speak,0) * .4));transition:transform 60ms linear}.giraffe-head .smile{transform-origin:110px 98px;transform:translateY(calc(var(--namita-speak,0) * 3px)) scaleY(calc(1 + var(--namita-speak,0) * 1.1));transition:transform 60ms linear}#namita.listening .giraffe-head{transform:rotate(7deg)translateY(1px)}#namita.listening .giraffe-eyes{transform:translateY(1px)}@keyframes namita-think{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-9deg)translate(2px)}}#namita.thinking .giraffe-head{animation:2.4s ease-in-out infinite namita-think}#namita.encouraging .giraffe-figure{transform:rotate(3deg)translateY(-1px)}#namita.encouraging .giraffe-head{transform:rotate(-3deg)}#namita.proud .giraffe-figure{transform:translateY(-3px)scale(1.03)}#namita.proud .giraffe-head{transform:rotate(-9deg)}#namita.curious .giraffe-head{transform:rotate(11deg)translateY(-1px)}#namita.forgetful .giraffe-head{transform-origin:50% 85%;animation:1.1s ease-in-out infinite namita-forgetful}@keyframes namita-forgetful{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)translateY(1px)}}@media (prefers-reduced-motion:reduce){#namita.forgetful .giraffe-head{animation:none;transform:rotate(8deg)}}#namita.sleeping{pointer-events:auto;cursor:pointer}@keyframes namita-sleep{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-.6deg)translateY(-3px)}}#namita.sleeping .giraffe-figure{animation:4.6s ease-in-out infinite namita-sleep;transform:rotate(2deg)}#namita.sleeping .giraffe-head{transform:rotate(16deg)translateY(6px)}#namita.sleeping .giraffe-eyes{transform:scaleY(.12)translateY(2px)}#namita .sleep-z{color:#fbf6ec;text-shadow:0 1px 4px #0c12268c;opacity:0;pointer-events:none;font-family:Nunito,Quicksand,system-ui,sans-serif;font-weight:800;position:absolute;top:8%;left:62%}#namita .sleep-z.z1{font-size:18px}#namita .sleep-z.z2{font-size:24px;left:70%}#namita .sleep-z.z3{font-size:30px;left:78%}@keyframes namita-z-drift{0%{opacity:0;transform:translateY(0)scale(.7)}25%{opacity:.9}to{opacity:0;transform:translateY(-34px)scale(1.15)}}#namita.sleeping .sleep-z{animation:3.2s ease-in-out infinite namita-z-drift}#namita.sleeping .sleep-z.z2{animation-delay:1.05s}#namita.sleeping .sleep-z.z3{animation-delay:2.1s}#namita:not(.sleeping) .sleep-z{display:none}@keyframes creature-delight{0%{translate:0;scale:1}26%{translate:0 -14px;scale:1.07}52%{translate:0;scale:1}74%{translate:0 -7px;scale:1.03}to{translate:0;scale:1}}g[data-prop=creature].creature-delight{transform-box:fill-box;transform-origin:50% 100%;animation:1.2s ease-out creature-delight}g[data-prop=creature][class*=creature-prim-]{transform-box:fill-box;transform-origin:50% 100%}@keyframes creature-prim-grow{0%{translate:0;scale:1}30%{translate:0 -12px;scale:1.18}58%{translate:0 2px;scale:.97}to{translate:0;scale:1}}.creature-prim-grow{animation:1.1s cubic-bezier(.34,1.56,.64,1) creature-prim-grow}@keyframes creature-prim-evolve{0%{translate:0;scale:1}22%{translate:0 -20px;scale:1.28}44%{translate:0 -6px;scale:1.1}66%{translate:0 -12px;scale:1.18}to{translate:0;scale:1}}.creature-prim-evolve{animation:1.7s cubic-bezier(.34,1.56,.64,1) creature-prim-evolve}@keyframes creature-prim-bounce{0%,to{translate:0;scale:1}40%{translate:0 -8px;scale:1.05}}.creature-prim-receive,.creature-prim-eat,.creature-prim-equip{animation:.7s ease-out creature-prim-bounce}@keyframes creature-prim-wiggle{0%,to{rotate:0deg}25%{rotate:-5deg}75%{rotate:5deg}}.creature-prim-react{animation:.6s ease-in-out creature-prim-wiggle}@media (prefers-reduced-motion:reduce){g[data-prop=creature][class*=creature-prim-]{animation:none!important}}#primary-stage .mstar{width:clamp(48px,11vw,66px);height:clamp(48px,11vw,66px);min-height:0;box-shadow:none;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 6px #ffd666d9)drop-shadow(0 0 14px #ffc43c80);background:0 0;border:none;border-radius:0;margin:0;padding:0;transition:transform .45s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;transform:translate(-50%,-50%)scale(0)}#primary-stage .mstar:active{box-shadow:none;transform:translate(-50%,-50%)scale(1.12)}#primary-stage .mstar svg{width:100%;height:100%;display:block}@keyframes mstar-twinkle{0%{opacity:0}40%{opacity:1}70%{opacity:.7}to{opacity:1}}#primary-stage .mstar.twinkle{animation:.7s ease-out both mstar-twinkle;transform:translate(-50%,-50%)scale(1)}#primary-stage .mstar.lit{pointer-events:none;filter:drop-shadow(0 0 10px #ffe696)drop-shadow(0 0 22px #ffcd50cc);transform:translate(-50%,-50%)scale(1.24)}@keyframes mstar-idle{0%,to{opacity:1}50%{opacity:.72}}#primary-stage .mstar:not(.lit){animation:2.4s ease-in-out infinite mstar-idle}@keyframes mstar-constellation{0%{transform:translate(-50%,-50%)scale(1.24)}45%{transform:translate(-50%,-50%)scale(1.5)}to{transform:translate(-50%,-50%)scale(1.24)}}#primary-stage .mstar.constellation-pulse{animation:1s ease-in-out mstar-constellation}#count-readout{z-index:4;text-align:center;pointer-events:none;color:#ffe08a;text-shadow:0 2px 4px #10162ccc,0 0 16px #ffd25a,0 0 34px #ffb932d9;opacity:0;font-size:clamp(3.2rem,14vw,6rem);font-weight:900;transition:opacity .25s,transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:clamp(150px,32vh,300px);left:0;right:0;transform:scale(.6)}#count-readout.show{opacity:1;transform:scale(1)}#count-readout.finale{color:#bbf7a8;transform:scale(1.18)}@keyframes guide-light{0%{stroke:#fbe7b0;opacity:.85}35%{stroke:#fff1c4;opacity:1}to{stroke:#fbe7b0;opacity:.85}}.trace-guide.lighting{animation:1.2s ease-in-out guide-light}#verdict{z-index:1;color:#f4ecda;text-shadow:0 1px 3px #141c34cc;min-height:1.6em;margin:16px 0 12px;font-size:clamp(1.05rem,3.6vw,1.3rem);font-weight:700;position:relative}#controls-row{z-index:6;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;position:fixed}#primary-stage button{cursor:pointer;color:#fff;background:var(--bark);border:none;border-radius:999px;min-height:52px;padding:12px 24px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:transform 80ms;box-shadow:0 4px #2e352859}#primary-stage button:active{transform:translateY(2px);box-shadow:0 2px #2e352859}#clearBtn{color:#f1e6ce;background:#261e166b;font-weight:600;box-shadow:0 4px #1c16104d}#primary-stage #connBtn{background:var(--moss);color:#fff}#primary-stage #connBtn[data-state=off]{color:#f1e6ce;background:#261e166b;min-height:40px;padding:8px 18px;font-size:.92rem;font-weight:600;box-shadow:0 4px #1c16104d}.record-row input{border:2px solid var(--moss);border-radius:12px;min-height:44px;padding:6px 12px;font-size:1rem}.record-row .record-count{color:var(--pine);font-weight:700}@media (width<=560px){#namita{width:clamp(94px,28vw,150px);bottom:6px;left:2px}#trace-host{width:min(92vw,460px)}}#scene-host{z-index:0;pointer-events:none;position:fixed;inset:0}#scene-slot,.scene-ghost{will-change:transform;position:absolute;inset:0}.scene-ghost{z-index:0;pointer-events:none}.scene-bg,.scene-fg{will-change:transform;position:absolute;inset:0}.scene-bg{z-index:0;pointer-events:none}.scene-fg{z-index:1}@media (prefers-reduced-motion:reduce){#scene-slot,.scene-ghost,.scene-bg,.scene-fg{transition:none!important}}#scene-host.scene-resolve #scene-slot{transform-origin:50% 60%;will-change:transform, opacity;animation:.9s ease-out scene-resolve}@keyframes scene-resolve{0%{opacity:.9;transform:scale(1)}35%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.scene-burst{aspect-ratio:1;pointer-events:none;z-index:5;will-change:transform, opacity;background:radial-gradient(circle,#fff0c8d9 0%,#ffe19673 38%,#ffe19600 70%);border-radius:50%;width:46%;animation:.85s cubic-bezier(.22,.61,.36,1) forwards scene-burst;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%)scale(.35)}@keyframes scene-burst{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}25%{opacity:.95}to{opacity:0;transform:translate(-50%,-50%)scale(1.7)}}@media (prefers-reduced-motion:reduce){#scene-host.scene-resolve #scene-slot{animation:none}.scene-burst{display:none}}#ambient{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}#ambient .firefly{opacity:0;will-change:transform, opacity;background:radial-gradient(circle,#fff6c8 0%,#ffd96e 45%,#ffc43c00 72%);border-radius:50%;width:7px;height:7px;animation:9s ease-in-out infinite firefly-drift,3.4s ease-in-out infinite firefly-glow;position:absolute}#ambient .firefly:first-child{animation-duration:9s,3.4s;animation-delay:0s,.3s;bottom:20%;left:10%}#ambient .firefly:nth-child(2){animation-duration:11s,4.1s;animation-delay:1.6s,0s;bottom:34%;left:18%}#ambient .firefly:nth-child(3){animation-duration:10s,3.8s;animation-delay:.8s,1.1s;bottom:24%;left:78%}#ambient .firefly:nth-child(4){animation-duration:12s,4.6s;animation-delay:2.4s,.5s;bottom:38%;left:86%}#ambient .firefly:nth-child(5){animation-duration:13s,3.2s;animation-delay:3.1s,1.8s;bottom:14%;left:30%}#ambient .firefly:nth-child(6){animation-duration:11s,4.3s;animation-delay:1.1s,2.2s;bottom:12%;left:68%}#ambient .firefly:nth-child(7){animation-duration:14s,3.9s;animation-delay:4.2s,.9s;bottom:8%;left:50%}@keyframes firefly-drift{0%{transform:translate(0)}25%{transform:translate(14px,-20px)}50%{transform:translate(-12px,-34px)}75%{transform:translate(9px,-16px)}to{transform:translate(0)}}@keyframes firefly-glow{0%,to{opacity:0}50%{opacity:.9}}@media (prefers-reduced-motion:reduce){#ambient .firefly{opacity:.38;animation:none}g[data-prop=creature].creature-delight{animation:none}}#scene-host[hidden]{display:none}#scene-host svg{width:100%;height:100%;display:block}#scene-runes{pointer-events:none;z-index:2;position:absolute;inset:0}#primary-stage .scene-rune{min-height:0;box-shadow:none;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:16px;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}#primary-stage .scene-rune.dim{opacity:.45}#primary-stage .seek-token{color:#5a3e2b;filter:drop-shadow(0 2px 5px #0c122659);pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 50% 42%,#fff7def2,#ffe08a8c 62%,#ffe08a00 100%);border:none;border-radius:50%;place-items:center;width:clamp(48px,9vw,84px);height:clamp(48px,9vw,84px);margin:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,5vw,44px);font-weight:700;transition:transform .15s,opacity .3s;display:grid;position:absolute;transform:translate(-50%,-50%)}#primary-stage .seek-token:hover{transform:translate(-50%,-50%)scale(1.08)}#primary-stage .seek-token.dim{opacity:.3}#primary-stage .seek-token.found{filter:drop-shadow(0 0 14px #ffe08ae6);transform:translate(-50%,-50%)scale(1.25)}@keyframes seek-wrong{0%,to{transform:translate(-50%,-50%)}25%{transform:translate(-58%,-50%)}75%{transform:translate(-42%,-50%)}}#primary-stage .seek-token.wrong{animation:.3s seek-wrong}@media (prefers-reduced-motion:reduce){#primary-stage .seek-token.wrong{animation:none}}#primary-stage .drag-token{color:#5a3e2b;filter:drop-shadow(0 2px 5px #0c122659);cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:3;background:radial-gradient(circle at 50% 42%,#fff7def2,#ffe08a80 65%,#ffe08a00);border:none;border-radius:18px;place-items:center;width:clamp(56px,11vw,92px);height:clamp(56px,11vw,92px);margin:0;padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,5vw,40px);transition:transform .12s,opacity .3s;display:grid;position:absolute;transform:translate(-50%,-50%)}#primary-stage .drag-token.dragging{cursor:grabbing;z-index:9;filter:drop-shadow(0 6px 14px #0c122680);transition:none}#primary-stage .drag-token.wrong{animation:.3s seek-wrong}#primary-stage .drop-zone{color:#2e3528;text-align:center;pointer-events:none;z-index:2;background:#fffaf0eb;border:4px solid #6b4f3a;border-radius:22px;place-items:center;min-width:clamp(84px,22vw,180px);min-height:clamp(70px,16vw,130px);padding:8px 14px;font-size:clamp(.85rem,2.6vw,1.15rem);font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #141a1047,inset 0 0 0 3px #ffffff80}@media (prefers-reduced-motion:reduce){#primary-stage .drag-token.wrong{animation:none}}#primary-stage .drag-token.has-art{background:0 0}#primary-stage .drag-token .token-art{pointer-events:none;z-index:0;position:absolute;inset:0}#primary-stage .drag-token .token-art svg{width:100%;height:100%;display:block;overflow:visible}#primary-stage .drag-token .token-label{z-index:1;text-shadow:0 0 5px #ffffffe6,0 1px 3px #0c122699;font-size:clamp(22px,4.6vw,38px);position:relative}#primary-stage .drop-zone.has-art{background:0 0;border:none}#primary-stage .drop-zone .zone-art{pointer-events:none;z-index:0;position:absolute;inset:0}#primary-stage .drop-zone .zone-art svg{width:100%;height:100%;display:block;overflow:visible}#primary-stage .drop-zone .zone-label{z-index:1;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;line-height:1;display:flex;position:relative}#primary-stage .drop-zone .zone-icon{font-size:clamp(34px,7vw,56px);line-height:1}#primary-stage .drop-zone .zone-word{opacity:.85;font-size:clamp(.7rem,1.9vw,.92rem);font-weight:800}#primary-stage .drop-zone.has-art .zone-label{color:#fdf3d6;text-shadow:0 1px 3px #0c1226b3;background:#140f0a73}#primary-stage .seek-token.has-art{filter:drop-shadow(0 2px 6px #0c122666);background:0 0;width:clamp(60px,12vw,104px);height:clamp(60px,12vw,104px)}#primary-stage .seek-token .seek-art{pointer-events:none;z-index:0;position:absolute;inset:0}#primary-stage .seek-token .seek-art svg{width:100%;height:100%;display:block;overflow:visible}#primary-stage .seek-token .seek-art.is-skin{place-items:center;font-size:clamp(36px,8vw,72px);line-height:1;display:grid}#primary-stage .seek-decor{pointer-events:none;opacity:.9;font-size:clamp(20px,4vw,40px);position:absolute;transform:translate(-50%,-50%)}#primary-stage .seek-token .seek-plate{z-index:1;pointer-events:none;background:#fdf7ea;border-radius:28%;width:64%;height:60%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #281c0e59,inset 0 1px 1px #ffffffe6,inset 0 -1px 2px #785a3224}#primary-stage .seek-token .seek-letter{z-index:2;color:#3a2a1a;text-shadow:0 1px 1px #5a3c1e38;font-family:Nunito,Quicksand,"Baloo 2",system-ui,sans-serif;font-size:clamp(22px,4.6vw,40px);font-weight:800;line-height:1;position:relative}#primary-stage .seek-token .seek-letter.is-number{color:#241a33;font-weight:900}#build-strip{z-index:1;pointer-events:none;justify-content:center;align-items:center;gap:clamp(6px,1.2vw,12px);margin:6px auto 2px;display:flex;position:relative}#build-strip:empty{display:none}#build-strip .build-slot{color:#0000;background:#fff7de1f;border:2px dashed #fff6d873;border-radius:26%;place-items:center;width:clamp(34px,6vw,56px);height:clamp(40px,7vw,64px);font-family:Nunito,Quicksand,"Baloo 2",system-ui,sans-serif;font-size:clamp(20px,4vw,38px);font-weight:900;line-height:1;transition:transform .18s,background .18s,border-color .18s;display:grid}#build-strip .build-slot.filled{color:#241a33;background:#fdf7ea;border:2px solid #0000;animation:.22s build-drop;box-shadow:0 2px 6px #281c0e66,inset 0 1px 1px #ffffffe6}@keyframes build-drop{0%{opacity:.4;transform:translateY(-8px)scale(.8)}to{opacity:1;transform:none}}#build-strip.done .build-slot{animation:.5s build-pop}@keyframes build-pop{40%{transform:scale(1.14)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){#build-strip .build-slot.filled,#build-strip.done .build-slot{animation:none}}#primary-stage .scene-egg{min-height:0;box-shadow:none;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:18px;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}@keyframes egg-chosen-pop{0%{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.18)}to{transform:translate(-50%,-50%)scale(1.06)}}#primary-stage .scene-egg.chosen{animation:.5s ease-out forwards egg-chosen-pop}#fork-host{pointer-events:none;z-index:6;background:#120e2257;position:absolute;inset:0}#primary-stage .fork-card{color:#fff4ce;pointer-events:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:linear-gradient(#2e2646eb,#1c1630f0);border:3px solid #fff4cee6;border-radius:26px;flex-direction:column;align-items:center;gap:8px;width:clamp(132px,34vw,224px);padding:clamp(10px,2.5vw,18px);transition:transform .14s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:58%;transform:translate(-50%,-50%);box-shadow:0 10px 22px #0c122680,0 0 22px #ffe08a66}#primary-stage .fork-card:first-of-type{left:33%}#primary-stage .fork-card:nth-of-type(2){left:67%}#primary-stage .fork-card .fork-art{justify-content:center;align-items:center;width:clamp(86px,22vw,150px);height:clamp(86px,22vw,150px);display:flex}#primary-stage .fork-card .fork-art svg{width:100%;height:100%;display:block}#primary-stage .fork-card .fork-label{opacity:.9;font-family:Nunito,Quicksand,"Baloo 2",system-ui,sans-serif;font-size:clamp(.85rem,2.6vw,1.1rem);font-weight:700}#primary-stage .fork-card:active{animation:none;transform:translate(-50%,-50%)scale(.94)}@keyframes fork-invite{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.04)}}#primary-stage .fork-card{animation:2.2s ease-in-out infinite fork-invite}#primary-stage .fork-card:nth-of-type(2){animation-delay:1.1s}@media (prefers-reduced-motion:reduce){#primary-stage .fork-card{animation:none}}#door-host{z-index:1;aspect-ratio:300/420;touch-action:manipulation;width:min(82vw,460px);margin:clamp(8px,3vh,36px) auto 0;position:relative}#door-host[hidden]{display:none}#door-svg{width:100%;height:100%;display:block;overflow:visible}@keyframes door-shimmer{0%,to{opacity:.55}50%{opacity:1}}#door-svg .door-shimmer{transform-origin:150px 200px;animation:3.6s ease-in-out infinite door-shimmer}#door-svg .door-beyond,#door-svg .door-beyond-spark{opacity:0;transition:opacity .5s}#door-host.opened .door-beyond,#door-host.opened .door-beyond-spark{opacity:1}#door-svg .door-leaf{transform-origin:54px 230px;transition:transform .7s cubic-bezier(.34,1.2,.5,1)}#door-svg .door-leaf-right{transform-origin:246px 230px}#door-host.opened .door-leaf-left{transform:perspective(600px)rotateY(-78deg)}#door-host.opened .door-leaf-right{transform:perspective(600px)rotateY(78deg)}#door-runes{pointer-events:none;position:absolute;inset:0}#primary-stage .door-rune{width:clamp(74px,19vw,104px);height:clamp(74px,19vw,104px);min-height:0;box-shadow:none;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 0 7px #ffe08ce6)drop-shadow(0 0 16px #ffc64699);background:0 0;border:none;border-radius:16px;margin:0;padding:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .4s;position:absolute;transform:translate(-50%,-50%)}#primary-stage .door-rune svg{width:100%;height:100%;display:block;overflow:visible}#primary-stage .door-rune .rune-glyph{fill:#fff6d8;stroke:#ffe08a;stroke-width:1.5px;paint-order:stroke fill;letter-spacing:0;font-family:Nunito,Quicksand,"Baloo 2",Segoe UI Rounded,Arial Rounded MT Bold,system-ui,-apple-system,Segoe UI,sans-serif;font-size:64px;font-weight:800}#primary-stage .door-rune:active{box-shadow:none;transform:translate(-50%,-50%)scale(1.08)}@keyframes rune-idle{0%,to{opacity:1}50%{opacity:.78}}#primary-stage .door-rune{animation:2.6s ease-in-out infinite rune-idle}@keyframes rune-flare{0%{transform:translate(-50%,-50%)scale(1)}45%{transform:translate(-50%,-50%)scale(1.32)}to{opacity:.15;transform:translate(-50%,-50%)scale(1.1)}}#primary-stage .door-rune.correct{pointer-events:none;animation:.8s ease-out forwards rune-flare}@keyframes rune-shake{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(-58%,-50%)}40%{transform:translate(-42%,-50%)}60%{transform:translate(-55%,-50%)}80%{transform:translate(-45%,-50%)}}#primary-stage .door-rune.wrong{animation:.5s ease-in-out rune-shake}#primary-stage .door-rune.dim{filter:drop-shadow(0 0 4px #ffe08c59);opacity:.6}@media (prefers-reduced-motion:reduce){#door-svg .door-shimmer{opacity:.8;animation:none}#primary-stage .door-rune{animation:none}#primary-stage .door-rune.correct{opacity:.15;animation:none;transform:translate(-50%,-50%)scale(1.1)}#primary-stage .door-rune.wrong{animation:none}#door-svg .door-leaf,#door-svg .door-beyond,#door-svg .door-beyond-spark{transition:none}#namita.breathe .giraffe-figure,#namita.celebrating .giraffe-figure{animation:none}.giraffe-figure,.giraffe-head,.giraffe-eyes{transition:none}#namita.sleeping .giraffe-figure{animation:none;transform:rotate(2deg)}#namita.sleeping .sleep-z{opacity:0;animation:none}#primary-stage .scene-egg.chosen{animation:none;transform:translate(-50%,-50%)scale(1.06)}#primary-stage .mstar{opacity:1;transition:none;transform:translate(-50%,-50%)scale(1)}#primary-stage .mstar.twinkle{animation:none;transform:translate(-50%,-50%)scale(1)}#primary-stage .mstar.lit{transform:translate(-50%,-50%)scale(1.24)}#primary-stage .mstar:not(.lit),#primary-stage .mstar.constellation-pulse{animation:none}#count-readout{transition:none;transform:scale(1)}.trace-guide.lighting{animation:none}.paint-fill.blooming{opacity:1;stroke-dasharray:none;stroke-dashoffset:0;animation:none}.paint-sparkle{opacity:0;animation:none}}#placement-onboarding{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#261e168c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#placement-onboarding .po-card{background:var(--card);color:var(--ink);border-radius:22px;width:min(560px,100%);max-height:92dvh;padding:26px 24px;font-family:Nunito,Quicksand,system-ui,sans-serif;overflow-y:auto;box-shadow:0 18px 50px #261e1659}#placement-onboarding h2{color:var(--pine);margin:0 0 4px;font-size:1.4rem}#placement-onboarding .po-sub{color:var(--bark);margin:0 0 18px;font-size:.95rem}#placement-onboarding .po-group{margin-bottom:16px}#placement-onboarding .po-group h3{color:var(--bark);margin:0 0 8px;font-size:1rem}#placement-onboarding .po-row{flex-wrap:wrap;gap:8px;display:flex}#placement-onboarding .po-opt{min-width:140px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border:2px solid #6b4f3a40;border-radius:14px;flex-direction:column;flex:calc(50% - 8px);align-items:flex-start;gap:2px;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .12s,background .12s;display:flex}#placement-onboarding .po-opt .po-label{font-weight:700}#placement-onboarding .po-opt .po-hint{color:var(--bark);opacity:.8;font-size:.8rem}#placement-onboarding .po-opt.po-selected{border-color:var(--moss);background:#7c906924}#placement-onboarding .po-go{background:var(--moss);color:#fff;cursor:pointer;border:none;border-radius:16px;flex:auto;margin-top:0;padding:13px;font-family:inherit;font-size:1.1rem;font-weight:800}#placement-onboarding .po-go:active{transform:translateY(1px)}#placement-onboarding .po-go:disabled{opacity:.45;cursor:not-allowed}#placement-onboarding .po-mic-skip{color:var(--bark);cursor:pointer;opacity:.7;background:0 0;border:none;margin-top:4px;padding:8px;font-family:inherit;font-size:.85rem;text-decoration:underline}#placement-onboarding .po-progress{justify-content:center;gap:7px;margin-bottom:16px;display:flex}#placement-onboarding .po-dot{background:#6b4f3a38;border-radius:50%;width:8px;height:8px;transition:background .15s}#placement-onboarding .po-dot.done{background:#7c90698c}#placement-onboarding .po-dot.on{background:var(--moss);transform:scale(1.25)}#placement-onboarding .po-step{min-height:160px}#placement-onboarding .po-nav{align-items:center;gap:10px;margin-top:18px;display:flex}#placement-onboarding .po-back{color:var(--bark);cursor:pointer;background:#fff;border:2px solid #6b4f3a40;border-radius:16px;flex:none;padding:13px 14px;font-family:inherit;font-size:1rem;font-weight:700}#placement-onboarding .po-opt .po-emoji{margin-bottom:2px;font-size:1.5rem;line-height:1}#placement-onboarding .po-name{padding:4px 0}#placement-onboarding .po-name-input{box-sizing:border-box;width:100%;color:var(--ink);background:#fff;border:2px solid #6b4f3a4d;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:1.2rem;font-weight:700}#placement-onboarding .po-name-input:focus{border-color:var(--moss);outline:none}#placement-onboarding .po-name-input::placeholder{color:var(--bark);opacity:.45;font-weight:600}#placement-onboarding .po-row.compact{gap:7px}#placement-onboarding .po-chip{text-align:center;flex-direction:column;flex:calc(33.333% - 7px);align-items:center;gap:3px;min-width:90px;padding:10px 6px}#placement-onboarding .po-chip .po-emoji{margin:0;font-size:1.7rem}#placement-onboarding .po-chip .po-label{font-size:.82rem;font-weight:600}#placement-onboarding .po-mic{flex-direction:column;align-items:stretch;gap:12px;display:flex}#placement-onboarding .po-mic-btn{border:2px solid var(--moss);color:var(--pine);cursor:pointer;background:#7c906924;border-radius:16px;padding:15px;font-family:inherit;font-size:1.1rem;font-weight:800}#placement-onboarding .po-mic-btn:disabled{opacity:.6;cursor:default}#placement-onboarding .po-mic-status{min-height:1.2em;color:var(--bark);text-align:center;margin:0;font-size:.95rem}#world-build{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background:#261e16d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}#world-build .build-card{background:var(--card);color:var(--ink);border-radius:22px;width:min(560px,100%);max-height:92dvh;padding:24px 22px;font-family:Nunito,Quicksand,system-ui,sans-serif;overflow-y:auto;box-shadow:0 18px 50px #261e1659}#world-build .build-title{color:var(--pine);margin:0 0 4px;font-size:1.35rem}#world-build .build-value{color:var(--bark);min-height:2.6em;margin:0 0 16px;font-size:.98rem;line-height:1.35}#world-build .build-steps{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}#world-build .build-step{color:var(--bark);opacity:.5;align-items:center;gap:10px;font-size:.95rem;transition:opacity .2s;display:flex}#world-build .build-step.on{opacity:1;color:var(--pine);font-weight:700}#world-build .build-step.done{opacity:.85}#world-build .build-dot{border:2px solid #6b4f3a59;border-radius:50%;flex:none;width:12px;height:12px}#world-build .build-step.on .build-dot{border-color:var(--moss);animation:1.1s ease-in-out infinite build-pulse}#world-build .build-step.done .build-dot{background:var(--moss);border-color:var(--moss)}@keyframes build-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}#world-build .build-art{background:#7c90691a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;margin-bottom:16px;padding:14px;display:flex}#world-build .build-art-stage{aspect-ratio:1;width:100%;max-width:260px}#world-build .build-art-stage:empty{display:none}#world-build .build-backdrop{border-radius:12px;width:100%;height:100%;animation:.6s build-fade;display:block;box-shadow:0 4px 14px #261e162e}#world-build .build-canvas{border-radius:12px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 14px #261e1624}#world-build .build-canvas:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:2.2s ease-in-out infinite build-sheen;position:absolute;inset:0;transform:translate(-100%)}@keyframes build-sheen{to{transform:translate(100%)}}@keyframes build-fade{0%{opacity:0}to{opacity:1}}#world-build .build-art-text{color:var(--ink);text-align:center;margin:0;font-size:1rem;font-style:italic;line-height:1.4}#world-build .build-art-text:empty{display:none}#world-build .build-art-caption{letter-spacing:.04em;text-transform:uppercase;color:var(--bark);opacity:.7;text-align:center;margin:0;font-size:.78rem}#world-build .build-art-caption:empty{display:none}#world-build .build-thinking{text-align:center;color:var(--bark);margin:12px 0 16px;font-size:.9rem}#world-build .build-dots{vertical-align:middle;gap:4px;margin-left:4px;display:inline-flex}#world-build .build-dots i{background:var(--moss);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite build-think;display:inline-block}#world-build .build-dots i:nth-child(2){animation-delay:.2s}#world-build .build-dots i:nth-child(3){animation-delay:.4s}@keyframes build-think{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}#world-build .build-go{opacity:.55;cursor:default;width:100%}#world-build .build-go.build-go-ready{opacity:1;cursor:pointer;padding:16px;font-size:1.2rem;animation:.36s build-ready-pop;box-shadow:0 6px 18px #7c906973}@keyframes build-ready-pop{0%{transform:scale(.96)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){#world-build .build-dot,#world-build .build-backdrop,#world-build .build-dots i,#world-build .build-go.build-go-ready,#world-build .build-canvas:after{animation:none}}#sentence-host{z-index:8;pointer-events:none;background:#fbf6eceb;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:0 14px;max-width:86vw;padding:14px 22px;font-family:Nunito,Quicksand,system-ui,sans-serif;display:flex;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #261e1638}#sentence-host .sentence-word{letter-spacing:.5px;font-size:clamp(1.6rem,6vw,2.6rem);font-weight:800}#sentence-host .sentence-grapheme{display:inline-block}#sentence-host .sentence-grapheme.welded{letter-spacing:-1px;border-bottom:2px solid;border-radius:2px}.first-run-wake-cue{color:#fdf7ea;text-shadow:0 2px 8px #00000073;pointer-events:none;z-index:8;flex-direction:column;align-items:center;gap:4px;font-size:clamp(16px,3.5vw,24px);font-weight:800;animation:1.4s ease-in-out infinite frw-bob;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%)}.first-run-wake-cue .frw-arrow{font-size:1.4em}@keyframes frw-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){.first-run-wake-cue{animation:none}}#primary-stage .stage-piece{cursor:pointer}#primary-stage .stage-piece:focus-visible{outline:none}#primary-stage .stage-piece:focus-visible>.stage-fx{filter:drop-shadow(0 0 8px #f2e7d3f2)}#primary-stage .stage-fx{transform-box:fill-box;transform-origin:50%}@keyframes stage-pop{0%{transform:scale(1)}40%{transform:scale(1.16)}to{transform:scale(1)}}#primary-stage .stage-pop{animation:.5s stage-pop}@keyframes stage-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}#primary-stage .stage-shake{animation:.4s stage-shake}#primary-stage .stage-lit{filter:drop-shadow(0 0 14px #ffd98ae6)}#primary-stage .stage-dim{opacity:.45;transition:opacity .5s}@media (prefers-reduced-motion:reduce){#primary-stage .stage-pop,#primary-stage .stage-shake{animation:none}}#primary-stage .stage-drag-piece{cursor:grab;touch-action:none}#primary-stage .stage-drag-piece.dragging{cursor:grabbing}#primary-stage .stage-drag-piece.dragging .stage-fx{filter:drop-shadow(0 6px 14px #0c122680)}#primary-stage .stage-drag-piece.placed{transition:opacity .3s}#primary-stage .drop-zone.kit-zone{box-shadow:none;background:0 0;border:none}#primary-stage .drop-zone.kit-zone .zone-label{color:#fdf3d6;text-shadow:0 1px 3px #0c1226b3;background:#140f0a66;border-radius:999px;padding:4px 10px}#primary-stage .drop-zone.kit-zone.drag-over{filter:drop-shadow(0 0 12px #ffd98ae6)}