:root{--cream:#eee5cf;--gold:#c9ab72;--red:#a74532;--muted:#b4bdab;--line:#c2ba9133}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Arial,'Microsoft YaHei',sans-serif;color:var(--cream);background:#15271e}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #eed19c;outline-offset:4px}a{color:var(--gold)}.backdrop{position:fixed;inset:0;background:linear-gradient(90deg,#0e201de8,#12291ca0),url('assets/mountains.svg') center/cover;opacity:.85}.grain{position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.12' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.28;z-index:2}header{position:relative;z-index:5;height:86px;margin:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:22px}.brand{display:flex;align-items:center;gap:13px;font-family:'STSong','SimSun',serif;font-size:24px;letter-spacing:4px;text-align:left;padding:0}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:4px;color:#b9b79b;margin-top:9px}.seal{border:1px solid #b9694d;font-size:15px;line-height:18px;color:#c98861;padding:6px 8px}nav{display:flex;gap:34px;height:100%;align-items:center}nav button{font-size:13px;letter-spacing:2px;position:relative;height:100%;color:#bac5b2}nav button.active{color:#eed1a2}nav button.active:after{content:'';height:2px;background:#c39d65;position:absolute;bottom:0;left:25%;right:25%}.sound-controls{display:grid;grid-template-columns:1fr 75px;align-items:center;gap:7px 12px;font-size:9px;color:#a5b39e}.sound-controls button{grid-row:span 2;border:1px solid var(--line);padding:10px;font-size:11px;color:#ddcfab}.sound-controls label{font-size:9px}.sound-controls output{float:right}.sound-controls input{width:75px;height:3px;accent-color:#d7b67c;margin:0}#stage{position:relative;height:calc(100dvh - 140px);width:100%;overflow:hidden;outline:none}.view{position:absolute;inset:0;animation:arrive .65s cubic-bezier(.2,.7,.2,1) both;padding:35px 5% 22px;display:flex;flex-direction:column;min-height:0}.view.leaving{animation:leave .28s ease both;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);margin:0 0 17px}.home{padding:0;display:block}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.83}.home:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#11231ff5 0%,#10231ee6 28%,#11231e55 57%,#14201b05),linear-gradient(0deg,#12251ed9,transparent 35%);pointer-events:none}.home-copy{position:absolute;z-index:1;left:7%;top:50%;transform:translateY(-50%);width:47%;max-width:570px}.home h1{font:normal clamp(54px,6.5vw,100px)/1.2 'STSong','SimSun',serif;letter-spacing:10px;margin:25px 0}.home h1 em{font-style:normal;color:#d2b879}.english{font-size:9px;letter-spacing:5px;color:#c5ba9c}.home-copy>p:not(.eyebrow):not(.english){font-size:15px;line-height:2.1;color:#c6cdb9;letter-spacing:2px;margin:26px 0}.home-actions{display:flex;gap:13px;margin-top:28px}.primary,.secondary{padding:15px 22px;font-size:12px;letter-spacing:2px;display:inline-flex;justify-content:center;gap:24px;align-items:center}.primary{background:#a64232;border:1px solid #ba6250;color:#fff1d6}.primary:hover{background:#b94c39}.secondary{border:1px solid #beb99555;background:#16281d66;color:#dbcaa8}.home-copy>small{display:block;font-size:10px;color:#a9b49e;margin-top:18px}.art-label{position:absolute;right:4%;bottom:20px;z-index:2;font-size:9px;letter-spacing:1px;color:#e6d8b3c9}.hero-story-tag{position:absolute;right:5%;top:35px;z-index:2;writing-mode:vertical-rl;letter-spacing:5px;font-family:'SimSun';font-size:14px;color:#ebdfbe}.view-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px;gap:20px}.view-heading h1{font:normal 31px 'SimSun',serif;letter-spacing:4px;margin:0}.view-heading .eyebrow{font-size:9px;margin-bottom:9px}.chapter-location{font-size:11px;color:#a8b59b;letter-spacing:1px;align-self:center}.journey-layout{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.65fr);gap:28px;flex:1;min-height:0}.story-copy{display:flex;flex-direction:column;min-height:0;padding:18px 0 10px}.story-copy h2{font:normal clamp(25px,2.5vw,37px)/1.55 'SimSun',serif;letter-spacing:2px;margin:0 0 17px}.story-copy>p{font-size:12px;line-height:1.95;color:#b8c2ac;margin:0 0 16px}.question{border-left:2px solid #b97d51;padding:3px 0 3px 15px;font:17px/1.7 'SimSun';color:#e5d3ae;margin:3px 0 18px}.story-copy .story-link{font-size:10px;align-self:flex-start;text-decoration:none;border-bottom:1px solid #9c865e66;padding-bottom:5px;margin-top:auto}.stage-work{position:relative;border:1px solid #b8bc8e33;background:radial-gradient(ellipse at 55% 100%,#52624b80,#142b2280);display:flex;flex-direction:column;min-height:0;overflow:hidden}.work-label{padding:18px 22px 0;font-size:9px;letter-spacing:2px;color:#adba9b;display:flex;justify-content:space-between}.work-label span:last-child{color:#c6ac77}.scene-drawing{position:relative;flex:1;min-height:80px;display:flex;align-items:center;justify-content:center}.scene-drawing>svg{height:100%;width:100%;position:absolute;inset:0}.scene-drawing .scene-prompt{position:absolute;top:15px;left:23px;color:#c7ccb7;font-size:11px;margin:0}.scene-drawing .completion-art{opacity:0;transition:opacity 1.4s,transform 1.4s;transform:translateY(12px)}.stage-work.complete .completion-art{opacity:1;transform:translateY(0)}.stage-work.complete{box-shadow:inset 0 0 80px #c5973b10}.interaction{padding:14px 22px 18px;position:relative;z-index:1;border-top:1px solid #c0b89322;background:#14271fcc}.task-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.task-line>span{font-size:12px;color:#d8d8bc}.task-line small{font-size:10px;color:#b9a479}.actions{display:flex;gap:9px;flex-wrap:wrap}.actions button{border:1px solid #b5b28a55;padding:10px 13px;font-size:11px;letter-spacing:1px;background:#ffffff05;color:#d6d2b8;transition:background .3s}.actions button:hover{background:#b3a16820}.actions button.done{border-color:#c6ad7f;background:#a56f3829;color:#ecd09e}.actions button.done:before{content:'✓ ';color:#d3b272}.feedback{font-size:11px;line-height:1.7;color:#b7c2a6;min-height:19px;margin:12px 0 0}.memory-mark{position:absolute;right:22px;top:45px;z-index:3;width:72px;height:72px;border:1px solid #d4a267;color:#dfbf87;display:flex;flex-direction:column;align-items:center;justify-content:center;font:14px/1.6 'SimSun';transform:rotate(-9deg) scale(1.4);opacity:0;transition:.6s;pointer-events:none;background:#182c228c}.memory-mark small{font:8px Arial;margin-top:3px;letter-spacing:1px}.complete .memory-mark{opacity:1;transform:rotate(-9deg) scale(1)}.chapter-dock{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;margin-top:20px}.chapter-dock button{border-top:1px solid #a4ad8444;text-align:left;padding:12px 5px 4px;color:#96a68c;font-size:12px;letter-spacing:1px;transition:.3s}.chapter-dock button small{font-size:8px;letter-spacing:1px;display:block;margin-bottom:6px;color:#889a7f}.chapter-dock button.active{border-color:#d4b277;color:#f0d6a4}.chapter-dock button.complete small:after{content:' · 已点亮';color:#d4b277}.journey-note{font-size:8px;color:#94a186;margin:10px 0 0}.people{padding:0}.people-image{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:center;transition:filter 1.5s;filter:saturate(.7)}.people:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10231ef5 0%,#10231ee8 26%,#10231e66 53%,#101e1710),linear-gradient(0deg,#13241fdd,transparent 45%);pointer-events:none}.people-content{position:relative;z-index:1;width:43%;max-width:560px;padding:4% 0 2% 5%;height:100%;display:flex;flex-direction:column}.people-content h1{font:normal clamp(32px,4vw,57px)/1.35 'SimSun';letter-spacing:4px;margin:0 0 20px}.people-content h1 em{font-style:normal;color:#dbbb80}.people-content p{font-size:12px;line-height:1.95;color:#c5cbb8;margin:0 0 15px}.people-content .eyebrow{font-size:9px;color:#d6b47d}.people-content .source{font-size:10px;margin-top:10px}.quilt-ui{background:#12251cd9;border:1px solid var(--line);padding:17px;margin-top:auto}.quilt-ui label{font-size:11px;display:block;margin-bottom:10px;color:#decba7}.quilt-ui input{width:100%;accent-color:#d1a467;cursor:ew-resize}.quilt-ui button{width:100%;padding:11px;margin-top:8px}.quilt-ui button:disabled{opacity:.4}.quilt-ui .feedback{font-size:10px;margin:8px 0 0}.quilt-art{position:absolute;z-index:2;bottom:70px;right:12%;width:200px;height:130px;border:2px solid #c4ad83;background:repeating-linear-gradient(0deg,transparent 0 24px,#cbb89c66 25px 26px),repeating-linear-gradient(90deg,#75674c 0 35px,#594d3b 36px 37px);transform:rotate(-9deg);clip-path:inset(0 0 0 var(--cut,0%));transition:clip-path .2s,transform 1.2s,opacity 1.2s;box-shadow:0 10px 30px #0008;pointer-events:none}.people.given .quilt-art{transform:translate(40px,-80px) rotate(7deg);opacity:0}.people.given .people-image{filter:saturate(1.1) brightness(1.12)}.people .warmth{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#f6b53f4d,transparent 70%);opacity:0;transition:opacity 2s}.people.given .warmth{opacity:1}.people-success{position:absolute;right:6%;bottom:30px;z-index:2;color:#eed4a6;font:21px 'SimSun';opacity:0;transform:translateY(15px);transition:1s}.people.given .people-success{opacity:1;transform:none}.memory-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:0;flex:1}.memory-intro{display:flex;flex-direction:column;justify-content:center}.memory-intro h1{font:normal 52px/1.4 'SimSun';letter-spacing:4px;margin:0 0 22px}.memory-intro h1 em{color:#d2b580;font-style:normal}.memory-intro p{font-size:12px;color:#b7c4aa;line-height:2}.stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stamp{border:1px solid #7b8e6e66;padding:13px 10px;text-align:center;font:16px 'SimSun';color:#879c7c;min-height:57px}.stamp.lit{border-color:#c2a26a;color:#d9b77e;background:#b9914810}.stamp small{display:block;font:8px Arial;margin-top:7px;letter-spacing:1px}.memory-form{align-self:center;background:#e9e3d0;color:#2b3e2d;padding:32px;box-shadow:12px 12px 0 #111e1622}.memory-form h2{font:29px 'SimSun';margin:0 0 20px}.memory-form label{display:block;font-size:12px;margin-bottom:12px}.memory-form textarea{width:100%;height:130px;resize:none;padding:14px;color:#34442e;border:1px solid #c1b89d;background:#f4efdf;font-size:13px;line-height:1.8}.memory-form .primary{width:100%;margin-top:18px}.memory-form small{font-size:9px;line-height:1.8;color:#7b8069;display:block;margin-top:14px}.memory-form #saveStatus{font-size:11px;color:#735c38;min-height:18px}.memory-form .reset{font-size:10px;color:#72765c;text-decoration:underline;padding:5px 0}footer{height:54px;position:relative;z-index:4;margin:0 4%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:10px;color:#a7b298;gap:12px}.footer-meta{display:flex;align-items:center;gap:9px}.live-dot{height:5px;width:5px;border-radius:50%;background:#c3a36d}.footer-actions{display:flex;gap:22px}.footer-actions button{font-size:10px;color:#bac4a8}#total{font-size:10px;color:#c9af7e}dialog{background:#e9e4d3;border:1px solid #bdac80;color:#2c3d2f;padding:28px;max-width:750px;width:85%;max-height:85dvh;overflow:auto}dialog::backdrop{background:#091711c9;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c3bca2;padding-bottom:14px;font-size:9px;letter-spacing:2px;color:#8e704a}.dialog-top button{font-size:25px;color:#4d5a3e}dialog h2{font:30px 'SimSun'}dialog p,dialog li{font-size:13px;line-height:2}dialog a{color:#8c5639}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.map-grid button{border:1px solid #b9b69d;padding:20px 8px;color:#42543b}.map-grid small{display:block;font-size:10px;margin-top:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.snow{position:absolute;inset:0;pointer-events:none;overflow:hidden}.snow i{position:absolute;width:3px;height:3px;border-radius:50%;background:#eee;animation:snow 6s linear infinite}.ripples{animation:ripple 5s ease-in-out infinite}.flag-wave{transform-origin:center;animation:wave 4s ease-in-out infinite}.lit-lantern{filter:drop-shadow(0 0 13px #f0b74a)}@keyframes arrive{from{opacity:0;transform:translateY(10px) scale(1.015)}to{opacity:1;transform:none}}@keyframes leave{to{opacity:0;transform:translateY(-7px)}}@keyframes snow{from{transform:translate(30px,-40px)}to{transform:translate(-60px,450px)}}@keyframes ripple{50%{opacity:.3}}@keyframes wave{50%{transform:skewY(3deg)}}body.reduce *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(min-width:1600px){.view{padding-left:8%;padding-right:8%}.story-copy>p{font-size:15px}.story-copy h2{font-size:42px}.scene-drawing{min-height:220px}.people-content p{font-size:15px}.people-content{max-width:650px}.home-copy{max-width:650px}.home-copy>p:not(.eyebrow):not(.english){font-size:18px}}@media(max-height:750px) and (min-width:800px){header{height:70px}#stage{height:calc(100dvh - 116px)}footer{height:46px}.view{padding-top:20px}.view-heading{margin-bottom:12px}.view-heading h1{font-size:26px}.story-copy{padding-top:5px}.story-copy h2{font-size:28px;margin-bottom:12px}.story-copy>p{font-size:11px;line-height:1.8}.question{font-size:15px;margin-bottom:10px}.chapter-dock{margin-top:12px}.chapter-dock button{padding-top:9px}.people-content{padding-top:3%}.people-content h1{font-size:38px;margin-bottom:12px}.people-content p{font-size:11px;line-height:1.8}.quilt-ui{padding:12px}.memory-intro h1{font-size:40px}.stamps{margin-top:12px;gap:8px}.stamp{padding:9px}.memory-form{padding:24px}.memory-form textarea{height:100px}.home h1{font-size:70px}.home-copy>p:not(.eyebrow):not(.english){font-size:13px;margin:20px 0}.home-actions{margin-top:20px}}@media(max-width:850px){header{margin:0 3%;gap:10px}.brand{font-size:19px;gap:8px;letter-spacing:2px}.brand small{letter-spacing:2px;font-size:8px}nav{gap:15px}nav button{font-size:11px;letter-spacing:0}.sound-controls{grid-template-columns:1fr}.sound-controls label,.sound-controls input{display:none}.sound-controls button{font-size:10px}.view{padding-left:4%;padding-right:4%}.journey-layout{grid-template-columns:220px 1fr;gap:17px}.story-copy h2{font-size:26px}.actions{gap:6px}.actions button{padding:9px 10px;font-size:10px}.people-content{width:50%;padding-left:4%}.quilt-art{right:10%;width:140px;height:100px}.home-copy{width:53%;left:5%}.home h1{font-size:62px;letter-spacing:6px}.home-actions{flex-wrap:wrap}.memory-layout{gap:25px}.memory-intro h1{font-size:39px}.memory-form{padding:23px}}@media(max-width:600px){header{height:70px;margin:0 4%;flex-wrap:wrap;align-content:center;gap:6px}.brand{font-size:17px}.brand small{font-size:7px;margin-top:5px}.seal{font-size:11px;line-height:13px;padding:4px 6px}nav{gap:13px;margin-left:auto;height:35px}nav button{font-size:10px}.sound-controls{position:fixed;bottom:15px;right:95px;z-index:8}.sound-controls button{border:0;padding:3px;font-size:10px}#stage{height:calc(100dvh - 117px)}footer{height:47px;margin:0 4%;font-size:8px}.footer-meta{max-width:130px;font-size:8px}.footer-actions{gap:12px}.footer-actions button{font-size:9px}.footer-actions #motion{display:none}#total{font-size:8px}.footer-actions{position:absolute;bottom:55px;right:15px;z-index:5;background:#10241ed9;padding:8px;gap:14px;border:1px solid var(--line)}.view{padding:18px 5% 48px}.view-heading{margin-bottom:13px}.view-heading h1{font-size:22px}.view-heading .eyebrow{font-size:7px;letter-spacing:2px}.chapter-location{font-size:8px;max-width:100px;line-height:1.5}.journey-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px}.story-copy{padding:0;display:grid;grid-template-columns:1fr auto;gap:7px}.story-copy h2{font-size:20px;margin:0;grid-column:1/-1}.story-copy>p{font-size:10px;line-height:1.7;margin:0;grid-column:1/-1}.question{display:none}.story-copy .story-link{font-size:9px;margin:0}.stage-work{min-height:170px}.work-label{padding:10px 13px 0;font-size:7px}.scene-drawing{min-height:60px}.scene-drawing .scene-prompt{display:none}.interaction{padding:9px 12px 10px}.task-line{margin-bottom:8px}.task-line>span{font-size:10px}.task-line small{font-size:8px}.feedback{font-size:9px;line-height:1.5;min-height:14px;margin-top:7px}.actions button{font-size:9px;padding:8px 9px}.memory-mark{width:50px;height:50px;font-size:11px;right:12px;top:28px}.memory-mark small{font-size:6px}.chapter-dock{grid-template-columns:repeat(8,1fr);gap:3px;margin-top:10px}.chapter-dock button{font-size:9px;letter-spacing:0;padding:7px 0 0;text-align:center}.chapter-dock button small{font-size:7px;margin-bottom:4px;letter-spacing:0}.chapter-dock button.complete small:after{content:'✓'}.journey-note{font-size:7px;margin-top:8px;max-width:66%;line-height:1.5}.home{padding:0}.hero-art{object-position:63% center}.home:after{background:linear-gradient(0deg,#10231ff7 0%,#10231ecc 40%,#10231e30 85%)}.home-copy{left:7%;width:86%;top:auto;bottom:60px;transform:none}.home h1{font-size:56px;margin:12px 0}.home .eyebrow{font-size:8px;margin-bottom:10px}.home-copy>p:not(.eyebrow):not(.english){font-size:12px;margin:15px 0;line-height:1.9;letter-spacing:1px}.home-copy .english{font-size:7px}.home-actions{margin-top:16px;gap:9px;flex-wrap:nowrap}.primary,.secondary{padding:12px 14px;letter-spacing:1px;font-size:10px;gap:10px}.home-copy>small{font-size:8px;margin-top:10px}.hero-story-tag{display:none}.art-label{font-size:7px;left:7%;right:auto;bottom:20px;max-width:60%;line-height:1.6}.people{padding:0}.people-image{object-position:60% top}.people:after{background:linear-gradient(0deg,#10231fff 0%,#10231ff2 40%,#10231e45 78%)}.people-content{position:absolute;bottom:48px;height:auto;width:100%;padding:0 6%;max-width:none}.people-content h1{font-size:30px;line-height:1.25;margin-bottom:10px}.people-content .eyebrow{font-size:8px;margin-bottom:9px}.people-content p{font-size:10px;line-height:1.8;margin-bottom:9px}.quilt-ui{padding:11px;margin-top:8px}.quilt-ui label{font-size:10px;margin-bottom:7px}.quilt-ui button{padding:9px;margin-top:5px}.quilt-ui .feedback{font-size:9px}.people-content .source{font-size:8px;margin-top:8px}.quilt-art{width:100px;height:70px;right:20%;top:10%;bottom:auto}.people-success{top:10%;bottom:auto;right:5%;font-size:15px;max-width:160px;line-height:1.6}.memory-layout{grid-template-columns:1fr;gap:15px}.memory-intro h1{font-size:28px;margin-bottom:9px}.memory-intro p{font-size:10px;margin:0}.memory-intro .eyebrow{font-size:8px;margin-bottom:8px}.stamps{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:12px}.stamp{font-size:10px;padding:7px 2px;min-height:27px}.stamp small{display:none}.memory-form{padding:16px;align-self:start}.memory-form h2{font-size:20px;margin:0 0 10px}.memory-form label{font-size:10px;margin-bottom:7px}.memory-form textarea{height:65px;font-size:11px;padding:8px}.memory-form .primary{margin-top:9px;padding:10px}.memory-form small{font-size:8px;margin-top:8px}.memory-form #saveStatus{font-size:9px;min-height:10px;margin:6px 0}.memory-form .reset{font-size:8px}.map-grid{grid-template-columns:repeat(2,1fr)}dialog{width:92%;padding:20px}dialog p,dialog li{font-size:11px}.view-heading .chapter-location{max-width:110px}}@media(max-height:630px) and (max-width:600px){.story-copy>p{display:none}.story-copy h2{font-size:18px}.people-content h1{font-size:24px}.people-content p{font-size:9px;line-height:1.6}.memory-intro p{display:none}.memory-intro h1{font-size:23px}.memory-form textarea{height:45px}.view{padding-top:12px}.home h1{font-size:48px}.home-copy>p:not(.eyebrow):not(.english){font-size:11px}} 

/* Keep the outgoing view present underneath the incoming scene. */
.view.leaving{animation:scene-out .42s ease both;pointer-events:none;z-index:0}.view:not(.leaving){z-index:1;animation:scene-in .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes scene-in{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes scene-out{from{opacity:1}to{opacity:0;transform:translateX(-10px)}}
.step-reveal>svg{animation:step-glow .7s ease both}.reward-arrival .memory-mark{animation:seal-arrive .75s cubic-bezier(.2,.7,.2,1) both}.reward-arrival .completion-art{animation:companion-arrive 1.2s ease both}
@keyframes step-glow{0%{filter:brightness(1)}40%{filter:brightness(1.25)}100%{filter:brightness(1)}}
@keyframes seal-arrive{from{opacity:0;transform:rotate(-16deg) scale(1.7)}to{opacity:1;transform:rotate(-9deg) scale(1)}}
@keyframes companion-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){.sound-controls{grid-template-columns:1fr 48px}.sound-controls input{display:block;width:48px}.sound-controls button{grid-row:auto}.sound-controls label{display:none}}
@media(max-width:600px){.sound-controls{gap:5px;right:80px}.sound-controls input{width:45px}}

.people-success{bottom:62px;font-size:19px}.people .art-label{bottom:17px}
@media(max-width:600px){.people-success{bottom:auto;top:10%;font-size:15px}}