:root{--paper:#f6f4ee;--ink:#343b49;--muted:#596274;--blue:#4f6282;--lavender:#dce0f0;--mint:#dce9de;--peach:#f0e6d7;--white:#fffefa;--line:#d5d9df;--radius:18px;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;font-size:16px;line-height:1.8}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.45}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button,a{transition:color .2s,background-color .2s,transform .2s}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:7px}button:active,.primary-button:active{transform:scale(.97)}button svg,a svg{width:22px;height:22px;flex-shrink:0}svg{display:block}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 20px;background:var(--blue);color:var(--white);border-radius:var(--radius)}.skip:focus{top:20px}.header{height:116px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21.6px;font-weight:600;letter-spacing:.06em;min-height:48px}.brand .logo{width:34px;height:34px;color:var(--blue);transform:rotate(-12deg)}nav{display:flex;gap:48px}nav a{min-height:48px;display:flex;align-items:center;font-size:16px}nav a:hover{color:var(--blue)}.motion-toggle{border:0;background:transparent;padding:8px 0;font-size:16px;color:var(--muted);display:flex;align-items:center;gap:13px;min-height:48px}.motion-switch{width:42px;height:25px;background:var(--blue);border-radius:20px;padding:4px;display:flex;align-items:center}.motion-switch i{width:17px;height:17px;border-radius:50%;background:var(--white);transform:translateX(17px);transition:transform .25s}.motion-toggle[aria-pressed=true] .motion-switch{background:#a4adb9}.motion-toggle[aria-pressed=true] .motion-switch i{transform:none}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:660px;padding-top:25px;padding-bottom:80px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(39.2px,3.76vw,57.6px);line-height:1.5;letter-spacing:-.045em;font-weight:650}.elastic-word{position:relative;color:var(--blue);display:inline-block;transform:rotate(-4deg);margin-left:.08em}.elastic-word svg{position:absolute;bottom:-4px;left:0;width:100%;height:15px;color:#b2bed6}.hero-copy>p{font-size:16.8px;line-height:2;color:var(--muted);margin:28px 0 34px;letter-spacing:.02em}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:58px;border:1px solid var(--blue);background:var(--blue);color:var(--white);border-radius:30px;padding:13px 27px;font-size:16px;font-weight:500}.primary-button:hover{background:#3e526f;transform:translateY(-3px)}.play-link{display:flex;align-items:center;gap:12px;min-height:48px;width:max-content;margin-top:16px;font-size:16px;color:var(--muted)}.play-link:hover{color:var(--blue)}.bear-world{height:560px;position:relative;isolation:isolate}.bear-puddle{position:absolute;width:78%;height:70%;background:#e6e8f2;border-radius:49% 51% 38% 62% / 51% 42% 58% 49%;left:11%;bottom:6%;transform:rotate(-10deg);z-index:-2;animation:puddle-breathe 9s ease-in-out infinite alternate}.bear-button{position:absolute;inset:0 0 20px;border:0;background:transparent;padding:0;display:grid;place-items:center;touch-action:pan-y;cursor:grab;border-radius:50%;outline-offset:-25px!important;user-select:none}.bear-button:active{transform:none;cursor:grabbing}.bear-body{display:block;width:100%;max-width:530px;will-change:transform;transform-origin:50% 78%;animation:bear-float 5s ease-in-out infinite}.bear-body img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none;filter:drop-shadow(0 18px 14px #51628b12)}.bear-speech{position:absolute;bottom:4px;left:50%;transform:translateX(-50%) rotate(-3deg);padding:11px 22px;background:var(--white);border:1px solid #d7dce6;border-radius:24px 24px 24px 4px;white-space:nowrap;font-size:16px;pointer-events:none;z-index:5;box-shadow:0 5px 0 #e5e6e0}.floating-star{position:absolute;color:#b4c2d1;width:46px;height:46px;z-index:3;pointer-events:none;animation:star-turn 12s ease-in-out infinite alternate}.floating-star svg{width:100%;height:100%}.star-one{top:32px;left:25px;transform:rotate(15deg)}.star-two{bottom:90px;right:-5px;width:31px;height:31px;color:#9cadb8;animation-delay:-4s}.mint-jelly{position:absolute;right:10px;top:80px;width:85px;height:72px;border-radius:46% 54% 45% 55% / 65% 60% 40% 35%;background:#cbded3;transform:rotate(18deg);z-index:4;pointer-events:none;box-shadow:inset -7px -7px 0 #b6cbbd,inset 3px 4px 0 #e1eae2;animation:mint-float 6s ease-in-out infinite}.mint-jelly>i{width:5px;height:7px;position:absolute;top:34px;left:31px;background:#526857;border-radius:50%}.mint-jelly>i:nth-child(2){left:50px}.mint-jelly>span{position:absolute;width:10px;height:5px;border-bottom:2px solid #526857;border-radius:50%;left:38px;top:44px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:36px}.section-heading h2{font-size:27.2px;letter-spacing:-.025em}.section-heading p{font-size:16px;color:var(--muted)}.feel-section{padding-top:35px;padding-bottom:105px}.sensory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sensory{border-radius:26px;padding:28px 20px 25px;text-align:center;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.sensory h3{font-size:18.4px;font-weight:500}.sensory>p{font-size:16px;color:var(--muted);margin-top:auto;min-height:33px}.jelly-tile{background:#e7e4ef}.light-tile{background:#e0e9ed}.cookie-tile{background:var(--peach)}.jelly-pad{position:relative;width:170px;height:135px;margin:36px auto 32px;border:0;border-radius:43% 57% 40% 60% / 64% 59% 41% 36%;background:#b8b9d6;box-shadow:inset -12px -13px 0 #a6a7c8,inset 8px 9px 0 #d3d1e7,0 13px 0 -8px #cbc7d9;transform-origin:center bottom;touch-action:pan-y}.jelly-pad:hover{background:#c2c2df}.jelly-pad:active{transform:scale(1.12,.8)}.jelly-face{position:absolute;inset:0;pointer-events:none}.jelly-face i{position:absolute;width:8px;height:12px;border-radius:50%;background:#55587a;left:60px;top:58px}.jelly-face i:nth-child(2){left:102px}.jelly-face b{position:absolute;left:77px;top:80px;width:18px;height:10px;border-bottom:3px solid #55587a;border-radius:0 0 50% 50%}.jelly-shine{position:absolute;width:40px;height:17px;background:#ece9f4;border-radius:50%;transform:rotate(-27deg);top:22px;left:28px;opacity:.8;pointer-events:none}.shimmer-pad{width:220px;max-width:100%;height:190px;margin:15px auto 12px;position:relative;background:transparent;border:0;border-radius:50%;touch-action:pan-y;isolation:isolate}.water-rings{position:absolute;inset:15px 10px;transform:rotate(-12deg);pointer-events:none}.water-rings i{position:absolute;inset:0;border:1px solid #a4bdcb;border-radius:50%;background:#d4e1e6}.water-rings i:nth-child(2){inset:19px 24px;background:#c7d9e2}.water-rings i:nth-child(3){inset:38px 48px;background:#bbd2de}.glint-grid{position:absolute;inset:15px;pointer-events:none}.glint-grid i{position:absolute;width:8px;height:8px;background:#fffefa;clip-path:polygon(50% 0,61% 37%,100% 50%,62% 61%,50% 100%,38% 62%,0 50%,37% 38%);left:var(--x);top:var(--y);opacity:.55;transform:scale(.6);animation:glimmer 4s ease-in-out infinite;animation-delay:calc(var(--i)*-.23s)}.shimmer-pad:hover .glint-grid i{animation-duration:1.8s}.cookie-button{width:190px;height:190px;max-width:100%;border:0;background:transparent;padding:0;position:relative;margin:15px auto 12px;border-radius:50%;touch-action:manipulation}.cookie-button .cookie-art{width:100%;height:100%;filter:drop-shadow(0 5px 0 #c8b69d55);transform:rotate(-9deg);transition:transform .12s}.cookie-button:hover .cookie-art{transform:rotate(2deg)}.cookie-button:active .cookie-art{transform:rotate(-3deg) scale(.95)}.cookie-bites circle{opacity:0;transition:opacity .1s}.cookie-button[data-bites="1"] .bite-one,.cookie-button[data-bites="2"] .bite-one,.cookie-button[data-bites="2"] .bite-two,.cookie-button[data-bites="3"] .cookie-bites circle{opacity:1}.particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:7}.particle{position:absolute;width:9px;height:9px;pointer-events:none;background:var(--particle-color,#fffefa);border-radius:3px;animation:particle-fly .7s ease-out forwards}.particle.spark{clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,37% 62%,0 50%,38% 37%);border-radius:0}.ripple{position:absolute;left:var(--x,50%);top:var(--y,50%);width:15px;height:15px;border:1px solid #63859a;border-radius:50%;animation:ripple-out 1s ease-out forwards;pointer-events:none}.closing{padding:98px 30px;position:relative;text-align:center;overflow:hidden}.closing h2{font-size:33.6px;line-height:1.65;letter-spacing:-.03em}.closing h2 span{color:var(--blue)}.back-to-bear{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:16px;border-bottom:1px solid #a4b0c4;margin-top:24px}.back-to-bear:hover{color:var(--blue)}.closing-star{position:absolute;width:80px;height:80px;color:#d6ddcc;right:5%;top:75px;transform:rotate(18deg)}.closing-star svg{width:100%;height:100%}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:32px 0 38px}footer p{font-size:16px;color:var(--muted)}footer>a:last-child{font-size:16px;min-height:48px;display:flex;align-items:center}.motion-paused *{animation-play-state:paused!important}.motion-paused .bear-body{animation:none}.motion-paused .particle,.motion-paused .ripple{display:none}
@keyframes bear-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes mint-float{0%,100%{transform:translateY(0) rotate(18deg)}50%{transform:translateY(9px) rotate(8deg)}}@keyframes puddle-breathe{from{transform:rotate(-10deg) scale(.96)}to{transform:rotate(-5deg) scale(1.02)}}@keyframes star-turn{from{transform:rotate(-10deg) scale(.9)}to{transform:rotate(30deg) scale(1.1)}}@keyframes glimmer{0%,100%{opacity:.3;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}@keyframes particle-fly{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--turn));opacity:0}}@keyframes ripple-out{from{transform:translate(-50%,-50%) scale(.2);opacity:.8}to{transform:translate(-50%,-50%) scale(10);opacity:0}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.hero{gap:15px;min-height:600px}.hero h1{font-size:43.2px}.hero-copy>p{font-size:16px}.bear-world{height:480px}.bear-speech{font-size:16px;padding:10px 17px}.mint-jelly{right:0;top:65px;width:76px;height:65px}.section-heading h2{font-size:24px}.sensory-grid{gap:16px}.sensory{padding-inline:12px}.sensory h3{font-size:16.8px}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}.header{height:94px;gap:18px}.motion-toggle{font-size:16px}.motion-toggle .motion-switch{display:none}nav{gap:25px}.hero{grid-template-columns:1fr;gap:12px;padding-top:35px;padding-bottom:55px}.hero h1{font-size:49.6px}.hero-copy>p{margin:23px 0 28px}.play-link{display:inline-flex;margin:0 0 0 20px}.bear-world{height:520px;max-width:540px;width:100%;justify-self:center}.section-heading{align-items:flex-start;flex-direction:column;gap:13px}.sensory-grid{grid-template-columns:1fr;gap:18px}.sensory{display:grid;grid-template-columns:1fr 220px;grid-template-rows:1fr 1fr;text-align:left;padding:24px 30px;align-items:center;min-height:230px}.sensory h3{font-size:20px;align-self:end;margin-bottom:10px}.sensory>p{font-size:16px;grid-column:1;grid-row:2;align-self:start;margin-top:0}.sensory>button{grid-column:2;grid-row:1/3;margin:0;justify-self:center}.closing{padding-block:75px}.closing h2{font-size:29.6px}.closing-star{width:50px;height:50px;right:2%;top:50px}footer{flex-wrap:wrap}footer p{order:2;width:100%;text-align:center}footer>a:last-child{margin-left:auto}}
@media(max-width:520px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:12px}.brand{font-size:18.4px;gap:8px}.brand .logo{width:28px;height:28px}nav{gap:16px}nav a{font-size:16px;min-width:44px}.motion-toggle{width:44px;min-width:44px;font-size:16px;padding:0;justify-content:flex-end}.motion-toggle .motion-label{display:none}.motion-toggle .motion-switch{display:flex;width:38px}.motion-switch i{transform:translateX(13px)}.hero{padding-top:30px;gap:18px;padding-bottom:46px}.hero h1{font-size:clamp(28.8px,8.08vw,39.2px);line-height:1.65;letter-spacing:-.055em}.hero-copy>p{font-size:16px;line-height:1.9;margin:23px 0 26px}.primary-button{font-size:16px;gap:24px;padding:12px 22px;min-height:56px}.play-link{margin:14px 0 0;display:flex;font-size:16px}.bear-world{height:385px}.bear-button{inset:0 0 18px}.bear-body{width:100%;max-width:365px}.bear-puddle{height:70%;bottom:8%;width:84%;left:8%}.bear-speech{font-size:16px;padding:9px 16px;bottom:0}.mint-jelly{width:65px;height:56px;top:45px;right:4px}.mint-jelly>i{top:27px;left:23px}.mint-jelly>i:nth-child(2){left:42px}.mint-jelly>span{left:30px;top:37px}.star-one{width:32px;height:32px;top:18px;left:3px}.star-two{right:2px;bottom:80px;width:23px;height:23px}.feel-section{padding-top:25px;padding-bottom:65px}.section-heading{margin-bottom:26px}.section-heading h2{font-size:21.6px}.section-heading p{font-size:16px}.sensory{padding:24px 18px;grid-template-columns:1fr 126px;min-height:188px;border-radius:23px}.sensory h3{font-size:16.8px;line-height:1.6;max-width:150px}.sensory>p{font-size:16px;line-height:1.8;max-width:145px}.jelly-pad{width:118px;height:100px;box-shadow:inset -8px -8px 0 #a6a7c8,inset 5px 6px 0 #d3d1e7,0 10px 0 -7px #cbc7d9}.jelly-face i{width:6px;height:9px;left:40px;top:45px}.jelly-face i:nth-child(2){left:71px}.jelly-face b{left:53px;top:62px;width:14px;height:8px;border-width:2px}.jelly-shine{width:28px;height:11px;top:19px;left:21px}.shimmer-pad{width:126px;height:145px}.water-rings{inset:21px 0}.water-rings i:nth-child(2){inset:14px 14px}.water-rings i:nth-child(3){inset:27px 28px}.glint-grid{inset:15px 0}.glint-grid i{width:7px;height:7px}.cookie-button{width:130px;height:145px}.closing{padding:62px 0}.closing h2{font-size:clamp(20.8px,5.68vw,27.2px);line-height:1.8}.closing-star{width:35px;height:35px;right:-7px;top:25px}.back-to-bear{font-size:16px;margin-top:20px}footer{padding:26px 0;gap:18px}footer p{font-size:16px}footer>a:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.particle,.ripple{display:none}}


/* The approved visual language stays fixed; only the food character changes. */
.hero{padding-bottom:110px}
.bear-world[data-mascot="pudding"] .bear-body,.bear-world[data-mascot="mochi"] .bear-body{width:90%}
.mascot-picker{position:absolute;bottom:-62px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap;z-index:8}
.mascot-picker button{border:1px solid transparent;border-radius:26px;background:transparent;color:var(--muted);min-height:48px;padding:8px 18px;font-size:16px}
.mascot-picker button[aria-pressed="true"]{background:var(--white);border-color:#bbc5d6;color:var(--ink)}
.mascot-picker button:hover{background:#e8ebf2}
.mascot-picker[aria-busy="true"]{opacity:.75}
@media(max-width:520px){.hero{padding-bottom:105px}.mascot-picker{bottom:-63px;gap:5px}.mascot-picker button{padding:8px 16px;font-size:16px}}

/* Position, orientation and elastic deformation use separate transform layers. */
.hero{padding-bottom:140px}
.mascot-stage{position:absolute;inset:0 0 55px;display:grid;place-items:center;perspective:1000px;touch-action:pan-y}
.mascot-mover{width:min(65%,340px);aspect-ratio:1;will-change:transform}
.mascot-rotator{width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.bear-button{position:relative;inset:auto;width:100%;height:100%;border-radius:38%;touch-action:none;transition:none;outline-offset:4px!important}
.bear-world[data-mascot] .bear-body{width:100%;max-width:none;animation:none;transform-origin:center}
.bear-body img{filter:drop-shadow(0 21px 12px #64594b16)}
.bear-puddle{width:88%;height:74%;left:6%;bottom:15%;background:#e9e7ef;box-shadow:inset 0 0 0 1px #ffffff70}
.bear-world[data-mascot="mochi"] .bear-puddle{background:#eee3e4}
.bear-speech{bottom:7px;box-shadow:0 4px 0 #e5e6e060}
.mascot-picker{bottom:-62px;gap:4px;align-items:center}
.mascot-picker button{padding-inline:17px}
.mascot-picker #reset-mascot{padding-inline:12px;margin-left:9px;border-left:1px solid #d9d8df;border-radius:0;color:var(--muted)}
.mascot-hint{position:absolute;bottom:-105px;left:0;right:0;text-align:center;font-size:16px;color:var(--muted);white-space:nowrap}
.mint-jelly{width:62px;height:54px;right:5%;top:45px;opacity:.8}
.mint-jelly>i{top:25px;left:21px}.mint-jelly>i:nth-child(2){left:39px}.mint-jelly>span{left:28px;top:35px}
.star-one{left:7%;top:19px;width:35px;height:35px}.star-two{right:4%;bottom:120px}
.is-held .bear-button{cursor:grabbing}.is-held .bear-body img{filter:drop-shadow(0 25px 18px #64594b20)}

/* Three quiet material studies: milky glass, moving water, baked biscuit. */
.feel-section{padding-top:40px;padding-bottom:72px}
.section-heading{margin-bottom:32px}.section-heading h2{font-weight:600}
.sensory-grid{gap:24px}
.sensory{min-height:345px;padding:28px 22px 25px;border:1px solid #ffffff90;border-radius:30px;box-shadow:inset 0 1px 0 #ffffffb0,0 6px 18px #37354603}
.sensory h3{font-size:17.6px;letter-spacing:.015em;z-index:2}
.sensory>p{color:#606477;z-index:2}
.jelly-tile{background:#e9e5f0}.light-tile{background:#e2ecee}.cookie-tile{background:#f0e6d7}
.sensory:before{content:"";position:absolute;width:74%;height:1px;left:13%;bottom:69px;background:#ffffff55}
.jelly-pad{width:179px;height:145px;margin:38px auto 37px;border:1px solid #c2bed7;border-radius:46% 54% 41% 59% / 67% 63% 37% 33%;background:#bcb9da;box-shadow:inset -9px -12px 14px #8585b44d,inset 7px 8px 9px #e8e4f480,inset 0 -2px 2px #9b95be80,0 21px 16px -17px #6b638a66,0 5px 0 -1px #c7c1d99c;isolation:isolate}
.jelly-pad:before{content:"";position:absolute;inset:9px 10px 13px;border-radius:inherit;border-top:1px solid #f9f6ff9c;border-left:1px solid #f1effb5e;pointer-events:none}
.jelly-pad:after{content:"";position:absolute;width:70%;height:19%;left:16%;bottom:10%;border-bottom:3px solid #e6e1f380;border-radius:50%;transform:rotate(5deg);pointer-events:none}
.jelly-pad:hover{background:#c2bfdf}
.jelly-face i{left:34%;top:46%;width:7px;height:10px;background:#5b5779;box-shadow:inset 1px 1px 0 #8882a6}
.jelly-face i:nth-child(2){left:60%}.jelly-face b{left:44%;top:62%;width:18px;height:8px;border-width:2px;border-color:#625c80}
.jelly-shine{width:43px;height:16px;top:20%;left:19%;background:#fffaff;opacity:.72;box-shadow:0 0 9px #f7f2ff50;transform:rotate(-30deg)}
.jelly-glow{position:absolute;width:10px;height:7px;top:19%;left:46%;border-radius:50%;background:#faf6ff90;transform:rotate(-20deg)}
.jelly-blush{position:absolute;left:23%;top:59%;width:20px;height:7px;border-radius:50%;background:#d9b7cf85;box-shadow:76px 0 0 #d9b7cf85;pointer-events:none}
.shimmer-pad{width:245px;height:220px;margin:3px auto 0}
.water-rings{inset:29px 10px 32px;transform:rotate(-14deg)}
.water-rings i{border:1px solid #a6c2cc;border-radius:49% 51% 48% 52%;background:#d0e3e8;box-shadow:inset 0 3px 3px #f7ffffa8,0 7px 0 -4px #a9c7d65c;animation:water-breathe 6s ease-in-out infinite alternate}
.water-rings i:nth-child(2){inset:14px 17px;background:#c6dee5;box-shadow:inset 0 2px 1px #f1ffffa0;animation-delay:-1.4s}
.water-rings i:nth-child(3){inset:29px 35px;background:#b9d6df;box-shadow:inset 0 2px 2px #f1ffff90;animation-delay:-2.6s}
.water-rings i:nth-child(4){inset:43px 51px;background:#b2d0dc;box-shadow:inset 0 2px 1px #f1ffff90;animation-delay:-3.8s}
.water-rings i:nth-child(5){inset:54px 68px;background:#aacbd8;border-color:#a1c3d1;box-shadow:inset 0 2px 1px #f1ffff70;animation-delay:-5s}
.water-caustics{position:absolute;width:100%;height:100%;inset:0;opacity:.43;pointer-events:none;clip-path:ellipse(42% 34% at 50% 50%);animation:caustic-drift 7s ease-in-out infinite alternate}
.glint-grid{inset:37px 23px}.glint-grid i{width:7px;height:7px;filter:drop-shadow(0 0 3px #ffffff80)}
.glint-grid i:nth-child(4n){width:12px;height:12px}.glint-grid i:nth-child(3n){border-radius:50%;clip-path:none;width:3px;height:3px}
.cookie-button{width:220px;height:220px;margin:3px auto 0}
.cookie-button .cookie-art{filter:drop-shadow(1px 4px 0 #c1a078) drop-shadow(0 12px 8px #a88a5a26);transform:rotate(-12deg)}
.cookie-button:hover .cookie-art{transform:translateY(-3px) rotate(-5deg)}
.cookie-button .cookie-bites circle{transition:opacity .08s}
.closing{border-top:1px solid #deddd6;padding-block:65px}.closing h2{font-size:30.4px}
@keyframes water-breathe{from{transform:scale(.98,1)}to{transform:scale(1.025,.97)}}
@keyframes caustic-drift{from{transform:translate(-3px,2px);opacity:.3}to{transform:translate(4px,-2px);opacity:.6}}
@media(max-width:1100px){.mascot-mover{width:min(66%,300px)}.mascot-stage{inset:0 0 48px}.sensory-grid{gap:16px}.sensory{padding-inline:14px}.sensory h3{font-size:16px}.shimmer-pad,.cookie-button{width:205px}}
@media(max-width:800px){.hero{padding-bottom:145px}.mascot-mover{width:330px;max-width:65%}.sensory{min-height:248px;grid-template-columns:1fr 245px;padding:26px 30px}.sensory h3{font-size:20px}.sensory:before{width:1px;height:58%;left:auto;right:275px;top:21%;bottom:auto}.sensory>button{margin:0}.shimmer-pad,.cookie-button{width:220px}.closing h2{font-size:28px}}
@media(max-width:520px){
  nav a{font-size:16px}nav{gap:13px}.header{gap:8px}.brand{font-size:17.6px}
  .hero{padding-bottom:139px}.bear-world{height:375px}.mascot-stage{inset:0 0 48px}.mascot-mover{width:65%;max-width:235px}
  .bear-puddle{bottom:18%;height:70%}.bear-speech{bottom:3px;font-size:16px;padding:8px 14px}
  .mascot-picker{bottom:-59px;gap:0}.mascot-picker button{padding:8px 12px}.mascot-picker #reset-mascot{margin-left:4px;padding-inline:10px}.mascot-hint{bottom:-100px;font-size:16px}
  .mint-jelly{top:30px;right:1%;width:52px;height:47px}.mint-jelly>i{top:23px;left:17px}.mint-jelly>i:nth-child(2){left:33px}.mint-jelly>span{left:23px;top:32px}
  .feel-section{padding-bottom:44px}.sensory{min-height:204px;padding:24px 16px;grid-template-columns:minmax(0,1fr) 130px;border-radius:25px}.sensory h3{font-size:16.8px;line-height:1.7}.sensory>p{font-size:16px;line-height:1.6}.sensory:before{right:151px;height:54%;top:23%}
  .jelly-pad{width:116px;height:100px}.jelly-face i{width:6px;height:9px}.jelly-face b{width:14px;height:7px}.jelly-shine{width:29px;height:11px}.jelly-blush{width:13px;height:5px;box-shadow:49px 0 0 #d9b7cf85}
  .shimmer-pad{width:134px;height:148px}.water-rings{inset:30px 1px}.water-rings i:nth-child(2){inset:8px 10px}.water-rings i:nth-child(3){inset:17px 21px}.water-rings i:nth-child(4){inset:25px 31px}.water-rings i:nth-child(5){inset:32px 40px}.glint-grid{inset:32px 7px}.water-caustics{clip-path:ellipse(45% 31% at 50% 50%)}
  .cookie-button{width:134px;height:148px}.closing{padding-block:48px}.closing h2{font-size:clamp(20.8px,5.6vw,27.2px)}
}
@media(max-width:360px){nav a:first-child{display:none}.mascot-hint{font-size:16px;letter-spacing:-.035em}.mascot-picker button{padding-inline:10px}}
@media(max-width:520px){.sensory h3 span{display:block}.sensory>p{text-wrap:balance}}

/* 65% of the previous interaction size, with a real volumetric model. */
.mascot-mover{width:min(42.25%,221px)}
.bear-body{position:relative;height:100%}
.bear-button:after{content:"";position:absolute;inset:-17.5%;border-radius:50%}
.food-canvas{position:absolute;width:135%;height:135%;left:-17.5%;top:-17.5%;pointer-events:none;filter:drop-shadow(0 16px 13px #6b504818)}
.bear-body>img{visibility:hidden}
.bear-body[data-renderer="fallback"]>img{visibility:visible}
.rotation-controls{position:absolute;left:50%;bottom:98px;transform:translateX(-50%);display:flex;gap:18px;z-index:6}
.rotation-controls button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffffb0;background:#f6f4eec9;color:#667087}
.rotation-controls button:hover{background:#fffefa;color:var(--blue);transform:translateY(-2px)}
.mascot-hint{white-space:normal}
@media(max-width:1100px){.mascot-mover{width:min(42.9%,195px)}}
@media(max-width:800px){.mascot-mover{width:214.5px;max-width:42.25%}}
@media(max-width:520px){.mascot-mover{width:42.25%;max-width:152.75px}.rotation-controls{bottom:74px;gap:14px}.mascot-hint{line-height:1.6}}