/* 3.0: tactile storybook interface and calm, layered visual effects. */
:root{--epic-paper:#fff9ef;--epic-green:#758a74;--epic-rose:#c98491;--epic-ink:#62584f}
body{background:radial-gradient(ellipse at 12% 0,#f8e9dd 0,transparent 45%),radial-gradient(ellipse at 85% 20%,#e9efdf 0,transparent 50%),#f7f0e6;color:var(--epic-ink)}
.app{max-width:1500px}header{padding-block:18px}.intro{margin-block:12px 20px}.intro h1{font-size:clamp(25px,2.9vw,41px)}.game-layout{grid-template-columns:minmax(0,1fr) 248px;gap:22px}.house{background:#fff9f1;border:1px solid #e2d7c6;box-shadow:0 20px 70px #785d3c12;border-radius:27px;overflow:hidden}.room-bar{padding:14px 20px;background:linear-gradient(100deg,#fffcf5,#f2f1e6)}.room-bar h2{font-size:20px}.scene{min-height:480px;aspect-ratio:1.5;max-height:760px;isolation:isolate;border-radius:0;box-shadow:inset 0 0 80px #67574113}.scene-vignette{background:radial-gradient(ellipse at 50% 50%,transparent 30%,#5944301c 100%)}.scene-caption{padding:12px 18px;background:#fffaf2;font-size:13px}.scene-caption button{min-height:44px}.rooms{border-top:1px solid #e8dece;display:flex;gap:6px;padding:12px;overflow-x:auto;scroll-snap-type:x proximity}.rooms button{min-width:91px;min-height:70px;flex:1;scroll-snap-align:center;padding:9px 6px;border-radius:16px;font-size:12px;border:1px solid transparent;transition:background .2s,transform .2s}.rooms button span{font-size:25px;margin-bottom:4px}.rooms button.active{background:#eaf0e1;border-color:#c6d3b9;color:#53654f;box-shadow:0 3px 8px #677b5b16}.rooms button:hover{transform:translateY(-2px)}
.epic-toolbar{display:flex;gap:8px;padding:12px 14px 4px;flex-wrap:wrap}.epic-toolbar button{flex:1;min-width:88px;min-height:54px;border:1px solid #e7d9c7;border-radius:15px;background:#fffaf2;color:#746454;font:inherit;font-weight:650;font-size:14px;box-shadow:0 3px 0 #e4d8c757;transition:transform .16s,background .16s}.epic-toolbar button:hover{background:#f3ecdf;transform:translateY(-2px)}.epic-toolbar button:active{transform:translateY(2px)}.epic-toolbar button:first-child{background:#e7edde;border-color:#cfd9c4}.smart-suggestion{padding:12px 14px 0;display:flex;gap:8px}.smart-suggestion>button{background:#f5ecdf;border:1px solid #e9d9c7;border-radius:15px;color:#7c6755;min-height:56px}.smart-suggestion>button:first-child{display:flex;align-items:center;gap:13px;flex:1;text-align:left;padding:8px 12px}.smart-suggestion>button:last-child{width:56px;font-size:23px}.smart-suggestion .activity-art{width:44px;height:44px}.smart-suggestion .emoji-art{font-size:32px}.smart-suggestion small{display:block;font-size:11px;color:#9a806a;margin-bottom:3px}.smart-suggestion strong{font-size:14px}.smart-suggestion b{margin-left:auto}.activity-dock{padding:12px 14px 8px}.activity-dock button{min-height:50px;background:#faf6ed}.hint{padding-bottom:16px}.speech{bottom:auto;top:9%;left:18%;max-width:65%;background:#fffdf5ed;border:1px solid #e2d4bb;box-shadow:0 6px 15px #73563d12;font-size:13px;padding:10px 16px;border-radius:20px}.character-name{background:#fff9eae6;border:1px solid #eadac28c;color:#7b6854;box-shadow:0 3px 8px #55453315;font-weight:650}.girl:after,.cat:after{content:'';position:absolute;bottom:3%;left:20%;width:60%;height:5%;border-radius:50%;background:#55493725;filter:blur(5px);z-index:-1}.hotspot.illustrated-hotspot{background:#fff8e8ee;border:1px solid #ead9bd;border-radius:19px;box-shadow:0 6px 0 #b99b7330,0 12px 20px #71503013;min-width:64px;min-height:64px;transition:transform .2s}.hotspot.illustrated-hotspot:hover{transform:translateY(-4px) scale(1.04)}.hotspot-label{font-weight:650;background:#fff9eedb!important}.placed-decor.lantern{filter:drop-shadow(0 0 8px #f1d589)}.placed-decor.frame{width:15%;height:19%}.scene[data-time="night"] .placed-decor.lantern{filter:drop-shadow(0 0 14px #f5ca5b)}
#scene-transition{position:absolute;inset:0;background:#fff4e3;opacity:0;pointer-events:none;z-index:24}.scene-arrival #scene-transition{animation:page-arrival .8s ease-out forwards}.scene-arrival .characters{animation:characters-arrival .8s ease-out}.scene-arrival #scene-storymark{animation:storymark-arrival .9s ease-out forwards}#scene-storymark{position:absolute;left:46%;top:35%;color:#cf9290;font-size:65px;opacity:0;z-index:25;pointer-events:none}#scene-storymark.night{color:#ebd292}.epic-spark{position:absolute;font-size:21px;line-height:1;color:#d4ab68;filter:drop-shadow(0 1px 1px #fff);animation:epic-spark 1.15s ease-out forwards;pointer-events:none}.effects{z-index:30;pointer-events:none}.weather-particle.sunny{background:#f4e4bb;box-shadow:0 0 9px #fff5cf80}.sun-rays{opacity:.28;mix-blend-mode:screen}.scene[data-time="evening"] .sun-rays{opacity:.1}.scene[data-time="night"] .sun-rays{display:none}.scene[data-room="living"][data-time="evening"] .scene-shade{background:#b6916520}.scene[data-room="living"][data-time="night"] .scene-shade{background:#27344e35}
@keyframes page-arrival{0%{opacity:.9}100%{opacity:0}}@keyframes characters-arrival{from{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes storymark-arrival{0%{opacity:0;transform:scale(.7)}30%{opacity:.7}100%{opacity:0;transform:scale(1.6)}}@keyframes epic-spark{0%{opacity:0;transform:scale(.4)}15%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.65)}}
.focus-world{max-width:1550px}.focus-world .intro,.focus-world aside,.focus-world footer{display:none}.focus-world .game-layout{grid-template-columns:1fr}.focus-world header{padding-block:9px}.focus-world .scene{max-height:calc(100dvh - 200px);min-height:360px}.focus-world .rooms{padding:7px}.focus-world .rooms button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:6px}.focus-world .rooms button span{font-size:20px;margin:0}.focus-world .hint{display:none}.focus-world .activity-dock{display:none}.focus-world .smart-suggestion{padding-top:7px}.focus-world .epic-toolbar{padding-top:9px}.focus-world main{padding-top:8px}.care-panel{padding:20px}.care-panel h2{font-size:21px}.care-panel .eyebrow{font-size:12px}.level-card,.story-quest,.wardrobe-card,.decorate-card,.adventure-card{border:1px solid #e3d8c7;box-shadow:0 7px 22px #79644409;border-radius:20px}.story-quest{background:linear-gradient(145deg,#f5e4d3,#f0dfcc)}aside{gap:15px}.adventure-card{background:#edf0e4}.level-card{background:#f9f3e5}.need .meter{height:8px}.need{margin:13px 0}
button,input,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #8b9f89;outline-offset:4px}button{cursor:pointer}button:disabled{cursor:default}.primary,.secondary,.shop-tabs button,.toy-categories button{min-height:44px}.epic-dialog{border:1px solid #ddcfb9;background:linear-gradient(140deg,#fffcf5,#fcf4e8);box-shadow:0 30px 100px #473a3150;max-width:940px;border-radius:30px;padding:32px}.epic-dialog::backdrop{background:#4d514755;backdrop-filter:blur(5px)}.epic-dialog .modal-title h2{font-size:clamp(25px,3.7vw,35px)}.epic-dialog .close{background:#f3e9da;border:1px solid #ddccb7;min-width:44px;min-height:44px;z-index:5}.premium-reward .reward-orbit{filter:drop-shadow(0 10px 14px #8f715629)}.reward-pills span{box-shadow:0 3px 0 #e6c9bc57}.reward-pills span:first-child{background:#f4d9dc;color:#a66473}.premium-reward .reward-orbit:after{content:'✦';position:absolute;right:5%;top:20%;color:#d7b36d;font-size:28px;animation:reward-glow 3s ease-in-out infinite}@keyframes reward-glow{50%{opacity:.35;transform:rotate(20deg)}}
.toybox-top{position:sticky;top:-32px;z-index:2;background:#fef8ed;padding:12px 0}.toy-search{display:flex;align-items:center;gap:10px;padding:8px 15px;background:#fffdf7;border:1px solid #deceb9;border-radius:15px}.toy-search input{flex:1;width:100%;min-width:0;border:0;background:transparent;padding:5px;font:inherit;font-size:16px}.toy-categories{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.toy-categories button,.shop-filter button{background:#f2e8da;border:1px solid #e1cfb6;color:#7b6755;border-radius:13px;padding:8px 13px;font:inherit;font-size:12px;font-weight:650}.toy-categories button.active,.shop-filter button.active{background:#e4ebdb;color:#53644d;border-color:#a8bb99}.toy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:12px}.toy-card{position:relative;background:#fffaf2;border:1px solid #e5d8c4;border-radius:20px;overflow:hidden;box-shadow:0 5px 0 #e2d1b728}.toy-play{background:none;border:0;color:#78614e;display:flex;flex-direction:column;align-items:center;width:100%;padding:18px 10px 16px;gap:8px;min-height:160px}.toy-play .activity-art{width:76px;height:76px}.toy-play .emoji-art{font-size:52px;display:flex;align-items:center;justify-content:center;height:76px}.toy-play strong{font-size:14px}.toy-play small{font-size:12px;color:#a18b78}.favorite-toggle{position:absolute;top:4px;right:3px;width:44px;height:44px;border:0;background:#fffaf3c9;border-radius:50%;font-size:25px;color:#bd8190}.favorite-toggle[aria-pressed="true"]{color:#c26b83}.toy-card:hover{background:#f9f3e6}.suggestion-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.suggestion-choices button{border:1px solid #dccbb4;border-radius:23px;background:#fbf4e8;padding:24px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;color:#765f4e}.suggestion-choices .activity-art{width:90px;height:90px}.suggestion-choices .emoji-art{font-size:58px}.suggestion-choices strong{font-size:16px}.suggestion-choices small{font-size:11px;color:#a08a73}
.flower-meadow,.trail-board{height:340px;position:relative;overflow:hidden;background-image:url('assets/meadow-v3.webp');background-size:cover;background-position:center;border-radius:23px;border:5px solid #f1e3cc;box-shadow:inset 0 -40px 60px #67713f23}.flower-meadow button{position:absolute;width:14%;height:45%;border:0;background:transparent;padding:0;filter:drop-shadow(0 3px 2px #60503822);transition:transform .2s,opacity .25s;min-width:44px}.flower-meadow button:hover{transform:translateY(-5px) rotate(-5deg)}.flower-meadow button.picked{opacity:.16;transform:translateY(-10px) scale(.8)}.flower-meadow svg{width:100%;height:100%}.bouquet-art{height:190px;width:220px;position:relative;margin:10px auto 0}.bouquet-art span{position:absolute;bottom:10px;width:72px;height:160px;transform-origin:center 95%}.bouquet-art svg{width:100%;height:100%}.bouquet-art b{position:absolute;font-size:40px;left:44%;bottom:3px;text-shadow:0 2px 0 #fff}.trail-clue{display:flex;align-items:center;gap:15px;background:#f6ead4;border:1px solid #e3ceb0;border-radius:16px;padding:12px 20px;margin-bottom:14px}.trail-clue>span{font-size:40px}.trail-clue strong{font-size:18px}.trail-clue small{margin-left:auto;font-size:13px}.trail-board button{position:absolute;z-index:2;width:66px;height:66px;background:#fff8e8e8;border:2px solid #f3dda9;border-radius:50%;font-size:32px;box-shadow:0 5px 0 #8d704530}.trail-board button small{position:absolute;bottom:-8px;right:-1px;font-size:12px;background:#fff1d6;border-radius:50%;width:23px;height:23px;line-height:23px;color:#8c7359}.trail-board button.done{background:#dfecd2;border-color:#a4be8c;opacity:.7}.trail-dotted-path{position:absolute;left:10%;top:18%;width:72%;height:62%;border:4px dashed #fff4cec9;border-radius:50%;transform:rotate(-15deg)}
.rainbow-work{height:260px;background:linear-gradient(#dcebf0,#f5f0df);border-radius:25px;position:relative;overflow:hidden;margin-bottom:18px}#rainbow-arches{position:absolute;inset:20px 5% 10px;overflow:hidden}#rainbow-arches i{position:absolute;border:18px solid;border-bottom:0;border-radius:250px 250px 0 0;box-sizing:border-box;animation:characters-arrival .6s ease-out}.rainbow-cloud{position:absolute;color:#fffdf5;font-size:92px;bottom:-16px;filter:drop-shadow(0 4px 3px #8ca3ab23)}.cloud-left{left:0}.cloud-right{right:0}.rainbow-clue{display:flex;justify-content:center;gap:13px;align-items:center;margin:12px}.rainbow-clue i{width:35px;height:35px;border-radius:50%;border:3px solid white;box-shadow:0 2px 0 #ae927836}.rainbow-paints{display:flex;justify-content:center;gap:14px;margin:20px 0}.rainbow-paints button{width:63px;height:63px;border-radius:50%;border:5px solid #fff9ef;box-shadow:0 5px 0 #ad92754a}.rainbow-paints button:disabled{opacity:.25;box-shadow:none}.bird-nest{height:220px;border-radius:24px;background:radial-gradient(ellipse at 50% 30%,#fff7cf,#e6edde 68%);position:relative;text-align:center}.bird-nest>span{position:absolute;bottom:5px;left:calc(50% - 74px);font-size:120px}.nest-bird{position:absolute;top:38px;left:calc(50% - 38px);font-size:74px;z-index:1;transition:transform .5s}.bird-nest.warm .nest-bird{transform:translateY(-8px) rotate(5deg)}#nest-pieces{position:absolute;bottom:35px;left:25%;width:50%;font-size:34px;z-index:2}.nest-materials{display:flex;gap:13px;margin:20px 0}.nest-materials button{flex:1;border:1px solid #dec9aa;background:#f8eddb;border-radius:16px;padding:12px;font:inherit;color:#836b54}.nest-materials span{display:block;font-size:36px;margin-bottom:7px}.nest-materials button:disabled{opacity:.45}.rhythm-sequence{display:flex;justify-content:center;gap:12px;margin:24px 0;flex-wrap:wrap}.rhythm-sequence span{font-size:35px;min-width:59px;min-height:59px;border:3px solid transparent;border-radius:50%;padding:8px;text-align:center;background:#f2e8d8}.rhythm-sequence .current{border-color:#92aa80;background:#e8efd9;box-shadow:0 0 0 4px #f9f6e6}.rhythm-sequence .done{opacity:.4}.rhythm-drums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.rhythm-drums button{min-height:112px;font-size:50px;border:1px solid #ceb597;border-radius:22px;background:radial-gradient(#fffbf0,#ead8c0);box-shadow:0 8px 0 #c8b69d50}.rhythm-drums button:active{transform:translateY(5px);box-shadow:0 3px 0 #c8b69d50}
.shop-filter{display:flex;gap:8px;margin:12px 0}.dress-preview{position:sticky;top:10px;align-self:start;background:radial-gradient(#fffaf0,#eee3d1);padding-bottom:14px;border-radius:22px}.dress-preview>svg{max-height:410px}.fitting-actions{display:flex;flex-direction:column;gap:8px;align-items:center;padding:8px 13px}.fitting-actions strong{font-size:14px}.fitting-actions button{font-size:12px;width:100%}.shop-item{transition:transform .2s,box-shadow .2s}.shop-item:hover{transform:translateY(-3px);box-shadow:0 7px 15px #80684a14}.shop-item.selected{background:#eef2e2;border-color:#a9bc99}.shop-item small{font-weight:650}.creation-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.creation-card{background:#fffaf0;border:1px solid #e7d5bd;border-radius:22px;padding:16px;text-align:center;overflow:hidden}.creation-card h3{font-size:16px}.creation-card p{font-size:12px;color:#a08770}.creation-card button{margin:4px;font-size:12px}.creation-card .bouquet-art{width:180px;height:175px}.saved-bracelet{position:relative;width:170px;height:170px;margin:12px auto}.saved-bracelet:before{content:'';position:absolute;inset:16%;border:4px solid #d5b67c;border-radius:50%}.saved-bracelet i{position:absolute;width:24px;height:24px;transform:translate(-50%,-50%);border:2px solid #fff6e3;border-radius:50%;box-shadow:inset -4px -4px 0 #815e4e22,0 3px 4px #796a4318}.melody-art{display:block;font-size:90px;color:#a08db9;background:radial-gradient(#f2e6f5,transparent);height:170px;padding:20px}.postcard-stage{position:relative;overflow:hidden}.postcard-weather{position:absolute;inset:0;pointer-events:none;z-index:4}.postcard-weather.rain{background:repeating-linear-gradient(110deg,transparent 0 40px,#cce5f548 41px 43px,transparent 44px 75px)}.postcard-weather.snow{background-image:radial-gradient(#fff9 2px,transparent 3px);background-size:35px 48px}.postcard-decor{position:absolute;width:13%;height:20%;z-index:1}.postcard-decor svg{width:100%;height:100%}.postcard-caption{z-index:5}.epic-cover{position:relative;border-radius:23px;overflow:hidden;margin:-8px -8px 20px}.epic-cover>img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover}.epic-cover>div{position:absolute;left:6%;top:12%;text-align:left;max-width:48%}.epic-cover h2{font-size:clamp(25px,5vw,45px);line-height:1.15;color:#776344;text-shadow:0 1px 2px #fff7e7}.epic-cover .eyebrow{font-size:12px;line-height:1.5;color:#9b795d}.epic-welcome{padding:0}.intro-video{width:100%;border-radius:22px;background:#e9dfcf;aspect-ratio:16/9;object-fit:contain}.calm-world *,.calm-world *:before,.calm-world *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.calm-world .weather-particle:nth-child(n+10){display:none}.calm-world .epic-spark{display:none}.calm-world .scene-arrival #scene-transition{opacity:0}.calm-world .sun-rays{opacity:.13}
@media(min-width:1200px){.house .scene{min-height:550px}.focus-world .house .scene{min-height:400px}.characters .girl{height:55%}.characters .cat{width:14%}.parent{height:58%}}
@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 210px;gap:14px}.scene{min-height:380px}aside .care-panel{padding:15px}.toy-grid{grid-template-columns:repeat(3,1fr)}.epic-toolbar button{font-size:12px}.speech{font-size:12px}}
@media(max-width:780px){.game-layout{display:flex;flex-direction:column}.intro{margin-bottom:13px}.intro h1{font-size:27px}aside{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.care-panel{grid-column:1/-1}.care-panel #needs{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px}.care-note{display:none}.adventure-card{display:none}.level-card{grid-column:1/-1}.scene{min-height:350px;aspect-ratio:1.5}.epic-dialog{padding:25px 18px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:23px}.toybox-top{top:-25px}.toy-play{min-height:148px;padding:16px 7px}.toy-play strong{font-size:12px}.toy-play .activity-art{width:64px;height:64px}.suggestion-choices{gap:9px}.suggestion-choices strong{font-size:12px}.suggestion-choices .activity-art{width:65px;height:65px}.creation-gallery{grid-template-columns:repeat(2,1fr)}.focus-world .scene{max-height:none;min-height:350px}.focus-world .rooms button{display:block;min-width:76px}.focus-world .rooms button span{display:block;margin-bottom:3px}.speech{font-size:11px;top:8%;padding:8px 12px}.brand span{font-size:12px}.top-controls{gap:5px}.map-top{padding-inline:9px}.wallet{padding:8px 12px}.room-tools{gap:4px}.room-bar{padding:12px}.room-bar h2{font-size:17px}.room-tools .day-button{min-width:40px;padding:7px}.room-tools #day span{font-size:11px}}
@media(max-width:480px){.app{padding:0 10px}.scene{min-height:310px}.room-bar h2{font-size:15px}.room-bar #room-icon{font-size:21px}.room-tools #day{font-size:15px}.room-tools #day span{display:none}.epic-toolbar{gap:5px;padding:10px 9px 2px}.epic-toolbar button{min-width:52px;min-height:62px;font-size:22px;line-height:1.1}.epic-toolbar button span{display:block;font-size:12px;margin-top:6px}.smart-suggestion{padding:9px 9px 0}.smart-suggestion strong{font-size:12px}.rooms{padding:8px;gap:4px}.rooms button{min-width:75px;min-height:63px;font-size:12px}.rooms button span{font-size:23px}.intro .eyebrow{font-size:12px}.intro h1{font-size:24px}.intro .mission-button{min-height:49px}.scene-caption{font-size:11px;padding:8px 10px}.scene-caption button{font-size:12px}.hotspot.illustrated-hotspot{min-width:51px;min-height:51px;padding:4px}.hotspot-label{font-size:12px!important}.speech{max-width:75%;left:12%;font-size:12px}.toy-grid{grid-template-columns:repeat(2,1fr);gap:10px}.toy-categories{gap:5px}.toy-categories button{font-size:12px;padding:6px 8px}.wardrobe-layout{grid-template-columns:1fr}.dress-preview{position:relative;top:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:0;padding:10px}.dress-preview>svg{height:210px;width:140px}.dress-preview>span{display:none}.fitting-actions{max-width:48%;padding:8px}.shop-tabs button{font-size:12px;padding:8px 9px}.shop-grid{grid-template-columns:repeat(3,1fr)}.shop-item strong{font-size:11px}.shop-item small{font-size:12px}.flower-meadow,.trail-board{height:290px}.trail-board button{width:52px;height:52px;font-size:25px}.rainbow-paints{gap:7px}.rainbow-paints button{width:43px;height:49px;border-width:3px}.rainbow-work{height:220px}.rainbow-clue strong{font-size:16px}.rhythm-drums{gap:9px}.rhythm-drums button{min-height:83px;font-size:35px}.rhythm-sequence{gap:7px}.rhythm-sequence span{min-width:43px;min-height:43px;padding:5px;font-size:25px}.creation-gallery{grid-template-columns:1fr}.suggestion-choices{grid-template-columns:1fr}.suggestion-choices button{display:grid;grid-template-columns:60px 1fr;text-align:left;padding:10px 15px;gap:0 15px}.suggestion-choices .activity-art,.suggestion-choices .emoji-art{grid-row:1/3}.suggestion-choices strong{font-size:15px}.epic-cover h2{font-size:25px}.epic-cover .eyebrow{font-size:12px}.epic-dialog .modal-title h2{font-size:25px}.modal-title p{font-size:13px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scene-arrival #scene-transition{opacity:0}.epic-spark{display:none}}

.calm-dialog *,.calm-dialog *:before,.calm-dialog *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.girl[role="button"]{cursor:pointer;pointer-events:auto}.girl[role="button"]:focus-visible{outline:3px solid #8b9f89;outline-offset:4px;border-radius:30px}.feeling-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.feeling-options button{background:#fbf3e5;border:1px solid #e0cfb6;border-radius:20px;min-height:128px;color:#816952}.feeling-options button.selected{background:#e8efdc;border-color:#a0b68c}.feeling-options span{display:block;font-size:48px;margin-bottom:12px}.feeling-options strong{font-size:15px}@media(max-width:480px){.feeling-options{grid-template-columns:repeat(2,1fr)}}

.scene .girl,.scene .cat{transition:left .9s ease-in-out}.scene .girl.walking{animation:soft-walk .3s ease-in-out 3}.scene .cat.walking{animation:soft-walk .22s ease-in-out 4}@keyframes soft-walk{50%{translate:0 -4px;rotate:1deg}}