.scene{position:fixed;inset:0;overflow:hidden}.world-viewport{touch-action:none;background:radial-gradient(circle at 20% 16%,rgba(255,244,196,.78),transparent 28%),linear-gradient(180deg,#a5dff4 0%,#d9eef5 42%,var(--neutral-0) 78%)}.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-kompisviken,.area-bubbelhornan,.area-sand,.area-vila{background-repeat:no-repeat;background-size:cover,cover,cover}.area-kompisviken{background-image:radial-gradient(circle at 50% 42%,#fffdf800,#fff8ec2e 72%),linear-gradient(180deg,#fffdf808,#fff4c41a),image-set(url(/assets/scenes/kompisviken-bg.webp) type("image/webp"),url(/assets/scenes/kompisviken-bg.png) type("image/png"));background-position:center,center,center bottom}.area-kompisviken:after,.area-bubbelhornan:after{content:"";position:absolute;left:-4%;right:-4%;bottom:0;height:17%;pointer-events:none;background:radial-gradient(80% 80% at 50% 0%,rgba(255,248,236,.64),transparent 70%),linear-gradient(180deg,#8fae6b33,#3aa9e033);border-radius:50% 50% 0 0/32% 32% 0 0}.brand-marquee{position:absolute;z-index:14;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;width:min(42vw,360px);translate:-50% 0;pointer-events:none;display:none;place-items:center;text-align:center;filter:drop-shadow(0 14px 18px rgba(58,52,46,.18))}.brand-title{display:flex;align-items:baseline;justify-content:center;gap:10px;font-family:var(--font-display);font-size:clamp(28px,4vw,54px);font-weight:900;line-height:.88;letter-spacing:0;text-transform:uppercase;transform:rotate(-1deg)}.brand-word{-webkit-text-stroke:2px rgba(255,253,248,.78);text-shadow:0 3px 0 rgba(125,46,32,.42),0 7px 12px rgba(58,52,46,.18),inset 0 2px 0 rgba(255,255,255,.72)}.brand-word-lobster{color:#f55342}.brand-word-bobster{color:#36aee8;text-shadow:0 3px 0 rgba(25,101,145,.42),0 7px 12px rgba(58,52,46,.18)}.brand-plank{position:relative;z-index:-1;margin-top:-2px;min-width:min(27vw,238px);padding:8px 24px 10px;border-radius:12px 13px 14px 12px;color:#fff5d6;font-family:var(--font-display);font-size:clamp(22px,2.8vw,37px);font-weight:900;line-height:.9;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent 16% 84%,rgba(88,44,21,.14)),linear-gradient(180deg,#c6813e,#9d5a28);box-shadow:inset 0 3px #ffecb35c,inset 0 -4px #522a1438,0 8px 14px #3a342e2e;text-shadow:0 3px 0 rgba(82,42,20,.45);transform:rotate(.6deg)}.brand-plank:before,.brand-plank:after{content:"";position:absolute;bottom:-7px;width:28px;height:24px;border-radius:var(--radius-full);background:linear-gradient(180deg,#9ec15f,#6f9442);box-shadow:0 0 0 2px #fffdf861}.brand-plank:before{left:-18px;transform:rotate(-26deg)}.brand-plank:after{right:-18px;transform:rotate(26deg)}.scene-label{position:absolute;z-index:4;top:calc(env(safe-area-inset-top,0px) + 22px);left:clamp(14px,6vw,54px);--label-top: #fff5d2;--label-bottom: #ffe4ab;--label-ink: #0d2b65;--label-accent-tilt: -12deg;min-height:52px;max-width:min(70vw,360px);padding:12px 48px 13px 20px;border-radius:42px 46px 34px 40px/35px 42px 36px 39px;color:var(--label-ink);font-family:var(--font-display);font-size:clamp(22px,5.2vw,34px);font-weight:900;line-height:1;background:radial-gradient(circle at 17% 0%,rgba(255,255,255,.86) 0 20%,transparent 21%),radial-gradient(circle at 38% -8%,rgba(255,255,255,.65) 0 23%,transparent 24%),radial-gradient(circle at 68% 0%,rgba(255,255,255,.58) 0 19%,transparent 20%),linear-gradient(180deg,var(--label-top) 0%,var(--label-bottom) 100%);box-shadow:0 9px 18px #664b2629,inset 0 3px #ffffffc7,inset 0 -3px #a8702f1f;text-shadow:0 2px 0 rgba(255,255,255,.56);transform:rotate(-2deg);pointer-events:none;display:inline-flex;align-items:center;isolation:isolate}.scene-label:before{content:none}.scene-label-text{position:relative;z-index:2;white-space:nowrap}.scene-label-icon{position:absolute;right:-12px;bottom:-9px;width:42px;height:42px;transform:rotate(var(--label-accent-tilt));filter:drop-shadow(0 5px 8px rgba(102,75,38,.16))}.scene-label-icon svg{width:100%;height:100%;display:block}.scene-label-pink{--label-top: #ffe7f1;--label-bottom: #ffd0e3;--label-ink: #6f3a84;--label-accent-tilt: 12deg}.scene-label-sand{--label-top: #fff2c9;--label-bottom: #f3cf88;--label-ink: #9b5c16;--label-accent-tilt: -8deg}.scene-label-night{--label-top: #fff3cc;--label-bottom: #e8d7ff;--label-ink: #1e3b76;--label-accent-tilt: 10deg}.tap-cue{position:absolute;z-index:3;width:76px;height:76px;border-radius:var(--radius-full);pointer-events:none;filter:drop-shadow(0 8px 16px rgba(30,90,128,.22))}.tap-cue:before,.tap-cue:after{content:"";position:absolute;inset:12px;border-radius:var(--radius-full);border:4px solid rgba(255,253,248,.9);animation:cuePulse 1.8s var(--ease-soft) infinite}.tap-cue:after{inset:24px;border-color:#9ed8f2f2;animation-delay:.34s}.tap-cue span{position:absolute;left:35px;top:16px;width:7px;height:34px;border-radius:var(--radius-full);background:#fffdf8f2}.tap-cue span:before{content:"";position:absolute;left:-10px;top:-2px;width:22px;height:22px;border-top:7px solid rgba(255,253,248,.95);border-left:7px solid rgba(255,253,248,.95);transform:rotate(45deg);border-radius:5px 0 0}@keyframes cuePulse{0%{transform:scale(.72);opacity:0}35%{opacity:1}to{transform:scale(1.22);opacity:0}}.tap-cue-home{left:47%;bottom:calc(env(safe-area-inset-bottom,0px) + 128px)}.tap-cue-bubbles{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 118px);transform:translate(-50%)}.tap-cue-sand{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 210px);transform:translate(-50%)}.toy-prop{position:absolute;z-index:2;pointer-events:none;filter:drop-shadow(0 10px 14px rgba(58,52,46,.16))}.toy-prop svg{width:100%;height:auto;display:block}.toy-prop-star{left:7%;bottom:calc(env(safe-area-inset-bottom,0px) + 122px);width:min(18vw,90px);animation:float 4.2s ease-in-out infinite}.toy-prop-shell{right:9%;bottom:calc(env(safe-area-inset-bottom,0px) + 126px);width:min(17vw,86px);animation:float 5.4s ease-in-out infinite .8s}.bobster-render,.bobster-render img{display:block;width:100%;height:auto}.bobster-render img{pointer-events:none;-webkit-user-select:none;user-select:none}.character-asset,.character-asset img{display:block;width:100%;height:auto}.character-asset img{pointer-events:none;-webkit-user-select:none;user-select:none}.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;z-index:3;filter:drop-shadow(0 14px 18px rgba(58,52,46,.18))}.friend svg,.friend img{width:100%;height:auto;display:block}.friend-bobster{z-index:5;filter:drop-shadow(0 30px 26px rgba(112,55,35,.18)) drop-shadow(0 8px 7px rgba(214,73,46,.13))}.friend-bobster:after{content:"";position:absolute;z-index:-1;left:26%;right:14%;bottom:1%;height:12%;border-radius:var(--radius-full);background:radial-gradient(closest-side,#62463038,#62463000);pointer-events:none}.friend-phys{will-change:transform;transform-origin:50% 85%}.area-bubbelhornan{background-image:radial-gradient(circle at 50% 30%,#fffdf814,#40306b0a 72%),linear-gradient(180deg,#fffdf805,#1e5a801a),image-set(url(/assets/scenes/bubbelhornan-bg.webp) type("image/webp"),url(/assets/scenes/bubbelhornan-bg.png) type("image/png"));background-position:center,center,center bottom}.bubble-bobster{position:absolute;z-index:3;left:22%;bottom:calc(env(safe-area-inset-bottom,0px) + 74px);width:min(62vw,390px);pointer-events:none;filter:drop-shadow(0 28px 24px rgba(58,52,46,.22));animation:float 4.4s ease-in-out infinite}.bubble-bobster svg,.bubble-bobster img{width:100%;height:auto;display:block}.bubble-boat{right:8%;bottom:calc(env(safe-area-inset-bottom,0px) + 108px);width:min(22vw,116px)}.spawned-bubble{position:absolute;left:0;top:0;cursor:pointer;z-index:4;will-change:transform;filter:drop-shadow(0 12px 18px rgba(58,52,46,.12))}.spawned-bubble svg{width:100%;height:100%;display:block}.spawned-bubble:before{content:"";position:absolute;inset:-12px;border-radius:var(--radius-full)}.bubble-inner{width:100%;height:100%;transform-origin:center}.bubble-growing{transition:width 90ms linear,height 90ms linear}.bubble-surprise{position:absolute;left:50%;top:50%;width:58%;height:58%;transform:translate(-50%,-50%);opacity:.92;pointer-events:none}.bubble-surprise:empty{display:none}.bubble-pop{animation:bubblePop .32s var(--ease-soft) forwards}@keyframes bubblePop{0%{transform:scale(1);opacity:1}40%{transform:scale(1.35);opacity:.7}to{transform:scale(0);opacity:0}}.flora-phys{will-change:transform;transform-origin:50% 100%}.resident{position:absolute;cursor:pointer;z-index:3;filter:drop-shadow(0 10px 14px rgba(58,52,46,.14))}.resident svg{width:100%;height:auto;display:block}.resident-bubbla{top:8%;right:7%;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-image:radial-gradient(circle at 54% 52%,#fffdf800,#fff8ec24 72%),linear-gradient(180deg,#fffdf80a,#e5c78b1f),image-set(url(/assets/scenes/sandladan-bg.webp) type("image/webp"),url(/assets/scenes/sandladan-bg.png) type("image/png"));background-position:center,center,center bottom}@media(min-aspect-ratio:1/1){.area-kompisviken{background-position:center,center,center 38%}.area-bubbelhornan{background-position:center,center,center 52%}.area-sand{background-position:center,center,center 36%}.area-vila{background-position:center,center,center 46%}.brand-marquee{display:grid}}.sand-bobster{position:absolute;left:4%;top:15%;width:min(66vw,430px);z-index:3;pointer-events:none;filter:drop-shadow(0 26px 24px rgba(99,68,32,.22));animation:float 4.8s ease-in-out infinite .4s}.sand-bobster>svg,.sand-bobster img{width:100%;height:auto;display:block}.sand-pit{position:absolute;left:7%;right:7%;bottom:calc(env(safe-area-inset-bottom,0px) + 108px);height:min(40%,430px);border-radius:var(--radius-lg);background:radial-gradient(circle at 22% 18%,rgba(255,255,255,.22),transparent 22%),linear-gradient(180deg,#efdcb6,#dfbd7c);box-shadow:inset 0 8px 20px #8c6e463d,0 18px 24px #6344201f;overflow:hidden;touch-action:none;z-index:1}.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;z-index:4}.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-vila{background-image:radial-gradient(circle at 32% 30%,rgba(255,211,77,.08),transparent 25%),linear-gradient(180deg,#0c205214,#51418d14),image-set(url(/assets/scenes/vila-bg.webp) type("image/webp"),url(/assets/scenes/vila-bg.png) type("image/png"));background-position:center,center,center bottom}.area-vila:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 16% 22%,rgba(255,253,248,.72),transparent),radial-gradient(2px 2px at 62% 12%,rgba(255,253,248,.62),transparent),radial-gradient(2px 2px at 86% 34%,rgba(255,253,248,.72),transparent),radial-gradient(1.5px 1.5px at 36% 43%,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% 66%,rgba(255,253,248,.5),transparent)}.sleepy-bobster{position:absolute;left:48%;top:35%;z-index:3;width:min(70vw,430px);translate:-50% 0;pointer-events:none;filter:drop-shadow(0 24px 22px rgba(28,47,82,.34));animation:float 5.4s ease-in-out infinite}.sleepy-bobster img{width:100%;height:auto;display:block}.vila-moon{position:absolute;right:9%;top:8%;width:min(18vw,90px);z-index:2;opacity:.92;filter:drop-shadow(0 12px 16px rgba(255,211,77,.22));animation:float 6s ease-in-out infinite .5s}.sleep-twinkle{position:absolute;z-index:4;width:40px;height:40px;pointer-events:none;animation:starPop 1.2s var(--ease-soft) forwards}.pan-hint{position:absolute;right:14px;top:50%;width:50px;height:50px;padding:0;border:none;background:none;cursor:pointer;opacity:.78;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)}}@media(max-width:520px){.pan-hint{top:58%;right:18px;width:46px;height:46px;opacity:.58}}.map-btn{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);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);z-index:12}.map-btn:active{transform:scale(1.12)}.mode-dock{position:absolute;z-index:11;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:min(92vw,430px);min-height:82px;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:9px 10px 8px;border-radius:28px;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.82),transparent 34%),linear-gradient(180deg,#fff8ecf5,#ffebc4f0);box-shadow:0 14px 30px #3a342e29,inset 0 2px #ffffffc7;border:2px solid rgba(255,253,248,.8)}.mode-button{min-width:0;min-height:64px;border:none;border-radius:22px;background:#fffdf8b3;color:#0d2b65;font-family:var(--font-display);font-size:13px;font-weight:800;line-height:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;box-shadow:inset 0 2px #ffffffad;transition:transform var(--motion-quick) var(--ease-bounce),background var(--motion-quick) var(--ease-soft)}.mode-button:active{transform:translateY(2px) scale(1.04)}.mode-button:focus-visible,.map-btn:focus-visible,.pan-hint:focus-visible,.gate-btn:focus-visible,.parent-close:focus-visible,.map-spot:focus-visible{outline:4px solid rgba(255,211,77,.9);outline-offset:3px}.mode-button-active{background:#fff6dc;box-shadow:0 0 0 3px #ffd34de6,inset 0 2px #ffffffc7}.mode-icon{width:42px;height:42px;border-radius:var(--radius-full);display:grid;place-items:center;background:linear-gradient(180deg,#ffffffeb,#fff4d3cc);filter:drop-shadow(0 5px 8px rgba(58,52,46,.12))}.mode-icon svg{width:34px;height:34px;display:block}.mode-icon .bobster-render{width:42px;height:42px;display:grid;place-items:center}.mode-icon .bobster-render img{width:48px;max-width:none;max-height:46px;object-fit:contain}.mode-icon .bobster-render-sand-builder img{width:54px}.mode-icon .bobster-render-sleepy img{width:56px}.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) + 162px);z-index:13}.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,.low-motion .tap-cue:before,.low-motion .tap-cue:after,.low-motion .bubble-bobster,.low-motion .sand-bobster,.low-motion .sleepy-bobster,.low-motion .vila-moon,.low-motion .toy-prop-star,.low-motion .toy-prop-shell{animation:none}@media(prefers-reduced-motion:reduce){.fish{animation-duration:60s}.pan-hint,.map-card,.amb-bubble,.flora-sway,.duck-bob,.map-marker,.bubble-bobster,.sand-bobster,.sleepy-bobster,.vila-moon,.tap-cue:before,.tap-cue:after{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}}