.scene{position:fixed;inset:0;overflow:hidden}.world-viewport{touch-action:none;background:linear-gradient(180deg,#a5d9ef 0%,#d8ecf2 38%,var(--neutral-0) 72%)}.layer{position:absolute;top:0;bottom:0;left:0;will-change:transform}.layer-sky{width:310vw;background:linear-gradient(90deg,#3aa9e047,#b9a3e052 14%,#dce8c86b 29%,#1e5a8073,#ffd34d47,#ffb29e4d 71%,#40306b8c 87%,#1c2f52a6)}.layer-mid{width:520vw}.layer-main{width:700vw;display:flex}.area{position:relative;width:100vw;height:100%;flex-shrink:0}.area-vatten{background:linear-gradient(180deg,#1e5a8000,#1e5a8059 40%,#12405c99)}.sun{position:absolute;top:14px;left:6vw;width:min(26vw,130px)}.cloud-sprite{position:absolute;top:0;left:0;width:110px;will-change:transform}.cloud-sprite svg{width:100%;display:block}.mid-hills{position:absolute;bottom:0;width:100%;height:34%}.ambient-valle{position:absolute;top:46%;left:0;width:200px;opacity:.65;will-change:transform;pointer-events:none}.ambient-valle svg{width:100%;display:block}.amb-bubble{position:absolute;bottom:-30px;width:16px;height:16px;border-radius:var(--radius-full);border:2.5px solid rgba(255,253,248,.7);background:#9ed8f24d;animation:ambRise 18s linear infinite;pointer-events:none}.amb-b1{left:150vw;animation-delay:0s}.amb-b2{left:300vw;animation-delay:6s;width:11px;height:11px;animation-duration:24s}.amb-b3{left:460vw;animation-delay:12s;width:20px;height:20px;animation-duration:15s}@keyframes ambRise{0%{transform:translateY(0);opacity:0}8%{opacity:1}92%{opacity:1}to{transform:translateY(-105vh);opacity:0}}.friend{position:absolute;cursor:pointer}.friend svg{width:100%;height:auto;display:block}.friend-phys{will-change:transform;transform-origin:50% 85%}.spawned-bubble{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.spawned-bubble svg{width:100%;height:100%;display:block}.bubble-growing{transform:translate(-50%,-50%);transition:width 90ms linear,height 90ms linear}.bubble-rise{animation:bubbleRise 14s linear forwards}@keyframes bubbleRise{0%{transform:translate(-50%,-50%);opacity:1}4%{transform:translate(-50%,-50%) scale(1.15)}8%{transform:translate(-50%,-50%) scale(1)}96%{opacity:1}to{transform:translate(-50%,-120vh);opacity:0}}.bubble-pop{animation:bubblePop .32s var(--ease-soft) forwards}@keyframes bubblePop{0%{transform:translate(-50%,-50%) scale(1);opacity:1}40%{transform:translate(-50%,-50%) scale(1.35);opacity:.7}to{transform:translate(-50%,-50%) scale(0);opacity:0}}.resident{position:absolute;cursor:pointer}.resident svg{width:100%;height:auto;display:block}.resident-bubbla{top:10%;right:6%;width:min(24vw,120px)}.resident-vira{top:16%;right:10%;width:min(18vw,90px)}.resident-anka{top:26%;left:8%;width:min(24vw,120px)}.duck-bob{animation:duckBob 3.4s ease-in-out infinite}@keyframes duckBob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-2.5deg)}}.flora{position:absolute;cursor:pointer}.flora svg{width:100%;height:auto;display:block}.flora-sway{animation:floraSway 4.5s ease-in-out infinite;transform-origin:50% 100%}@keyframes floraSway{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.water-ring{position:absolute;width:90px;height:90px;transform:translate(-50%,-50%);pointer-events:none;animation:ringGrow 1.2s var(--ease-soft) forwards}@keyframes ringGrow{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.2);opacity:0}}.fish{position:absolute;width:min(20vw,110px);pointer-events:none;animation:fishSwim 22s linear infinite}.fish-1{top:42%}.fish-2{top:68%;animation-duration:30s;animation-delay:6s;transform:scaleX(-1)}@keyframes fishSwim{0%{left:105%}to{left:-25%}}.area-sand{background:linear-gradient(180deg,#ffd34d1f,#f3e9da80 40%,#dec496b3)}.sand-pit{position:absolute;left:4%;right:4%;bottom:6%;height:60%;border-radius:var(--radius-lg);background:linear-gradient(180deg,#ebd9b8,#e2c99c);box-shadow:inset 0 6px 18px #8c6e4647;overflow:hidden;touch-action:none}.sand-pit canvas{width:100%;height:100%;display:block}.sand-clear{position:absolute;top:8px;right:8px;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:#fff8ecd9;box-shadow:var(--shadow-press);display:flex;align-items:center;justify-content:center;cursor:pointer}.critter{position:absolute;width:44px;pointer-events:none;animation:scurry 2.5s linear forwards}.critter svg{width:100%;display:block}@keyframes scurry{0%{left:-14%}to{left:106%}}.area-regnbage{background:linear-gradient(180deg,#b9a3e038,#fff8ec99 55%,#9ed8f259)}.rb-board{position:absolute;inset:12% 4% 6%;border-radius:var(--radius-lg);background:#fffdf866;box-shadow:inset 0 0 30px #9ed8f240;overflow:hidden;touch-action:none}.rb-board canvas{width:100%;height:100%;display:block}.rb-star{position:absolute;width:22px;height:22px;pointer-events:none;animation:starPop 1.6s var(--ease-soft) forwards}@keyframes starPop{0%{transform:scale(0) rotate(0);opacity:0}30%{transform:scale(1.25) rotate(18deg);opacity:1}to{transform:scale(.6) rotate(40deg);opacity:0}}.area-fyrverkeri{background:linear-gradient(180deg,#1c2f52,#2b2350 55%,#40306b)}.area-fyrverkeri:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 18% 22%,rgba(255,253,248,.8),transparent),radial-gradient(1.5px 1.5px at 62% 14%,rgba(255,253,248,.6),transparent),radial-gradient(2px 2px at 84% 34%,rgba(255,253,248,.7),transparent),radial-gradient(1.5px 1.5px at 38% 42%,rgba(255,253,248,.5),transparent),radial-gradient(2px 2px at 74% 58%,rgba(255,253,248,.55),transparent),radial-gradient(1.5px 1.5px at 12% 64%,rgba(255,253,248,.5),transparent)}.fw-canvas{position:absolute;inset:0;width:100%;height:100%}.pan-hint{position:absolute;right:10px;top:50%;width:56px;height:56px;padding:0;border:none;background:none;cursor:pointer;transform:translateY(-50%);animation:hintNudge 1.9s var(--ease-bounce) infinite;filter:drop-shadow(0 4px 10px rgba(30,90,128,.25))}.pan-hint svg{width:100%;height:100%;display:block}@keyframes hintNudge{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-10px)}}.map-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 14px);right:14px;width:56px;height:56px;border:none;border-radius:var(--radius-full);background:var(--neutral-0);box-shadow:var(--shadow-float);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--motion-quick) var(--ease-bounce)}.map-btn:active{transform:scale(1.12)}.map-overlay{position:absolute;inset:0;background:#1e5a8040;display:flex;align-items:flex-end;justify-content:center;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 84px)}.map-card{position:relative;background:linear-gradient(160deg,#fff3dc,#f7e6c4);border:2.5px dashed rgba(232,150,60,.45);border-radius:26px 38px 22px 42px/38px 24px 40px 26px;box-shadow:0 12px 36px #1e5a804d,inset 0 0 40px #e8963c1f;padding:var(--space-lg) var(--space-md) var(--space-md);width:min(92vw,420px);transform:rotate(-1.2deg);animation:mapIn .35s var(--ease-bounce)}.map-spots-wrap{position:relative;padding-top:34px}.map-marker{position:absolute;top:-8px;width:40px;height:40px;transform:translate(-50%);pointer-events:none;animation:markerHop 1.6s var(--ease-bounce) infinite}.map-marker svg{width:100%;height:100%;display:block}@keyframes markerHop{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-5px)}}.map-spot-here{background:var(--accent-yellow);box-shadow:0 0 0 3px var(--neutral-0),0 0 0 6px #e8963c80}@keyframes mapIn{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.map-path{position:absolute;left:8%;right:8%;top:50%;width:84%;height:40px;transform:translateY(-70%)}.map-spots{position:relative;display:flex;justify-content:space-between;align-items:center}.map-spot{width:48px;height:48px;border:none;padding:6px;border-radius:var(--radius-full);background:var(--neutral-100);cursor:pointer;transition:transform var(--motion-quick) var(--ease-bounce)}.map-spot:active{transform:scale(1.15)}.map-spot svg{width:100%;height:100%;display:block}.map-spot:nth-child(2n){margin-top:-14px}.map-spot:nth-child(odd){margin-top:14px}.gate-btn{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;width:44px;height:44px;border:none;border-radius:var(--radius-full);background:#fff8ec80;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.65}.parent-overlay{position:absolute;inset:0;background:#1e5a8059;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.parent-card{background:var(--neutral-0);border-radius:var(--radius-lg);box-shadow:0 12px 36px #1e5a8059;padding:var(--space-lg);width:min(92vw,380px);animation:mapIn .3s var(--ease-bounce)}.parent-card h2{font-family:var(--font-display);font-size:22px;margin-bottom:var(--space-md);color:var(--secondary-700)}.prow{display:flex;align-items:center;gap:var(--space-sm);padding:12px 0;font-size:16px;cursor:pointer;border-bottom:1px solid var(--neutral-100)}.prow span:first-child{flex:1}.prow input{position:absolute;opacity:0;pointer-events:none}.pswitch{width:52px;height:30px;border-radius:var(--radius-full);background:var(--neutral-100);position:relative;transition:background var(--motion-quick) var(--ease-soft);flex-shrink:0}.pswitch:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--radius-full);background:var(--neutral-0);box-shadow:var(--shadow-press);transition:transform var(--motion-quick) var(--ease-bounce)}.prow input:checked+.pswitch{background:var(--secondary-500)}.prow input:checked+.pswitch:after{transform:translate(22px)}.parent-close{margin-top:var(--space-md);width:100%;font-family:var(--font-display);font-weight:700;font-size:17px;padding:12px;border:none;border-radius:var(--radius-full);background:var(--secondary-500);color:var(--neutral-0);cursor:pointer}.low-motion .float,.low-motion .float-slow,.low-motion .float-fast,.low-motion .breathe,.low-motion .flora-sway,.low-motion .duck-bob,.low-motion .amb-bubble,.low-motion .pan-hint,.low-motion .fish{animation:none}@media(prefers-reduced-motion:reduce){.bubble-rise,.fish{animation-duration:60s}.pan-hint,.map-card,.amb-bubble,.flora-sway,.duck-bob,.map-marker{animation:none}}:root{--primary-300: #FFB29E;--primary-500: #FF6B4A;--primary-700: #D6492E;--secondary-300: #9ED8F2;--secondary-500: #3AA9E0;--secondary-700: #1E5A80;--accent-yellow: #FFD34D;--accent-lavender: #B9A3E0;--neutral-0: #FFF8EC;--neutral-100: #F3E9DA;--neutral-400: #9C948A;--neutral-800: #3A342E;--ext-moss: #8FAE6B;--ext-moss-dark: #5F7A45;--ext-blush: #F2B8D0;--ext-blush-dark: #C687A3;--ext-glow: #7FE0D4;--ext-pearl: #F0EFF7;--font-display: "Baloo 2", "Avenir Next Rounded", "Nunito", system-ui, sans-serif;--font-body: "Nunito", "Avenir Next", "Segoe UI", system-ui, sans-serif;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 28px;--radius-full: 999px;--shadow-float: 0 8px 24px rgba(58, 52, 46, .08);--shadow-press: 0 2px 8px rgba(58, 52, 46, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 28px;--space-xl: 48px;--space-2xl: 80px;--motion-instant: .1s;--motion-quick: .25s;--motion-normal: .4s;--motion-slow: .8s;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-soft: cubic-bezier(.25, .1, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-body);font-weight:500;color:var(--neutral-800);background:var(--neutral-0);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.float{animation:float 4s ease-in-out infinite}.float-slow{animation:float 5.2s ease-in-out infinite 1.1s}.float-fast{animation:float 3.2s ease-in-out infinite .5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.breathe{animation:breathe 5s ease-in-out infinite;transform-origin:center}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.react-bounce{animation:reactBounce .6s var(--ease-bounce)}@keyframes reactBounce{0%{transform:scale(1)}35%{transform:scale(1.14) rotate(-3deg)}70%{transform:scale(.96) rotate(2deg)}to{transform:scale(1)}}.pop{animation:pop 1.4s var(--ease-soft)}@keyframes pop{0%{transform:scale(1);opacity:1}12%{transform:scale(1.25);opacity:.9}18%{transform:scale(0);opacity:0}70%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.drift{animation:drift 26s linear infinite}.drift-slow{animation:drift 38s linear infinite 8s}@keyframes drift{0%{transform:translate(-15vw)}to{transform:translate(115vw)}}.wave-anim{animation:waveShift 6s ease-in-out infinite}@keyframes waveShift{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-14px) translateY(3px)}}@media(prefers-reduced-motion:reduce){.float,.float-slow,.float-fast,.breathe,.drift,.drift-slow,.wave-anim,.react-bounce,.pop{animation:none}}