:root{--felt: #4b5632;--felt-dark: #353d22;--cream: #f6ecd6;--cream-2: #efe0c0;--ink: #3b2a1a;--muted: #6d5c47;--red: #c6372c;--honey: #d58b2f;--green: #6f8a3a;--stitch: rgba(255, 244, 220, .85);--font: "Nunito", "Segoe UI Rounded", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background-color:var(--felt);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px),radial-gradient(rgba(0,0,0,.08) 1px,transparent 1.6px),radial-gradient(ellipse at 50% 30%,#5d6b3a 0%,var(--felt) 55%,var(--felt-dark) 100%);background-size:7px 7px,11px 11px,100% 100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app{height:100%;display:flex;flex-direction:column;align-items:center;padding:8px 12px 10px;gap:8px}.btn{font:inherit;font-weight:700;font-size:15px;color:var(--ink);background:var(--cream);border:2px dashed rgba(120,90,50,.55);outline:3px solid var(--cream);outline-offset:-1px;border-radius:14px;padding:8px 14px;cursor:pointer;box-shadow:0 3px #3c280f59,0 6px 14px #0000002e;transition:transform .08s,box-shadow .08s}.btn:hover{background:#fff6e4;outline-color:#fff6e4}.btn:active{transform:translateY(2px);box-shadow:0 1px #3c280f59}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.sym:focus-visible,.tab:focus-visible{box-shadow:0 0 0 4px #ffd34d,0 0 0 7px var(--ink)}.btn.primary{background:var(--honey);outline-color:var(--honey);color:#fff;border-color:#fff5dccc;text-shadow:0 1px 0 rgba(90,50,10,.5)}.btn.primary:hover{background:#e19a3c;outline-color:#e19a3c}.btn.danger{background:#f1d2c8;outline-color:#f1d2c8;color:#7d1f16}.btn.small{font-size:13px;padding:5px 10px;border-radius:11px}.btn.big{font-size:24px;padding:14px 30px;border-radius:20px}.btn.adult{background:#e3ead2;outline-color:#e3ead2}.btn-row{display:flex;gap:8px;margin-top:10px}.btn-row.wrap{flex-wrap:wrap}.top-bar{width:min(100%,1400px);display:flex;align-items:center;gap:10px;color:var(--cream);flex-wrap:wrap}.bar-title{flex:1;font-weight:700;font-size:14px;opacity:.92;min-width:120px}.bar-btns{display:flex;gap:6px;flex-wrap:wrap}.stage-wrap{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100%,1400px,calc((100dvh - 210px) * 16 / 9));aspect-ratio:16 / 9;border-radius:26px;background:#cdbf9c;box-shadow:0 0 0 5px #b78b52,0 0 0 8px #8a6232,0 18px 40px #00000073;-webkit-user-select:none;user-select:none;touch-action:manipulation}.stage:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:3px dashed var(--stitch);border-radius:21px;pointer-events:none;z-index:8;opacity:.75}.stage-clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.world{position:absolute;left:0;top:0;transform-origin:0 0}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.spr{position:absolute;pointer-events:none}.spr img{width:100%;height:100%;display:block;-webkit-user-drag:none}.spr.char img,.spr.prop img{filter:drop-shadow(0 5px 5px rgba(45,30,10,.32))}.spr.touch{pointer-events:auto;cursor:pointer}.spr img.wheel{position:absolute;filter:none}.pin-head{position:absolute;height:auto!important;max-width:none}.lids{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.shadow{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(30,25,5,.55) 0%,rgba(30,25,5,.25) 45%,transparent 72%);pointer-events:none}.bubble{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 30%,rgba(255,255,255,.95) 0 9%,rgba(255,255,255,.15) 18%,transparent 40%),radial-gradient(circle at 50% 50%,transparent 55%,rgba(170,220,255,.35) 68%,rgba(255,170,230,.55) 82%,rgba(255,255,255,.7) 94%);box-shadow:inset 0 0 6px #ffffff80}.dust{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(222,200,160,.9) 0%,rgba(222,200,160,.4) 50%,transparent 72%)}.warm{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#ff8c3c99,#78325a80);mix-blend-mode:multiply}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(30,20,5,.35) 100%)}.fade{position:absolute;top:0;right:0;bottom:0;left:0;background:#2e2615;pointer-events:none}.speech{position:absolute;transform:translate(-50%,-100%);background:var(--cream);border:3px dashed #c99a5b;outline:4px solid var(--cream);border-radius:22px;padding:8px 18px;font-size:clamp(16px,2.2vw,30px);font-weight:800;color:var(--ink);box-shadow:0 8px 18px #0000004d;white-space:nowrap;z-index:6;pointer-events:none;animation:pop-in .18s ease-out}.speech:after{content:"";position:absolute;left:50%;bottom:-16px;width:22px;height:22px;background:var(--cream);transform:translate(-50%) rotate(45deg);border-right:3px dashed #c99a5b;border-bottom:3px dashed #c99a5b}.speech.adult{left:18px;bottom:18px;top:auto;transform:none;background:#e3ead2;outline-color:#e3ead2;border-color:#7d9150}.speech.adult:after{display:none}.speech-tag{display:block;font-size:12px;font-weight:700;color:var(--muted)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%,-90%) scale(.85)}}.reduced .speech{animation:none}.title{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;flex-direction:column;align-items:center;padding-top:3.5%;pointer-events:none}.title>*{pointer-events:auto}.logo{margin:0;font-size:clamp(34px,7vw,96px);font-weight:900;letter-spacing:.02em;line-height:1;color:#e9772f;-webkit-text-stroke:3px #fff3dc;paint-order:stroke fill;text-shadow:0 3px 0 #a5481c,0 5px 0 #7e3412,0 12px 20px rgba(60,25,5,.45)}.logo span:last-child{color:#5f8f3a;text-shadow:0 3px 0 #3d6322,0 5px 0 #2b4818,0 12px 20px rgba(20,40,5,.45)}.subtitle{margin:6px 0 0;font-weight:800;font-size:clamp(14px,2vw,24px);color:#5a3d1e;background:#f6ecd6e6;padding:4px 16px;border-radius:999px;border:2px dashed #c99a5b}.title-btns{margin-top:auto;margin-bottom:4%;display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;padding:0 12px}.wish{position:absolute;bottom:8px;font-size:13px;color:var(--cream);text-shadow:0 1px 2px #000}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1914088c;display:flex}.modal-wrap{align-items:center;justify-content:center;padding:16px}.modal{background:var(--cream);border-radius:24px;padding:20px 24px;max-width:560px;border:3px dashed #c99a5b;outline:6px solid var(--cream);box-shadow:0 20px 50px #0006;font-size:17px;line-height:1.45}.modal h2{margin:0 0 6px}.muted{color:var(--muted)}.radio,.check{display:flex;gap:8px;align-items:flex-start;margin:8px 0;cursor:pointer}.pref{border:none;padding:0;margin:8px 0 12px}.pref legend{font-weight:800}.how{padding-left:22px}.how li{margin:6px 0}.bottom-bar{width:min(100%,1400px);display:flex;justify-content:center;align-items:stretch;gap:16px;min-height:112px}.btn.huge{font-size:clamp(20px,2.6vw,30px);padding:16px 36px;border-radius:24px;align-self:center}.word-btn{font:inherit;display:flex;align-items:center;gap:14px;padding:10px 28px 10px 12px;border-radius:999px;border:3px dashed rgba(255,245,220,.75);background:#1e241273;color:var(--cream);font-weight:900;font-size:clamp(24px,3.2vw,40px);text-shadow:0 2px 3px rgba(0,0,0,.55);cursor:pointer;position:relative;transition:transform .1s,background .2s,opacity .2s}.word-btn img{width:clamp(72px,8vw,100px);height:auto;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}.word-btn small{position:absolute;left:50%;bottom:-2px;transform:translate(-50%,100%);font-size:12px;font-weight:700;white-space:nowrap;opacity:.85}.word-btn:active{transform:scale(.95)}.word-btn:disabled{opacity:.55;cursor:default}.word-btn:focus-visible{box-shadow:0 0 0 4px #ffd34d,0 0 0 7px var(--ink)}.word-btn.stop{background:#c6372c4d;font-size:clamp(18px,2.2vw,26px);padding-right:22px}.word-btn.stop img{width:clamp(60px,6.5vw,84px)}.word-btn.glow1{animation:glow 1.6s ease-in-out infinite}.word-btn.glow2{animation:glow .9s ease-in-out infinite;background:#d58b2f8c}@keyframes glow{0%,to{box-shadow:0 0 #ffdc7800;transform:scale(1)}50%{box-shadow:0 0 26px 10px #ffdc78bf;transform:scale(1.05)}}.map-path{position:absolute;left:0;top:0;pointer-events:none}.map-path polyline{fill:none;stroke:#fff4dc;stroke-width:9;stroke-dasharray:22 16;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 2px rgba(0,0,0,.4))}.marker{position:absolute;width:170px;height:170px;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;font:inherit}.marker img{width:100%;height:100%;filter:drop-shadow(0 8px 8px rgba(0,0,0,.45));transition:transform .15s}.marker:hover img{transform:scale(1.06)}.marker.next img{animation:bob 1.4s ease-in-out infinite}.marker.done img{filter:drop-shadow(0 8px 8px rgba(0,0,0,.45)) saturate(.6) brightness(.92)}.marker-num{position:absolute;top:-10px;right:-6px;width:58px;height:58px;border-radius:50%;background:var(--honey);color:#fff;font-size:34px;font-weight:900;display:grid;place-items:center;border:4px dashed #fff3dc;box-shadow:0 4px 8px #00000059}.marker.done .marker-num{background:var(--green)}.marker-word{position:absolute;left:50%;bottom:-46px;transform:translate(-50%);background:var(--cream);border:3px dashed #c99a5b;border-radius:999px;padding:2px 18px;font-size:32px;font-weight:900;white-space:nowrap;color:var(--ink)}@keyframes bob{50%{transform:translateY(-14px)}}.results{position:absolute;top:4%;left:50%;transform:translate(-50%);width:min(94%,620px);background:var(--cream);border:3px dashed #c99a5b;outline:5px solid var(--cream);border-radius:22px;padding:12px 18px 14px;box-shadow:0 12px 30px #00000059;z-index:7;max-height:92%;overflow:auto}.results h2{margin:0 0 6px}.res-row{display:flex;gap:10px;align-items:center;padding:6px 0;border-bottom:1px dashed #e2d0ac;font-size:16px}.res-row img{width:52px;height:52px}.res-home{font-size:14px;color:var(--muted)}@media (max-width: 760px){.app{padding:6px 6px 10px;gap:6px}.stage{width:100%;border-radius:16px}.stage:after{border-radius:12px}.bar-title{font-size:12px}.btn.big{font-size:19px;padding:10px 20px}.bottom-bar{gap:8px;min-height:96px}.word-btn{padding:8px 16px 8px 8px;gap:8px}.word-btn.stop span{display:none}.word-btn.stop{padding:8px}}@media (max-width: 760px) and (orientation: portrait){.app{justify-content:center}.stage-wrap{flex:0 0 auto;padding-top:8px}.results{top:calc(100% + 12px)}}@media (max-height: 520px) and (orientation: landscape){.stage{width:min(100%,calc((100dvh - 150px) * 16 / 9))}.bottom-bar{min-height:80px}.word-btn img{width:56px}}.scene-cards{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:flex;align-items:center;justify-content:center;gap:3%;padding:3%;background:#282d1440}.scene-card{font:inherit;position:relative;width:28%;aspect-ratio:3 / 4;background:var(--cream);border:4px dashed #c99a5b;outline:6px solid var(--cream);border-radius:26px;box-shadow:0 14px 30px #0006;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding:4% 3%;transition:transform .15s}.scene-card:hover{transform:translateY(-6px) rotate(-1deg)}.scene-card.next{animation:bob 1.6s ease-in-out infinite}.scene-card.done{opacity:.85}.sc-verb{width:55%;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.sc-title{font-weight:900;font-size:clamp(18px,3.2vw,44px);color:var(--ink)}.sc-faces{display:flex;gap:4%;width:90%;justify-content:center}.sc-faces img{width:30%;border-radius:50%;box-shadow:0 3px 6px #0000004d}.sc-num{position:absolute;top:-14px;right:-14px;width:clamp(30px,4vw,54px);height:clamp(30px,4vw,54px);border-radius:50%;background:var(--honey);color:#fff;font-weight:900;font-size:clamp(16px,2.2vw,28px);display:grid;place-items:center;border:3px dashed #fff3dc}.scene-card.done .sc-num{background:var(--green)}.phrase-bar{display:flex;gap:18px;align-items:center;justify-content:center;flex-wrap:wrap}.phrase{display:flex;gap:14px;padding:8px 14px;border-radius:28px;background:#1e241273;border:3px dashed rgba(255,245,220,.6)}.phrase.glow1{animation:glow 1.6s ease-in-out infinite}.phrase.glow2{animation:glow .9s ease-in-out infinite;background:#d58b2f80}.pcard{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--cream);font-weight:900;font-size:clamp(18px,2.4vw,30px);text-shadow:0 2px 3px rgba(0,0,0,.6)}.pcard img{width:clamp(70px,8vw,104px);height:auto;border-radius:50%;filter:drop-shadow(0 4px 5px rgba(0,0,0,.45))}.pcard i{position:absolute;top:-6px;right:-6px;width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;font-style:normal;font-size:18px;display:grid;place-items:center;border:2px solid #fff3dc}.pcard.got img{box-shadow:0 0 0 4px #9fd36b}.phrase-side{color:var(--cream);font-size:14px;min-width:230px}.mic{display:flex;align-items:center;gap:8px;font-weight:700}.mic-dot{width:14px;height:14px;border-radius:50%;background:#9a9a8a}.mic.on .mic-dot{background:#ff5a4a;animation:blink 1s infinite}.mic-denied .mic-dot,.mic-error .mic-dot{background:#e0a030}.heard{margin-top:4px;font-size:15px;opacity:.95}@media (max-width: 760px){.scene-cards{gap:2%;padding:2%}.scene-card{border-width:2px;outline-width:3px;border-radius:14px}.phrase-side{min-width:0;text-align:center}}@keyframes blink{50%{opacity:.3}}.screen-landing{height:auto;min-height:100%;padding:0;display:block;overflow-y:auto}html:has(.screen-landing),body:has(.screen-landing),#root:has(.screen-landing){height:auto}.landing{width:100%;color:var(--cream)}.l-hero{position:relative;min-height:min(88vh,760px);display:grid;place-items:center;overflow:hidden}.l-scene{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 60%}.l-char{position:absolute;bottom:4%;height:46%;filter:drop-shadow(0 10px 10px rgba(40,25,5,.45))}.l-bear{left:6%}.l-bunny{right:18%;height:40%}.l-owl{right:4%;height:34%}.l-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#1e1e0a26,#1e1e0a8c 80%)}.l-brand{position:relative;z-index:1;text-align:center;padding:24px max(16px,env(safe-area-inset-left,0px)) 18vh}.l-ball{width:clamp(110px,18vw,190px);filter:drop-shadow(0 10px 12px rgba(0,0,0,.45));animation:bob 3s ease-in-out infinite}.l-name{margin:4px 0 0;font-size:clamp(52px,11vw,132px);font-weight:900;line-height:.95;color:#e9772f;-webkit-text-stroke:4px #fff3dc;paint-order:stroke fill;text-shadow:0 4px 0 #a5481c,0 7px 0 #7e3412,0 16px 26px rgba(40,15,0,.5)}.l-tag{display:inline-block;margin:12px 0 0;font-weight:800;font-size:clamp(16px,2.6vw,26px);color:#5a3d1e;background:#f6ecd6f0;padding:4px 18px;border-radius:999px;border:2px dashed #c99a5b}.l-cta{margin-top:22px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.l-steps,.l-info,.l-foot{max-width:1080px;margin:0 auto;padding:36px max(16px,env(safe-area-inset-left,0px)) 0}.l-steps h2{text-align:center;font-size:clamp(26px,4vw,40px);margin:0 0 18px}.l-steps ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.l-steps li,.l-info>div{background:var(--cream);color:var(--ink);border:3px dashed #c99a5b;outline:5px solid var(--cream);border-radius:22px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 22px #0000004d}.l-steps li img{width:72px;border-radius:50%;align-self:center}.l-steps li b{font-size:22px;text-align:center}.l-steps li span{text-align:center;line-height:1.4}.l-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.l-info h3{margin:0;font-size:20px}.l-info p,.l-info ul{margin:0;line-height:1.45}.l-info ul{padding-left:18px}.l-foot{padding-bottom:40px;text-align:center;opacity:.85;font-size:14px}.yarn-spin{width:22px;height:auto;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 640px){.l-char{height:30%}.l-bunny{height:26%}.l-owl{height:22%}.l-brand{padding-bottom:32vh}}@media (prefers-reduced-motion: reduce){.l-ball,.yarn-spin{animation:none}}@media (max-width: 900px),(max-height: 560px){.stage{box-shadow:none;border-radius:0}.stage:after{display:none}}.rotate-hint{display:none}@media (orientation: portrait) and (max-width: 760px){.rotate-hint{display:block;color:var(--cream);font-weight:800;font-size:14px;text-align:center;background:#1e241280;border:2px dashed rgba(246,236,214,.5);border-radius:999px;padding:4px 14px}}@media (orientation: landscape) and (max-height: 560px){.app:not(.screen-landing){padding:0;gap:0;height:100dvh}.app:not(.screen-landing) .stage-wrap{position:fixed;top:0;right:0;bottom:0;left:0;padding:0}.app:not(.screen-landing) .stage{width:100vw;height:100dvh;max-width:none;aspect-ratio:auto}.app:not(.screen-landing) .top-bar{position:fixed;z-index:20;top:max(6px,env(safe-area-inset-top,0px));left:max(8px,env(safe-area-inset-left,0px));right:max(8px,env(safe-area-inset-right,0px));width:auto;pointer-events:none}.app:not(.screen-landing) .top-bar>*{pointer-events:auto}.app:not(.screen-landing) .bar-title{text-shadow:0 1px 3px rgba(0,0,0,.8)}.app:not(.screen-landing) .bottom-bar{position:fixed;z-index:20;left:0;right:0;bottom:max(6px,env(safe-area-inset-bottom,0px));width:auto;min-height:0;padding:0 max(8px,env(safe-area-inset-left,0px));pointer-events:none}.app:not(.screen-landing) .bottom-bar>*{pointer-events:auto}.phrase-bar{gap:10px;flex-wrap:nowrap;align-items:flex-end}.phrase{padding:4px 10px;gap:8px;background:#1e241299}.pcard{font-size:16px}.pcard img{width:56px}.phrase-side{background:#1e241299;border-radius:16px;padding:6px 10px;min-width:0;max-width:46vw;font-size:12px}.phrase-side .btn{font-size:13px;padding:5px 10px}.heard{font-size:12px}.btn.huge{font-size:18px;padding:10px 22px}.scene-cards{padding:56px 4% 64px}.scene-card{width:24%;aspect-ratio:4 / 5;padding:2%}.results{top:52px;max-height:calc(100dvh - 120px)}.speech.adult{bottom:auto;top:56px}}@media (max-width: 440px){.bar-title{display:none}}