@charset "UTF-8";
:root{--paper:#f6f3eb;--ink:#334434;--muted:#7b8071;--line:#dfdfd1;--green:#455a40;--pale:#e9eddf;--ochre:#b58b4b;--serif:Georgia,'Times New Roman',serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{cursor:default;opacity:.42}button,a,input{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #af783d}button svg,span>svg{pointer-events:none}button{touch-action:manipulation}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{max-width:1536px;margin:auto;padding:25px 48px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:26px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-family:var(--serif);font-size:30px;letter-spacing:-1.2px;white-space:nowrap}.brand-dot{color:var(--ochre)}.brand-icon{border:1px solid #73836a;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.brand-icon svg{width:23px;height:25px;margin-top:-3px;stroke-width:1.25}.header-note{font-size:11px;color:var(--muted);letter-spacing:.6px;margin-top:4px}.site-header nav{margin-left:auto;display:flex;gap:18px;align-items:center}.sound-button{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px;padding:6px}.sound-button svg{width:18px;height:18px}.sound-button[aria-pressed=true]{color:#8b6334}.help-button{width:34px;height:34px;border:1px solid #c9cdbc;border-radius:50%;font-family:var(--serif);font-size:18px;position:relative}.help-button:after{content:"";position:absolute;inset:-5px}
main{max-width:1440px;margin:auto;padding:38px 48px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:24px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;margin:0 0 15px;display:flex;align-items:center;gap:8px;color:#77816b}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#8b9b73}.intro h1{font-family:var(--serif);font-size:64px;font-weight:400;line-height:1.05;letter-spacing:-2.7px;margin:0}.title-star{display:inline-block;font-family:Arial,sans-serif;font-weight:400;font-size:38px;color:#a58b56;margin-left:16px;vertical-align:middle}.intro>p{font-family:var(--serif);font-style:italic;font-size:17px;color:#747b69;line-height:1.7;margin:0 6px 0 0}
.experience-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.scene-column{min-width:0}.scene{isolation:isolate;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:13px;background:#7c8c70;box-shadow:0 7px 22px #34412810}.scene-art,.time-wash,.scene-vignette,#rain,.scene-objects{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-art{object-fit:cover;transition:filter 2s ease}.time-wash{background:transparent;transition:background 2s;mix-blend-mode:multiply}.scene-vignette{background:linear-gradient(180deg,#182e2470 0%,transparent 23%,transparent 70%,#39271680 100%)}#rain{height:79%;opacity:.75}.scene[data-weather=monsoon] .scene-art{filter:brightness(.84) saturate(.85)}.scene[data-weather=clear] .scene-art{filter:brightness(1.08) saturate(1.08)}.scene[data-time=sunset] .time-wash{background:#e5a97770;mix-blend-mode:multiply}.scene[data-time=sunset] .scene-art{filter:sepia(.18) brightness(.96)}.scene[data-time=night] .scene-art{filter:brightness(.49) saturate(.65) hue-rotate(10deg)}.scene[data-time=night] .time-wash{background:#354c8360}.scene[data-time=night] .scene-objects{filter:brightness(.79) saturate(.8)}.scene-top{position:absolute;left:22px;right:18px;top:19px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:2}.location-label{display:flex;gap:7px;align-items:center;color:#f5f0d6;font-size:8px;letter-spacing:1.8px;font-weight:600}.live-dot{width:5px;height:5px;border-radius:50%;background:#d5d6a0;box-shadow:0 0 0 3px #d5d6a015}.postcard{display:flex;align-items:center;gap:7px;border:1px solid #f6edcb44;color:#f8f0d6;font-size:10px;min-height:36px;padding:8px 11px;border-radius:30px;background:#333c3035;backdrop-filter:blur(5px)}.postcard:hover{background:#333c3075}.postcard svg{width:15px;height:15px}.scene-mood{position:absolute;left:22px;top:57px;font-family:var(--serif);font-style:italic;font-size:13px;color:#eeecd5cc}.scene-bottom{position:absolute;bottom:14px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;color:#f6eace;pointer-events:none;font-family:var(--serif);font-style:italic;font-size:13px;gap:15px}.scene-small-flower{font-size:22px;font-style:normal}.scene-objects{overflow:visible;stroke:none}.scene-objects *{vector-effect:none}.night-lights{opacity:0;transition:opacity 2s}.scene[data-time=night] .night-lights{opacity:1}.object-hitbox{position:absolute;padding:0;background:none;min-width:44px;min-height:44px;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:22px}.object-hitbox:hover{background:#fff4d807}.kettle-hitbox{left:21%;top:65%;width:27%;height:24%}.cup-hitbox{left:48%;top:70%;width:12%;height:23%}.cat-hitbox{left:72%;top:72%;width:24%;height:21%;touch-action:manipulation}.object-hint{display:inline-flex;gap:12px;align-items:center;position:absolute;bottom:-3px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff3d5;font-size:9px;letter-spacing:.7px;font-family:var(--serif);font-style:italic;padding:4px 8px;border-radius:20px;text-shadow:0 1px 4px #382414}.object-hint>span{font-style:normal;font-size:15px}.kettle{transform-origin:350px 545px;transition:transform .35s ease}.pouring .kettle{transform:translate(52px,-28px) rotate(18deg)}.pouring #tea-stream{opacity:1;transition:opacity .2s .15s}.steam path{animation:steam 3.5s ease-in-out infinite}.steam path:nth-child(2){animation-delay:-1s}.steam path:nth-child(3){animation-delay:-2s}.cup{transform-origin:535px 600px;transition:transform .25s}.sipping .cup{transform:translateY(-20px) rotate(-7deg)}.cat-body{transform-origin:90px 105px;animation:breathe 5s ease-in-out infinite}.cat-tail{transform-origin:28px 113px;animation:tail 7s ease-in-out infinite}.cat-head{transform-origin:127px 85px;transition:transform .3s}.cat.happy .cat-head{transform:rotate(-7deg) translateY(-3px)}.cat.happy .cat-hearts{animation:hearts 2s ease-out}.cat.munching .cat-head{animation:munch .3s ease-in-out 8}.cat-speech{position:absolute;right:5%;bottom:30%;z-index:4;max-width:190px;text-align:center;padding:10px 14px;border-radius:12px;background:#fbf0d9;color:#5c573e;font-size:11px;box-shadow:0 2px 15px #28382522;opacity:0;transform:translateY(7px);transition:opacity .25s,transform .25s;pointer-events:none}.cat-speech.visible{opacity:1;transform:translateY(0)}.cat-speech:after{content:"";position:absolute;right:32%;bottom:-6px;border:7px solid transparent;border-top-color:#fbf0d9;border-bottom:0}.boat.floating{animation:float-boat 13s linear forwards}.frog.visible{opacity:1;animation:hop-in .8s ease-out}.tea-splash.visible{animation:splash .6s ease-out}.scene-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:10px;color:#7b8370}.scene-footer>span{display:flex;align-items:center;gap:6px}.scene-footer svg{width:14px;height:14px}.scene-footer button{font-size:10px;min-height:34px;color:#7b8370;text-decoration:underline;text-decoration-color:#c2c7b7;text-underline-offset:4px}.scene-footer button[aria-pressed=true]{color:var(--green)}
.controls{padding-top:3px}.controls-heading{display:flex;align-items:center;gap:9px;margin:0 0 23px}.controls-heading p{font-family:var(--serif);font-size:18px;margin:0}.little-rule{width:17px;height:1px;background:#919e7f}.control-section{border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:19px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading h2{font-size:12px;font-weight:500;letter-spacing:.1px;margin:0}.section-heading>span{font-size:9px;color:#9a9e8e;font-family:var(--serif);font-style:italic}.weather-options{display:flex;gap:8px}.weather-options button{flex:1;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:14px 4px 12px;font-size:10px;transition:background .2s,border-color .2s}.weather-options button svg{width:22px;height:22px}.weather-options button:hover{border-color:#a6b091}.weather-options button.selected{background:#e8eddf;border-color:#9ba98a;color:#405b38}.time-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;gap:3px}.time-row>span{font-size:9px;color:#818573}.time-row>div{display:flex;gap:2px}.time-row button{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#8a907f}.time-row button svg{width:16px;height:16px}.time-row button.selected{background:#ece7d8;color:#8b734c}.sunset-icon{clip-path:inset(0 0 35% 0);transform:translateY(4px)}.blend-options{display:flex;border:1px solid var(--line);border-radius:7px;padding:3px;gap:3px}.blend-options button{flex:1;font-size:10px;padding:9px 3px;border-radius:4px;min-height:33px}.blend-options button.selected{background:#e5e9dc;color:#48603b}.blend-description{font-family:var(--serif);font-style:italic;font-size:12px;color:#8b8c7d;line-height:1.5;min-height:18px;margin:10px 0 14px}.pour-button{background:var(--green);color:#f7f0df;display:flex;align-items:center;gap:9px;width:100%;border-radius:7px;padding:14px 16px;min-height:49px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .2s,transform .2s}.pour-button:hover{background:#354b31}.pour-button:active,.pour-button.is-pouring{background:#304529;transform:scale(.99)}.pour-button svg{width:19px;height:20px}.pour-button>span{font-size:12px}.pour-button .pour-arrow{margin-left:auto;font-size:19px}.tea-progress{height:3px;background:#e1e3d5;border-radius:5px;margin-top:10px;overflow:hidden}.tea-progress>span{display:block;height:100%;width:0%;background:#bd9256}.tea-actions{display:flex;align-items:center;justify-content:space-between;min-height:32px;margin-top:3px;gap:8px}.tea-actions>span{font-size:9px;color:#8a8d7c}.tea-actions button{display:flex;align-items:center;gap:4px;font-size:10px;padding:8px 0 8px 8px;min-height:34px}.tea-actions button svg{width:13px;height:13px}.company-section p{font-size:11px;color:#878b79;line-height:1.7;margin:0 0 13px}.biscuit-button,.boat-button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:1px solid #d5d9c8;border-radius:7px;font-size:10px}.biscuit-button{background:#ececdf}.biscuit-button:hover{background:#e4e8d9}.biscuit-button svg,.boat-button svg{width:17px;height:17px;color:#828963}.biscuit-button>span:last-child,.boat-button>span:last-child{margin-left:auto;font-size:17px;color:#8a916f}.boat-button{border:0;margin-top:3px;padding-bottom:0}.boat-button:hover{color:#9a733d}.company-section{padding-bottom:17px;margin-bottom:16px}.sound-control{display:flex;gap:8px;align-items:center;font-size:9px;color:#878b79;min-height:24px}.sound-control>svg{width:15px;height:15px}.sound-control label{white-space:nowrap}.sound-control input{width:68px;flex:1;min-width:30px;accent-color:#798568;height:3px;cursor:pointer}.sound-control>span{font-size:8px;min-width:23px}.page-footer{display:flex;align-items:center;justify-content:space-between;margin-top:29px;padding:20px 0 26px;border-top:1px solid var(--line);color:#969b87;font-size:10px;letter-spacing:.2px}.footer-wordmark{font-size:16px;color:#8a917a;display:flex;align-items:center;gap:9px}.footer-wordmark>span{font-size:9px;color:#999e8c}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:20;max-width:calc(100vw - 32px);width:max-content;padding:14px 20px;border-radius:10px;background:#354932;color:#fbf2db;box-shadow:0 8px 30px #1b301c30;font-size:12px;line-height:1.5;transition:opacity .25s,transform .25s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #d8dccc;border-radius:18px;background:#f8f5ed;color:var(--ink);max-width:480px;width:calc(100vw - 36px);padding:38px;box-shadow:0 20px 100px #15291933}dialog::backdrop{background:#20312370;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:14px;top:10px;width:36px;height:36px;font-size:25px;color:#8b917f}.dialog-cup{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#e6ebdb;border-radius:50%;margin-bottom:24px}.dialog-cup svg{width:24px;height:24px}dialog .eyebrow{font-size:8px;letter-spacing:1.4px}dialog h2{font-family:var(--serif);font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-1px;margin:12px 0 17px}dialog p{font-size:13px;line-height:1.7;color:#7c826f}dialog ul{padding-left:16px;font-size:12px;line-height:1.65;color:#6f7964;margin:23px 0}dialog li{margin:12px 0;padding-left:3px}dialog strong{font-weight:600;color:#4b5d42}dialog .help-small{font-size:10px}.dialog-start{display:flex;justify-content:space-between;align-items:center;background:#455a40;color:#f5eedb;border-radius:7px;min-height:46px;width:100%;padding:12px 16px;font-size:12px;margin-top:20px}.noscript{background:#efe4c4;padding:16px;text-align:center}
@keyframes breathe{50%{transform:scaleY(1.025)}}@keyframes tail{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(7deg)}92%{transform:rotate(-3deg)}}@keyframes hearts{0%{opacity:0;transform:translateY(10px)}20%,65%{opacity:1}100%{opacity:0;transform:translateY(-26px)}}@keyframes steam{0%,100%{transform:translateY(0);opacity:.15}50%{transform:translateY(-6px);opacity:.65}}@keyframes munch{50%{transform:translate(0,3px) rotate(3deg)}}@keyframes float-boat{0%{opacity:0;transform:translate(285px,450px)}8%{opacity:1}45%{transform:translate(358px,459px)}88%{opacity:1}100%{opacity:0;transform:translate(480px,468px)}}@keyframes hop-in{0%{opacity:0;translate:-30px -18px}65%{opacity:1;translate:0 3px}100%{translate:0 0}}@keyframes splash{0%{opacity:1;translate:0 -17px}100%{opacity:0;translate:0 0}}

.road-puddle{transition:opacity 1.2s}.scene[data-weather=clear] .road-puddle{opacity:.86}.boat-bob{transform-origin:0 0;animation:boat-bob 2.8s ease-in-out infinite}.puddle-ripples ellipse{transform-box:fill-box;transform-origin:center;animation:puddle-ripple 3.5s ease-out infinite}.puddle-ripples ellipse:nth-child(2){animation-delay:-1.3s}.puddle-ripples ellipse:nth-child(3){animation-delay:-2.4s}.scene[data-weather=monsoon] .puddle-ripples ellipse{animation-duration:2.2s}.scene[data-weather=clear] .puddle-ripples{opacity:.18}.scene[data-time=sunset] .road-puddle{filter:sepia(.3)}
@keyframes boat-bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(1.5px) rotate(1.5deg)}}
@keyframes puddle-ripple{0%{transform:scale(.35);opacity:0}25%{opacity:.8}100%{transform:scale(1.4);opacity:0}}

.less-motion *,.less-motion *:before,.less-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.less-motion .cat.happy .cat-hearts{opacity:1}.less-motion .boat.floating{opacity:1}.less-motion .steam{display:none}
@media(min-width:1600px){main{padding-top:46px}.intro{margin-bottom:36px}.experience-layout{gap:40px;grid-template-columns:minmax(0,1fr) 300px}.controls-heading{margin-bottom:30px}.control-section{padding-bottom:22px;margin-bottom:22px}}
@media(max-width:1100px){.site-header{padding:21px 30px}main{padding:32px 30px 0}.experience-layout{grid-template-columns:minmax(0,1fr) 250px;gap:24px}.intro h1{font-size:56px}.intro>p{font-size:15px}.controls-heading p{font-size:16px}.controls-heading{margin-bottom:18px}.control-section{margin-bottom:16px;padding-bottom:15px}.scene-top{left:15px;right:13px;top:13px}.scene-mood{left:15px;top:48px;font-size:11px}.location-label{font-size:6px;letter-spacing:1.4px}.postcard span{display:none}.postcard{border:0;padding:8px}.scene-bottom{left:16px;right:16px;font-size:11px;bottom:8px}.object-hint{font-size:8px;gap:5px}.cat-speech{max-width:150px;font-size:10px;padding:8px 10px}.scene-footer{font-size:9px;align-items:flex-start}.scene-footer>span{padding-top:9px}.scene-small-flower{font-size:19px}}
@media(max-width:850px){.site-header{padding:18px 24px}.header-note{display:none}main{padding:30px 24px 0}.intro{margin-bottom:23px}.intro h1{font-size:52px}.intro>p{font-size:14px}.experience-layout{grid-template-columns:1fr;gap:27px}.scene{max-height:none}.scene-top{left:22px;right:17px;top:17px}.location-label{font-size:8px}.postcard span{display:inline}.postcard{border:1px solid #f6edcb44}.scene-mood{top:55px;left:22px;font-size:13px}.scene-bottom{font-size:13px;bottom:15px;left:22px}.object-hint{font-size:10px;gap:8px}.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 23px}.controls-heading{grid-column:1/-1;margin-bottom:22px}.control-section{margin:0;padding:0;border:0}.company-section{padding-bottom:5px}.section-heading h2{font-size:11px}.weather-options{gap:5px}.weather-options button{padding:12px 3px;font-size:9px}.time-row{flex-wrap:wrap}.blend-options button{font-size:9px;padding:8px 2px}.blend-description{font-size:11px;min-height:34px;line-height:1.5;margin:9px 0}.pour-button{padding:10px 12px;min-height:44px}.pour-button>span{font-size:11px}.tea-actions{flex-wrap:wrap;gap:0}.tea-actions button{margin-left:auto}.sound-control{grid-column:1/-1;margin-top:24px;max-width:290px}.page-footer{margin-top:27px}}
@media(max-width:580px){.site-header{padding:15px 19px;gap:10px}.brand{font-size:25px;gap:8px}.brand-icon{width:34px;height:34px}.brand-icon svg{width:19px;height:21px}.site-header nav{gap:10px}.sound-button{gap:5px;font-size:10px}.sound-button svg{width:17px}.help-button{height:30px;width:30px;font-size:16px}main{padding:28px 16px 0}.intro{display:block;margin-bottom:22px;padding-left:3px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:13px}.intro h1{font-size:49px;letter-spacing:-2.2px}.title-star{font-size:29px;margin-left:12px}.intro>p{font-size:13px;line-height:1.65;margin:12px 0 0}.intro>p br{display:none}.scene{border-radius:9px}.scene-top{left:12px;right:8px;top:8px}.location-label{font-size:6px;letter-spacing:1.1px;gap:6px}.live-dot{height:4px;width:4px}.postcard{border:0;padding:8px;min-width:36px;min-height:36px}.postcard span{display:none}.scene-mood{left:12px;top:39px;font-size:10px}.scene-bottom{left:13px;right:13px;bottom:7px;font-size:9px;gap:4px}.scene-small-flower{font-size:17px}.object-hint{font-size:7px;gap:4px;bottom:-6px}.object-hint>span{font-size:12px}.cat-speech{right:3%;max-width:128px;font-size:9px;padding:7px 9px;bottom:31%}.scene-footer{margin-top:6px;font-size:9px;padding:0 2px}.scene-footer svg{width:12px;height:12px}.scene-footer>span{gap:5px}.scene-footer button{font-size:9px;min-height:36px}.experience-layout{gap:24px}.controls{display:block;padding:0 5px}.controls-heading{margin-bottom:21px}.controls-heading p{font-size:20px}.control-section{margin-bottom:21px;padding-bottom:22px;border-bottom:1px solid var(--line)}.section-heading{margin-bottom:14px}.section-heading h2{font-size:13px}.section-heading>span{font-size:10px}.weather-options{gap:9px}.weather-options button{padding:15px 5px;font-size:11px;flex-direction:row;gap:10px;border-radius:8px}.weather-options button svg{width:20px;height:20px}.time-row{margin-top:13px}.time-row>span{font-size:11px}.time-row button{width:42px;height:40px}.time-row button svg{width:18px;height:18px}.blend-options button{font-size:11px;min-height:40px}.blend-description{font-size:13px;margin:11px 0 16px;min-height:0}.pour-button{min-height:50px;padding:13px 16px}.pour-button>span{font-size:13px}.tea-actions>span{font-size:11px}.tea-actions button{font-size:12px;min-height:44px}.tea-progress{height:4px;margin-top:12px}.company-section p{font-size:12px}.biscuit-button,.boat-button{font-size:12px;min-height:47px}.sound-control{max-width:none;font-size:11px;margin:2px 0 0;gap:10px}.sound-control input{height:5px}.sound-control>span{font-size:10px}.page-footer{font-size:9px;margin-top:27px;padding:19px 3px 24px}.footer-wordmark{font-size:15px;gap:6px}.footer-wordmark>span{font-size:8px}.toast{font-size:11px;bottom:18px;padding:12px 16px}dialog{padding:29px}dialog h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){:root:not(.motion-allowed) *, :root:not(.motion-allowed) *:before,:root:not(.motion-allowed) *:after{animation:none!important;transition:none!important}}
.audio-panel{min-width:0}.ambient-play{display:flex;align-items:center;gap:9px;width:100%;min-height:43px;padding:11px 13px;border:1px solid #c6cfb7;border-radius:7px;background:#e7ecdd;font-size:11px;text-align:left}.ambient-play:hover{background:#dce5d0}.ambient-play svg{width:18px;height:18px}.ambient-play .play-symbol{margin-left:auto;font-size:12px}.ambient-play[aria-pressed=true]{background:#455a40;color:#f7f0df;border-color:#455a40}.audio-panel .sound-control{margin:13px 0 0;max-width:none}.audio-status{font-size:10px;line-height:1.5;color:#747e68;margin:10px 0 0}.audio-help{margin-top:3px;color:#858c78;font-size:9px}.audio-help summary{cursor:pointer;min-height:32px;display:list-item;align-content:center}.audio-help audio{display:block;width:100%;min-width:0;height:36px;margin:8px 0}.audio-help p{font-size:10px;line-height:1.6;margin:9px 0}.audio-help[open]{padding-bottom:8px}
@media(min-width:581px) and (max-width:850px){.audio-panel{grid-column:1/-1;max-width:330px;width:100%;margin-top:24px}}
@media(max-width:580px){.ambient-play{min-height:48px;font-size:12px}.audio-status{font-size:11px}.audio-help{font-size:10px}.audio-panel .sound-control{margin-top:17px}}

.cat.mewing .cat-meow-mouth{opacity:1;transform-box:fill-box;transform-origin:center;animation:meow-mouth 1.1s ease-in-out}.frog.croaking .frog-throat{transform-box:fill-box;transform-origin:center;animation:frog-throat .48s ease-in-out 2}
@keyframes meow-mouth{0%,100%{transform:scaleY(.3)}45%{transform:scaleY(1.3)}}@keyframes frog-throat{0%,100%{transform:scale(1)}45%{transform:scale(1.35,1.5)}}