*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#bfe8ff;height:100%;margin:0;font-family:Comic Sans MS,Chalkboard SE,sans-serif;overflow:hidden}.screen{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;padding:16px;display:flex}.button{font:inherit;color:#4a2e00;cursor:pointer;background:#ffb703;border:none;border-radius:32px;min-width:64px;min-height:64px;padding:12px 32px;font-size:1.5rem;box-shadow:0 4px #d99500}.button:active{transform:translateY(3px);box-shadow:0 1px #d99500}.code-input{font:inherit;text-align:center;text-transform:uppercase;border:4px solid #ffb703;border-radius:16px;outline:none;width:min(90vw,400px);min-height:64px;font-size:1.8rem}.lineup{grid-template-columns:repeat(3,1fr);place-items:end center;gap:4px;max-width:100vw;display:grid}.char{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px;transition:transform .25s;display:flex}.char svg{filter:drop-shadow(0 3px 5px #00000047);width:auto;height:clamp(120px,24vmin,200px)}.char-name{color:#3d3d3d;z-index:2;background:#ffffffe0;border-radius:12px;padding:1px 12px;font-size:1.1rem;font-weight:700;box-shadow:0 1px 3px #0000001f}.select-screen{z-index:0;position:relative}.select-backdrop{z-index:-1;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.select-screen h1{background:#ffffffbf;border-radius:20px;padding:4px 24px}.char-forward{transform:translateY(-6px)scale(1.1)}.lineup{row-gap:18px}.char-card{background:#fff;border-radius:24px;align-items:center;gap:16px;padding:12px 24px;font-size:1.4rem;display:flex;box-shadow:0 4px 12px #00000026}.map-screen{background:linear-gradient(#7ec8ff 0% 50%,#7cc46a 50% 100%);height:100%;position:relative}.map-svg{width:100%;height:100%;display:block}.map-back{z-index:1;padding:4px 12px;position:absolute;top:12px;left:12px}.celebration{z-index:10;background:#ffffffd9;flex-direction:column;justify-content:center;align-items:center;font-size:2rem;display:flex;position:fixed;inset:0}.celebration-star{font-size:8rem;animation:.6s ease-out star-pop}@keyframes star-pop{0%{transform:scale(0)rotate(-30deg)}70%{transform:scale(1.3)rotate(10deg)}to{transform:scale(1)rotate(0)}}.game-screen{background:linear-gradient(#bfe8ff 0% 45%,#8fd07a 45% 100%);flex-direction:column;height:100%;display:flex}.prompt-bar{text-align:center;background:#fff;border-radius:26px;align-self:center;width:fit-content;max-width:calc(100vw - 192px);margin:14px 96px 0;padding:10px 32px;font-size:1.6rem;box-shadow:0 4px 12px #00000026}.prompt-target{font-size:2rem}.hitta-svg{flex:1;width:100%;min-height:0}.wiggle{animation:.4s wiggle}@keyframes wiggle{25%{transform:translate(-2px)rotate(-6deg)}75%{transform:translate(2px)rotate(6deg)}}.hoppa-wrap{background:linear-gradient(#5fb5f0 0% 50%,#8fd07a 50% 100%);justify-content:center;align-items:center}.hoppa-canvas{touch-action:none;width:100%;max-width:900px;max-height:100%}.card-info{flex-direction:column;gap:4px;display:flex}.card-row{align-items:center;gap:6px;font-size:1.15rem;display:inline-flex}.flower-off{filter:grayscale();opacity:.4}.dad-bike{animation:4s ease-in forwards dad-ride}@keyframes dad-ride{0%{transform:translate(-18px,48px)rotate(0)}80%{transform:translate(45px,48px)rotate(0)}92%{transform:translate(53px,47px)rotate(24deg)}to{transform:translate(57px,49px)rotate(70deg)}}.dad-wheel{transform-box:fill-box;transform-origin:50%;animation:.5s linear infinite dad-spin}@keyframes dad-spin{to{transform:rotate(360deg)}}.dad-legs{transform-box:fill-box;transform-origin:bottom;animation:.5s ease-in-out infinite alternate dad-kick}@keyframes dad-kick{0%{transform:rotate(-6deg)}to{transform:rotate(7deg)}}.dad-bush-shake{transform-box:fill-box;transform-origin:50%;animation:.15s ease-in-out 5 dad-shake}@keyframes dad-shake{0%{transform:translate(-.6px)}to{transform:translate(.6px)}}.dad-leaves{animation:1.2s ease-out forwards dad-leaves}@keyframes dad-leaves{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.anim-sway{transform-box:fill-box;transform-origin:bottom;animation:3.2s ease-in-out infinite alternate hs-sway}@keyframes hs-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}.anim-bob{animation:1.8s ease-in-out infinite alternate hs-bob}@keyframes hs-bob{0%{transform:translateY(0)}to{transform:translateY(-1.6px)}}.anim-flutter{animation:5s ease-in-out infinite hs-flutter}@keyframes hs-flutter{0%{transform:translate(0)}25%{transform:translate(4px,-3px)}50%{transform:translate(8px,1px)}75%{transform:translate(3px,-2.5px)}to{transform:translate(0)}}.anim-drift{animation:9s ease-in-out infinite alternate hs-drift}@keyframes hs-drift{0%{transform:translate(-6px)}to{transform:translate(9px)}}.mala-wrap{background-color:#ffe9c7;background-image:radial-gradient(#f2a6642e 12%,#0000 13%),radial-gradient(#f2a6642e 12%,#0000 13%);background-position:0 0,32px 32px;background-size:64px 64px;justify-content:flex-start;align-items:center}.mala-stage{aspect-ratio:1;outline-offset:-14px;background:#fffdf8;border:6px solid #fff;border-radius:24px;outline:3px dashed #f2c04c;width:min(88vmin,560px);margin:auto 0;position:relative;box-shadow:0 10px 28px #78461440}.mala-layer{touch-action:none;border-radius:24px;width:100%;height:100%;position:absolute;inset:0}.mala-clear{z-index:2;padding:8px 16px;position:absolute;bottom:12px;right:12px}.code-card{background:#ffffffeb;border-radius:28px;flex-direction:column;align-items:center;gap:16px;max-width:92vw;padding:32px 36px;display:flex;box-shadow:0 10px 28px #0000002e}.code-card h1{margin:0}.confetti-bit{border-radius:3px;width:12px;height:18px;animation:2.3s ease-in forwards confetti-fall;position:absolute;top:-24px}@keyframes confetti-fall{to{transform:translateY(105vh)rotate(560deg)}}.room-screen{z-index:0;background:linear-gradient(#f7e8d5 0% 60%,#c9955c 60% 100%);height:100%;position:relative}.room-svg{width:100%;height:100%;display:block}.room-kid{filter:drop-shadow(0 4px 6px #0000004d);pointer-events:none;position:absolute;bottom:6%;left:50%;transform:translate(-80%)}.painting-wrap{gap:10px}.paint-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:10px;display:flex}.paint-group{background:#ffffffeb;border-radius:22px;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 4px 12px #00000026}.paint-swatch{cursor:pointer;border:3px solid #0000001f;border-radius:50%;width:38px;height:38px}.paint-brush{cursor:pointer;background:#fff;border:3px solid #0000001f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.paint-brush span{background:#3d3d3d;border-radius:50%}.paint-active{border-color:#ffb703;transform:scale(1.12)}.paint-save,.paint-clear{min-height:48px;padding:6px 18px;font-size:1.1rem}.paint-canvas{aspect-ratio:4/3;touch-action:none;background:#fff;border-radius:18px;width:min(94vw,720px);box-shadow:0 8px 22px #78461440}.paint-gallery{gap:10px;padding-bottom:12px;display:flex}.paint-thumb{cursor:pointer;background:#fff;border:3px solid #fff;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 3px 8px #0003}.paint-thumb img{object-fit:cover;width:84px;height:63px;display:block}.wardrobe-screen{background:linear-gradient(#8a5a2b 0%,#a9743d 18%,#f7e8d5 18% 100%);flex-direction:column;align-items:center;gap:8px;height:100%;padding:14px;display:flex;overflow-y:auto}.wardrobe-preview{background:#ffffffd9;border-radius:26px;margin-top:40px;padding:10px 44px;position:relative;box-shadow:0 8px 22px #0003}.wardrobe-rows{flex-direction:column;gap:10px;width:min(94vw,640px);padding-bottom:16px;display:flex}.wardrobe-title{color:#6e4620;margin-bottom:4px;font-size:1.15rem;font-weight:700}.wardrobe-items{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.wardrobe-item{font:inherit;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:8px 10px;display:flex;box-shadow:0 3px 8px #0000001f}.wardrobe-emoji{font-size:1.7rem}.wardrobe-name{align-items:center;gap:3px;font-size:.85rem;display:inline-flex}.wardrobe-selected{background:#fff6df;border-color:#ffb703}.wardrobe-locked{opacity:.55;cursor:default}.memo-wrap{align-items:center}.memo-grid{gap:12px;margin:auto;display:grid}.memo-small{grid-template-columns:repeat(3,1fr)}.memo-big{grid-template-columns:repeat(4,1fr)}.memo-card{aspect-ratio:3/4;cursor:pointer;perspective:500px;background:0 0;border:none;width:min(21vmin,110px);padding:0}.memo-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .35s;display:block;position:relative}.memo-up .memo-inner{transform:rotateY(180deg)}.memo-front,.memo-back{backface-visibility:hidden;border-radius:14px;justify-content:center;align-items:center;font-size:2.4rem;display:flex;position:absolute;inset:0;box-shadow:0 4px 10px #0003}.memo-front{color:#fff;background:linear-gradient(135deg,#ffb703,#ff8ab5)}.memo-back{background:#fff;transform:rotateY(180deg)}.memo-matched .memo-back{background:#e7f8e9;box-shadow:0 0 0 3px #8fd694}.pussel-wrap{align-items:center}.pussel-svg{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;flex:1;width:min(96vw,620px);min-height:0}.school-glow{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite alternate school-pulse}@keyframes school-pulse{0%{filter:drop-shadow(0 0 1px #ffd166);transform:scale(1)}to{filter:drop-shadow(0 0 7px #ffb703);transform:scale(1.07)}}.school-text{margin:0;font-size:1.5rem}.paint-rainbow{background:conic-gradient(#e8577d,#f5a25c,#ffd166,#8fd694,#7bd1f0,#c9a0f5,#e8577d)}.paint-swatch{justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.tappable{transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite tap-pulse}@keyframes tap-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.room-sparkle{animation:1.8s ease-in-out infinite sparkle-blink}@keyframes sparkle-blink{0%,to{opacity:1}50%{opacity:.25}}.room-name{z-index:2;color:#6e4620;background:#ffffffe6;border-radius:16px;padding:4px 18px;font-weight:700;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 3px 8px #00000026}.room-nav{z-index:2;color:#8a5a2b;background:#ffffffbf;border:3px solid #ffffffe6;border-radius:50%;width:62px;min-width:0;height:62px;min-height:0;padding:0;font-size:1.5rem;position:absolute;bottom:96px;box-shadow:0 3px 10px #0000002e}.room-nav:active{transform:scale(.92);box-shadow:0 1px 4px #0000002e}.room-nav-left{left:10px}.room-nav-right{right:10px}.tv-screen{animation:2.6s ease-in-out infinite tv-flicker}@keyframes tv-flicker{0%,to{opacity:1}45%{opacity:.85}50%{opacity:1}70%{opacity:.9}}.paint-back{min-width:56px;min-height:56px;padding:6px 14px;font-size:1.2rem}.beer-wrap,.tvatt-wrap{align-items:center}.bottle-pour{transform-box:fill-box;transform-origin:50%;transition:transform .2s;transform:rotate(-42deg)}.paint-main{align-items:center;gap:12px;display:flex}.paint-main .paint-canvas{width:min(80vw,640px)}.paint-side{flex-direction:column}.paint-actions{justify-content:center;display:flex}.voice-recording{border-color:#d94f4f;animation:1s ease-in-out infinite alternate rec-pulse}@keyframes rec-pulse{0%{box-shadow:0 0 #d94f4f80}to{box-shadow:0 0 0 8px #d94f4f00}}.install-banner{z-index:20;background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:1rem;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 6px 18px #00000040}.install-text{flex:220px;min-width:0;line-height:1.35}.install-close{flex:none}.install-btn{min-height:44px;padding:6px 16px;font-size:1rem}.install-close{cursor:pointer;background:#f0f0f0;border:none;border-radius:50%;width:34px;height:34px;font-size:1rem}.voice-stack{flex-direction:column;gap:8px;display:flex;position:absolute;top:10px;right:10px}.voice-btn{cursor:pointer;background:#fff;border:3px solid #0000001a;border-radius:50%;width:50px;height:50px;font-size:1.35rem;box-shadow:0 3px 8px #00000026}.fail-overlay{background:#fff5f5eb}.fail-buttons{gap:14px;display:flex}.fail-exit{color:#3d3d3d;background:#e8e8e8;box-shadow:0 4px #c9c9c9}.rakna-wrap{align-items:center}.rakna-board{background:#ffffffe6;border-radius:28px;flex-direction:column;align-items:center;gap:26px;margin:auto;padding:30px 40px;display:flex;box-shadow:0 8px 22px #00000026}.rakna-items{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:70vw;font-size:2.8rem;display:flex}.rakna-plus{color:#6e4620;font-weight:700}.rakna-options{gap:16px;display:flex}.rakna-option{min-width:84px;font-size:2rem}.rakna-progress{font-size:1.4rem}.harma-wrap{align-items:center}.harma-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:auto;display:grid}.harma-pad{aspect-ratio:1;cursor:pointer;border:6px solid #0000001f;border-radius:26px;width:min(36vmin,190px);transition:transform .12s,background .12s;box-shadow:0 6px 14px #0000002e}.regn-wrap{background:linear-gradient(#5fb5f0 0%,#cdeeff 100%)}.regn-sky{flex:1;position:relative;overflow:hidden}.regn-drop{width:64px;height:64px;font:inherit;color:#3d3d3d;cursor:pointer;background:#fff;border:none;border-radius:50%;font-size:1.9rem;font-weight:700;position:absolute;box-shadow:0 4px 10px #0003}.regn-target{color:#d94f8a;font-size:2rem}.school-kid{bottom:2%;left:1%;transform:none}.quirk-sally svg{animation:2.6s ease-in-out infinite q-cartwheel}@keyframes q-cartwheel{0%{transform:rotate(0)}22%{transform:rotate(-8deg)}60%{transform:rotate(360deg)}to{transform:rotate(360deg)}}.quirk-elvira svg{animation:2.8s ease-in-out infinite q-twirl}@keyframes q-twirl{0%{transform:rotateY(0)}55%{transform:rotateY(360deg)}to{transform:rotateY(360deg)}}.quirk-leah svg{animation:1.6s ease-in-out infinite q-hop}@keyframes q-hop{0%,to{transform:translateY(0)}18%{transform:translateY(-16px)}36%{transform:translateY(0)}50%{transform:translateY(-10px)}64%{transform:translateY(0)}}.quirk-juni svg{transform-origin:bottom;animation:1.4s ease-in-out infinite alternate q-dance}@keyframes q-dance{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.quirk-mila svg{transform-origin:bottom;animation:1.1s ease-in-out infinite q-bounce}@keyframes q-bounce{0%,to{transform:scale(1)}30%{transform:scale(1.06,.92)}60%{transform:scale(.96,1.06)translateY(-6px)}}.quirk-harry svg{transform-origin:bottom;animation:1.3s ease-in-out infinite q-vroom}@keyframes q-vroom{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-5px)rotate(-6deg)}75%{transform:translate(5px)rotate(6deg)}}.prize-emoji{font-size:7rem;animation:.6s ease-out star-pop;display:inline-block}.cykla-pedals{justify-content:center;gap:40px;padding:8px 0 16px;display:flex}.cykla-pedal{min-width:150px;min-height:74px;font-size:1.4rem}.char-locked svg{filter:grayscale()brightness(1.15)opacity(.55)}.quirk-oliver svg{animation:1.6s ease-in-out infinite q-vroom}.playground-screen .select-backdrop{opacity:1;z-index:0}.playground-friend{z-index:1;pointer-events:none;filter:drop-shadow(0 3px 4px #00000040);position:absolute}.playground-me{z-index:1;pointer-events:none;filter:drop-shadow(0 4px 6px #0000004d);position:absolute;bottom:4%;left:44%}.playground-signs{z-index:2;gap:12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.playground-sign{flex-direction:column;align-items:center;gap:2px;padding:10px 18px;font-size:1rem;display:flex}.playground-icon{font-size:1.6rem}.playground-done{font-size:.85rem}.kull-wrap{background:linear-gradient(#bfe8ff 0% 30%,#a3dd8b 30%,#8fd07a 100%);position:relative}.kull-yard{flex:1;position:relative}.kull-friend{cursor:pointer;filter:drop-shadow(0 3px 5px #00000040);background:0 0;border:none;transition:left .5s,bottom .5s;position:absolute}.playground-gate{z-index:2;font-size:1.1rem;animation:1.6s ease-in-out infinite tap-pulse;position:absolute;bottom:18px;right:14px}