:root{--paper:#faf7ea;--ink:#28564d;--muted:#6f8373;--green:#62876a;--soft:#e6edd7;--line:#dae4cd;--gold:#e8b15c;--white:#fffdf5;--body:clamp(23px,1.9vw,34px);--round:30px}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;color:var(--ink);background:var(--paper)}body{font-family:MoodReading,"PingFang SC","Microsoft Yahei",sans-serif;font-size:var(--body)}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #cf953d;outline-offset:5px}button:not(:disabled){transition:background .18s,box-shadow .18s,border-color .18s}button:hover:not(:disabled){filter:brightness(1.025)}button:active:not(:disabled){translate:0 1px}svg{width:1.1em;height:1.1em;flex:none}h1,h2,h3,p{margin:0}h1:focus{outline:none}img{max-width:100%;display:block}button svg{vertical-align:middle}button .reading{pointer-events:none}button[hidden],[hidden]{display:none!important}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:1000;background:white;padding:12px;left:20px;top:15px}.reading{display:inline;line-height:1.9;letter-spacing:0;white-space:normal}ruby{display:inline-grid;grid-template-rows:.58em 1.1em;vertical-align:baseline;text-align:center;width:1.08em;line-height:1.1;letter-spacing:0;position:relative}ruby>span{grid-row:2;align-self:end}rt{grid-row:1;font-family:"Trebuchet MS",Arial,sans-serif;font-size:.39em;letter-spacing:0;line-height:1;align-self:start;justify-self:center;color:#6a8275;font-weight:500;font-style:normal;white-space:nowrap}.punct{display:inline-block;line-height:1.1;vertical-align:baseline}.no-pinyin ruby{grid-template-rows:0 1.1em}.no-pinyin rt{visibility:hidden}.no-pinyin .reading{line-height:1.55}#app{min-height:100svh;display:grid;grid-template-rows:80px 1fr 82px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 85%,#dce9c952,transparent 36%),radial-gradient(ellipse at 100% 10%,#f9e9be4d,transparent 35%)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 3.4vw;gap:20px;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;background:transparent;text-align:left;font-size:22px;font-weight:700;line-height:1.2}.brand-icon{background:#e7eecf;border-radius:16px;padding:9px;display:flex;color:#729066}.brand small{display:block;font-family:inherit;font-size:12px;letter-spacing:2px;font-weight:400;color:var(--muted);margin-top:7px}.stage-label{font-size:17px;color:#7e907b;letter-spacing:2px;position:absolute;left:50%;translate:-50% 0}.toolbar{display:flex;gap:12px}.utility{background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;min-width:42px;height:42px;border-radius:14px;font-family:inherit;font-size:19px}.utility.on{background:#e6ecd8}.utility span{font-size:15px}.icon-only{min-width:48px;padding:10px!important}.nav-shell{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:18px;padding:8px 3.4vw 16px;z-index:8}.back-button{justify-self:start;background:transparent;display:flex;align-items:center;gap:10px;font-size:20px;padding:12px;color:#718872}.route-toggle{justify-self:center;display:flex;gap:9px;align-items:center;border:1px solid #d8e2c6;background:#f0f2e2;padding:10px 18px;border-radius:28px;font-size:16px;color:#718570}.next-button{justify-self:end;display:flex;align-items:center;gap:18px;background:#f5cf6c;box-shadow:0 5px 0 #d7a34c,0 7px 15px #84663b18;padding:12px 20px;border-radius:25px;font-weight:700;font-size:25px;position:relative;min-width:166px;justify-content:center}.next-button>svg{width:22px}.next-flower{display:flex;background:#fff3bd;border-radius:100%;padding:7px;color:#749763;font-size:28px}.route-panel{position:absolute;bottom:87px;left:50%;translate:-50% 0;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;z-index:20;padding:18px;background:#fffdf5f5;box-shadow:0 12px 50px #2e564c25;border:1px solid #d5dec8;border-radius:25px;min-width:560px;backdrop-filter:blur(16px)}.route-panel button{display:flex;align-items:center;gap:10px;padding:13px 14px;background:transparent;border-radius:14px;text-align:left;font-size:18px;white-space:nowrap}.route-panel button span{font-size:14px;background:#e8eddb;width:30px;height:30px;display:grid;place-items:center;border-radius:100%}.route-panel .current{background:#dfeacd}main{padding:0 3.4vw;min-height:0;position:relative}.scene{height:100%;max-width:1740px;margin:auto;position:relative}.scene:before,.scene:after{position:absolute;pointer-events:none;color:#d9bf7b;font-size:42px;z-index:0;opacity:.6}.scene:before{content:'✧';top:17%;left:-2.5vw}.scene:after{content:'✳';bottom:12%;right:-2.6vw;font-size:32px;color:#b4cba4}.scene-heading{text-align:center;padding:10px 0 18px}.scene-heading h1{font-size:clamp(32px,2.85vw,52px);font-weight:700;line-height:1.2}.scene-heading p{font-size:clamp(21px,1.8vw,31px);color:var(--muted);margin-top:8px}.primary,.secondary,.gentle-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 23px;border-radius:19px;font-size:22px;line-height:1.3;min-height:52px}.primary{background:#6f916d;color:#fffef3;box-shadow:0 4px 0 #4f7556}.secondary{background:#fffdf3;border:2px solid #d6e0c6}.gentle-button{background:#ecefdb;border:1px solid #dae2ca}.text-button{background:transparent;color:#758765;text-decoration:underline;text-underline-offset:5px;font-size:20px;padding:10px}.quiet-reading{font-size:21px;color:#728371;line-height:1.7}.friend{display:block;background-image:url('assets/friends.png');background-size:300% 200%;background-position:var(--x,0%) var(--y,0%);background-repeat:no-repeat;aspect-ratio:1;width:100%;flex:none}.motion-friend{background-image:url('assets/motion-friends.png');background-size:400% 300%;background-position:calc(var(--pose,0)*100%/3) calc(var(--row,0)*50%);aspect-ratio:1}.mood-options{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.mood-option{position:relative;border:2px solid transparent;border-radius:28px;background:color-mix(in srgb,var(--mood) 12%,var(--white));padding:8px 10px 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;min-height:0}.mood-option.selected{border-color:color-mix(in srgb,var(--mood) 55%,#527958);box-shadow:0 4px 0 #66895d18;background:color-mix(in srgb,var(--mood) 22%,var(--white))}.mood-option .friend{width:clamp(100px,10vw,170px);max-width:100%}.mood-word{font-size:27px;white-space:nowrap}.choice-tick{position:absolute;right:9px;top:9px;color:#648461;background:#fffdf1;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;opacity:0;font-size:18px}.selected .choice-tick{opacity:1}.mini .mood-option{border-radius:20px;padding:0 4px 8px}.mini .mood-option .friend{width:80px}.mini .mood-word{font-size:23px}.mini{gap:9px}.mini .choice-tick{width:20px;height:20px;right:4px;top:4px;font-size:14px}.cover-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:3vw;align-items:center;max-width:1740px;height:100%;margin:auto}.cover-copy{padding-left:3vw}.cover-kicker{font-size:24px;letter-spacing:1px;color:#7d8e74;margin-bottom:10px}.cover-title{font-family:MoodTitle,MoodReading,sans-serif;font-size:clamp(80px,9vw,165px);font-weight:400;line-height:1.05;position:relative;display:inline-block}.cover-title>span{display:block}.cover-title ruby{width:1.12em;grid-template-rows:.33em 1.06em}.cover-title rt{font-size:.2em;color:#779272}.title-emotion ruby>span{background:linear-gradient(135deg,#1e6057 10%,#418979 54%,#69946c);color:transparent;background-clip:text;filter:drop-shadow(3px 5px 0 #dce4b9)}.title-island ruby>span{background:linear-gradient(135deg,#679363,#85ab70 56%,#c2ae58);color:transparent;background-clip:text;filter:drop-shadow(3px 5px 0 #e2e7bc)}.cover-title i{font-size:.44em;position:absolute;right:-.9em;bottom:.14em;color:#dfac55;font-style:normal;animation:spark-turn 14s ease-in-out infinite}.cover-promise{font-size:clamp(27px,2.8vw,46px);color:#5e7b5d;margin-top:16px}.cover-senses{display:flex;gap:16px;margin-top:20px;color:#82916f;font-size:20px}.cover-senses span{display:flex;align-items:baseline;gap:6px}.cover-art{position:relative;margin-right:8px}.cover-art>img{aspect-ratio:1.12;width:100%;object-fit:cover;border-radius:40% 48% 31% 40%;box-shadow:0 20px 60px #72966a0b}.cover-sticker{position:absolute;left:-3%;top:3%;font-size:23px;background:#fffdf0;border:2px solid #e1e4c8;border-radius:28px;padding:16px 21px;rotate:-6deg;box-shadow:0 6px 12px #6a79570a}.cover-bottom{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:12px;background:#e9efd7;padding:18px 22px;border-radius:28px;font-size:22px;rotate:3deg}.cover-bottom svg{font-size:33px;color:#88a274}.checkin-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:5vw;align-items:center;max-width:1400px;margin:0 auto}.arrival-island{position:relative;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:10px 0 12px;min-height:300px}.island-mini{position:absolute;top:11%;bottom:22%;left:0;right:0;border-radius:50% 48% 43% 46%;background:radial-gradient(ellipse at 50% 74%,#b5cc9c 0 36%,#dbe7b6 37% 49%,#e9efd9 50% 70%,transparent 71%);box-shadow:0 20px 60px #e6e7bb22}.island-mini:before{content:'';position:absolute;left:10%;right:10%;bottom:1%;height:15%;border-radius:50%;background:#b4d7d3;z-index:-1}#arrival-friends{display:flex;justify-content:center;align-items:end;width:100%;position:relative;z-index:1;min-height:230px;flex:1;padding-top:10%}.arrival-visitor{width:48%;max-width:215px;position:relative;text-align:center;animation:arrive .5s ease-out}.arrival-visitor>.friend{width:100%;filter:drop-shadow(0 10px 5px #4e785426)}.arrival-visitor>span:not(.friend){display:none}#arrival-response{text-align:center;font-size:27px;position:relative;z-index:2;min-height:107px;padding-top:16px}#arrival-friends.together .visitor-0{rotate:7deg}#arrival-friends.together .visitor-1{rotate:-7deg}.checkin-bottom{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:18px}.checkin-bottom .gentle-button{font-size:23px;padding:8px 22px}#unclear-note{font-size:21px;max-width:650px}.mirror-layout{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;max-width:1440px;margin:auto}.mirror-world{position:relative;display:flex;flex-direction:column;align-items:center;background:#eeeacc;border-radius:44% 48% 40% 42%;padding:5px 20px 22px;min-height:420px}.mirror-halo{position:absolute;inset:10% 16% 20%;border:1px solid #fffcec;border-radius:50%}.mirror-halo:after{content:'';position:absolute;inset:12px;border:1px dashed #fffcec;border-radius:50%}.mirror-character{width:320px;max-width:85%;position:relative;transform-origin:50% 90%}.mirror-main{position:relative;width:100%;filter:drop-shadow(0 8px 7px #7c815b19)}.part-lens{position:absolute;z-index:2;border:3px solid #fffdf1;border-radius:50%;box-shadow:0 0 0 5px #e8ba5c80,inset 0 0 15px #fff9c930;pointer-events:none}.lens-eyes{top:27%;left:23%;width:56%;height:28%}.lens-mouth{top:50%;left:35%;width:33%;height:23%}.lens-body{left:15%;top:58%;width:73%;height:38%}.focus-body .friend{animation:body-gesture 1.2s ease-in-out}.mirror-clue{font-size:29px;text-align:center;position:relative;min-height:55px}.mirror-workbench{display:flex;flex-direction:column;gap:23px}.clue-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.clue-button{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 8px 12px;background:#fffbed;border:2px solid #dce4ca;border-radius:26px;font-size:27px}.clue-button>svg{font-size:37px;color:#87a17e}.clue-button.selected{border-color:#88a16f;background:#ecf1dc}.friend-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.friend-chip{border:2px solid transparent;background:#eeefdf;border-radius:18px;padding:3px}.friend-chip.selected{border-color:#819963;background:#e2eacb}.mirror-invite{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding:17px 22px;border:1px dashed #a5b78c;border-radius:25px;background:#fffdf2}.mirror-invite>svg{font-size:28px}.mirror-invite>p{font-size:27px;flex:1}.mirror-workbench .quiet-reading{text-align:center}.sound-layout{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:stretch;max-width:1460px;margin:auto}.record-studio{background:#f3e2c4;border:8px solid #ead3ac;border-radius:42px;padding:20px 25px;display:flex;align-items:center;flex-direction:column;box-shadow:0 8px 0 #decaab70;min-height:440px;position:relative}.studio-dots{align-self:flex-start;color:#c7ac77;font-size:13px;letter-spacing:8px}.spoken-line{font-size:clamp(38px,3.8vw,64px);font-weight:700;padding:12px 0 10px}.waveform{height:80px;display:flex;gap:6px;align-items:center;justify-content:center;width:90%;background:#fff8e7;border-radius:22px;padding:10px 15px}.waveform i{display:block;background:#86a084;height:var(--h);width:6px;border-radius:5px;opacity:.65}.waveform.recording i,.waveform.playing i{animation:wave .65s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.08s)}.record-status{font-size:23px;text-align:center;min-height:75px;display:flex;align-items:center;margin:10px 0}.record-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.local-note{font-family:inherit;color:#8d8061;font-size:14px;margin-top:20px}.sound-listen{display:flex;flex-direction:column;gap:15px;align-items:center}.sound-listen>.mood-options{width:100%}.sound-listen .mini .friend{width:95px}.step-label{font-size:27px}.sound-feedback{background:#edf0dc;border-radius:24px;padding:13px 16px;font-size:23px;text-align:center;min-height:95px;width:100%}.story-scene .scene-heading{padding-bottom:5px}.story-tabs{display:flex;justify-content:center;gap:12px;margin:4px auto 16px}.story-tab{background:transparent;border:2px solid transparent;border-radius:21px;padding:5px 20px 8px;font-size:24px}.story-tab.selected{background:#e7edd8;border-color:#b8c99e}.story-layout{display:grid;grid-template-columns:1.22fr 1fr;gap:2.6vw;max-width:1600px;margin:auto}.story-cinema{min-width:0}.story-world{position:relative;isolation:isolate;aspect-ratio:1.75;border-radius:32px;overflow:hidden;background:#dbe8be;box-shadow:0 8px 0 #d4ddbc55}.story-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.actor{position:absolute;width:25%;height:auto;transform-origin:50% 85%;z-index:2;will-change:transform,left,bottom;filter:drop-shadow(0 6px 3px #44674b2a)}.actor-a{z-index:3}.actor-c{width:23%}.story-ball{position:absolute;width:8%;aspect-ratio:1;z-index:5;border-radius:50%;background:radial-gradient(circle at 32% 24%,#f9cd7c,#dc8b46);border:2px solid #a66e3c;box-shadow:0 6px 6px #62774133;background-image:linear-gradient(90deg,transparent 47%,#a66e3c 48% 52%,transparent 53%),linear-gradient(transparent 47%,#a66e3c 48% 52%,transparent 53%),radial-gradient(circle at 32% 24%,#f9cd7c,#dc8b46)}.story-ball:before{content:'';position:absolute;inset:0 18%;border-left:2px solid #ae753e;border-right:2px solid #ae753e;border-radius:50%}.story-caption{position:absolute;bottom:3%;left:50%;translate:-50% 0;z-index:6;white-space:nowrap;background:#fffcebeb;padding:7px 16px;border-radius:17px;font-size:24px}.stage-platform{position:absolute;left:26%;bottom:18%;width:49%;height:15%;background:linear-gradient(#e7b378 0 48%,#c7935c 49% 76%,#986b43 77%);border-radius:50% 50% 15px 15px;z-index:0;border:1px solid #b4824b}.cinema-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:15px 0 0}.cinema-controls .primary,.cinema-controls .secondary{font-size:20px;padding:10px 18px;min-height:48px}.story-steps{display:flex;gap:7px;margin-left:10px}.story-steps button{font-size:18px;width:33px;height:33px;border-radius:100%;background:#e9edda}.story-steps .selected{background:#8ba779;color:white}.story-question{text-align:center;font-size:25px;margin-top:15px}.expression-board{background:#edf0df;border:1px solid #dce3c9;border-radius:28px;padding:17px 18px;display:flex;flex-direction:column;gap:14px;min-width:0}.sentence-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;border-bottom:2px dashed #ccd7b8;padding-bottom:12px}.sentence-tabs button{background:transparent;border-radius:13px;font-size:24px;padding:4px 7px 8px}.sentence-tabs button.selected{background:#fffdf1;box-shadow:0 3px 0 #b7c99a}.sentence-choices{display:flex;flex-direction:column;gap:15px;min-height:220px;justify-content:center}.sentence-choice{font-size:25px;line-height:1.8;background:#fffdf1;padding:18px 12px;border:2px solid #d7e0c6;border-radius:19px}.sentence-choice.selected{background:#dce9c7;border-color:#90a577}.sentence-preview{font-size:25px;min-height:72px;display:flex;align-items:center;justify-content:center;background:#e2e9cf;border-radius:18px;padding:10px;text-align:center}.expression-actions{display:flex;gap:12px;justify-content:center;margin-top:auto}.expression-actions button{font-size:18px;min-height:46px;padding:11px 13px}.expression-board .mini .friend{width:75px}.expression-board .mini .mood-word{font-size:22px}.toolbox-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:4vw;align-items:center;max-width:1400px;margin:auto}.tool-tray{display:grid;grid-template-columns:1fr;gap:15px;padding:0 8px}.tool-tile{display:flex;align-items:center;gap:18px;background:#ebe5ca;border:2px solid transparent;border-radius:22px;padding:13px 20px;text-align:left;box-shadow:0 4px 0 #d8cdb140;font-size:26px;position:relative}.tool-tile:nth-child(2){background:#e3ecd8}.tool-tile:nth-child(3){background:#f4e1d4}.tool-tile:nth-child(4){background:#e0ece4}.tool-tile.selected{border-color:#82976b;box-shadow:0 4px 0 #82976b45}.tool-tile>svg{font-size:32px}.tool-number{font-family:Arial,sans-serif;font-size:13px;align-self:flex-start;color:#9d9e7c}.tool-stage{background:#fffbed8a;border-radius:42% 35% 32px 32px;border:1px solid #e6e7cd;min-height:435px;text-align:center;padding:12px 20px 22px;display:flex;align-items:center;flex-direction:column;justify-content:center}.tool-stage h2{font-size:29px;font-weight:500}.tool-stage>p{font-size:24px;color:#75846b;margin-top:6px}.pause-illustration{position:relative;width:235px;max-width:45%}.pause-sign{position:absolute;right:-7%;top:10%;width:65px;height:65px;border:3px solid #ecd5ad;background:#fff5d2;color:#ba9657;border-radius:50%;display:grid;place-items:center;font:700 35px Georgia}.pause-illustration.paused .friend{animation:relax .9s ease-out forwards}.pause-actions{margin-top:15px}.practice-response{min-height:45px}.breathing-orbit{position:relative;width:235px;height:235px;display:grid;place-items:center}.breath-ring{position:absolute;inset:15%;border-radius:50%;background:#d5e5bc70;border:2px solid #bdd4a2;transform-origin:center}.tool-friend{width:96%;position:relative}.activity-controls{display:flex;gap:15px;align-items:center;justify-content:center;margin-top:20px}.comfort-scene{position:relative;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.comfort-friend{width:230px}.comfort-bubble{background:#e9eecd;padding:18px;border-radius:25px 25px 25px 5px;font-size:27px;max-width:55%}.comforted .comfort-bubble{background:#f4e4a6}.need-bubbles{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:6px 0 22px}.need-bubble{font-size:23px;padding:10px 16px;background:#f3e8d7;border:1px solid #dccfb3;border-radius:24px 24px 5px 24px}.movement-path{position:relative;width:100%;height:240px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 50% 86%,#dbe4c4 0 24%,transparent 25%)}.moving-friend{width:240px;position:relative;z-index:1;transform-origin:50% 90%}.footprint{position:absolute;width:30px;height:55px;border-radius:50%;border:2px dashed #aab98e;bottom:5%;rotate:12deg}.footprint.left{left:20%}.footprint.right{right:20%;rotate:-12deg}.help-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:3.4vw;max-width:1450px;margin:auto;align-items:center}.help-picture{background:#e9ecd4;border-radius:38% 40% 30px 30px;position:relative;padding:20px 10px 17px;overflow:hidden}.help-sprite{width:100%;aspect-ratio:1.4;background-image:url('assets/help-build.png');background-size:300% 100%;background-position:calc(var(--build,0)*50%) 0;filter:drop-shadow(0 10px 7px #7b91601a)}.help-sprite.building{animation:build-bob 1.1s ease-in-out infinite}.help-progress{position:absolute;left:0;bottom:0;height:4px;background:#aac18b;width:0}.help-picture>p{text-align:center;font-size:28px}.help-dialogue{display:flex;flex-direction:column;gap:15px}.reply-choice{display:flex;align-items:baseline;gap:18px;text-align:left;font-size:25px;background:#f1f0df;border:2px solid #dfe5ca;padding:11px 16px;border-radius:22px}.reply-choice.selected{border-color:#97ae7a;background:#e7edcf}.reply-number{display:grid;place-items:center;align-self:center;border-radius:100%;width:32px;height:32px;background:#dfe8c5;font:19px Arial,sans-serif;flex:none}.help-response{font-size:24px;text-align:center;min-height:80px;color:#6d8167;display:flex;align-items:center;justify-content:center}.help-dialogue>.primary{align-self:center}.garden-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:3vw;align-items:stretch;max-width:1500px;margin:auto}.garden-world{border-radius:36% 35% 30px 30px;overflow:hidden;position:relative;min-height:440px}.garden-world>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.garden-friends{position:absolute;left:6%;right:7%;bottom:14%;display:flex;align-items:end}.garden-friends .friend{width:36%;filter:drop-shadow(0 7px 4px #527e4533)}.garden-shy{margin-left:-5%;translate:0 8px}.garden-star{margin-left:-3%}.garden-bubble{position:absolute;top:6%;left:12%;right:12%;font-size:27px;background:#fffceded;padding:15px 20px;border-radius:24px 24px 24px 6px;text-align:center;box-shadow:0 3px 0 #d7d8b66b}.garden-plan{position:absolute;bottom:3%;left:50%;translate:-50% 0;white-space:nowrap;display:flex;align-items:center;gap:9px;background:#fff6d6;padding:10px 17px;border-radius:20px;font-size:24px}.garden-journal{padding:12px 22px 20px;border:1px solid #dedfc1;border-radius:12px 32px 32px 12px;background:linear-gradient(90deg,#e4e4cc 0 8px,#fffcef 9px);box-shadow:7px 6px 0 #e8e7d3;display:flex;flex-direction:column}.garden-tabs{display:flex;gap:7px;padding-bottom:15px;border-bottom:2px dashed #dfe4c6}.garden-tabs button{font-size:22px;background:transparent;padding:4px 20px 9px;border-radius:18px;flex:1}.garden-tabs .selected{background:#e4ecd2}.garden-journal h2{font-size:29px;font-weight:600;margin-top:20px}.garden-journal p{font-size:25px;margin:10px 0 20px}.garden-journal .garden-prompt{font-size:23px;color:#82906d;margin:20px 0 8px}#garden-content{display:flex;align-items:center;flex-direction:column;text-align:center}.benefit-leaves{display:flex;flex-direction:column;gap:11px;width:100%;margin-top:12px}.benefit-leaf{display:flex;align-items:center;gap:18px;justify-content:center;border:2px solid transparent;border-radius:35px 9px 35px 9px;background:#e9edd6;padding:8px 12px;font-size:25px}.benefit-leaf.selected{border-color:#92aa78;background:#dce9c5}.plan-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.plan-tag{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border:2px solid transparent;border-radius:4px 4px 20px 20px;background:#f5e6bd;font-size:23px;min-width:0}.plan-tag>svg{color:#9c9c6d;font-size:30px}.plan-tag:nth-child(2),.plan-tag:nth-child(3){background:#e6edcf}.plan-tag.selected{border-color:#8ca168}.ending-scene{position:relative;margin:0 -3.4vw;height:100%;min-height:540px;overflow:hidden}.ending-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 65%}.ending-banner{position:absolute;left:50%;top:3%;translate:-50% 0;width:max-content;max-width:94%;text-align:center;background:#fffbedee;padding:18px 35px 25px;border-radius:40px;box-shadow:0 10px 30px #66794316}.ending-banner h1{font-size:clamp(30px,3.5vw,60px);font-family:MoodTitle,MoodReading,sans-serif;font-weight:400}.ending-banner p{font-size:25px;margin-top:6px}.ending-friends{position:absolute;left:6%;right:6%;bottom:15%;display:flex;align-items:end;justify-content:space-between}.ending-friend{width:17%;text-align:center;position:relative;animation:ending-dance 3.3s ease-in-out infinite;animation-delay:calc(var(--i)*-.47s)}.ending-friend>.friend{width:100%;filter:drop-shadow(0 10px 4px #49774140)}.ending-friend>span:not(.friend){background:#fffbeeeb;border-radius:18px;font-size:23px;padding:5px 10px;display:inline-block}.ending-farewell{position:absolute;bottom:2%;left:50%;translate:-50% 0;font-size:32px;background:#fffbeee6;border-radius:28px;padding:9px 25px;white-space:nowrap}.ending-control{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;background:#fffbeccc;border-radius:50%;font-size:22px}.motion-paused *{animation-play-state:paused!important}.page-8+.nav-shell{background:#f4f3e3}.scrim{position:fixed;inset:0;background:#254f4866;backdrop-filter:blur(5px);z-index:30}.modal{position:fixed;z-index:31;left:50%;top:50%;translate:-50% -50%;width:min(920px,92vw);max-height:90svh;overflow:auto;border:2px solid #dedfc4;background:#fffcee;border-radius:32px;box-shadow:0 24px 90px #1e484a38;padding:24px 28px}.modal>header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px dashed #d5debf;padding-bottom:18px;margin-bottom:20px}.modal h2{font-size:32px;font-weight:600}.modal-body>p{font-size:26px;margin-bottom:20px}.modal .mood-options{margin-bottom:18px}.modal-open{overflow:hidden}.blackboard-modal{background:#325a50;border:8px solid #d2b782;color:#fff9d5;max-width:1040px}.blackboard-modal rt{color:#d4e7bd}.blackboard-modal>header{border-color:#8eac8a}.blackboard-text{font-size:clamp(30px,3.1vw,50px);line-height:2;min-height:180px;padding:15px;text-align:left;overflow-wrap:anywhere}.blackboard-actions{text-align:right}.speech-modal{width:min(1080px,94vw)}.speech-workspace{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;font-size:21px}.speech-record{background:#f0ebd5;border-radius:23px;padding:20px;align-self:start}.speech-record>p:first-child{font-size:27px}.speech-record-actions{display:flex;align-items:center;gap:14px;margin:20px 0}.speech-record-actions>span{font-size:17px}.speech-record audio{width:100%;margin-bottom:12px}.speech-edit label{font-size:24px}.speech-edit textarea{display:block;width:100%;min-height:170px;border:2px solid #d1dbba;border-radius:17px;resize:vertical;background:#fffef6;padding:14px;color:var(--ink);font-size:25px;line-height:1.5;margin:10px 0}.consent-row{display:flex;gap:10px;align-items:flex-start;line-height:1.5;font:16px/1.5 sans-serif!important;margin:15px 0}.consent-row input{width:18px;height:18px;flex:none;accent-color:#71956a;margin:2px 0 0}.service-status{font:16px/1.6 sans-serif;color:#7c8367}.form-error{min-height:26px;font:17px/1.5 sans-serif;color:#9e7048;margin:12px 0}.speech-publish{display:flex;justify-content:flex-end}.ai-extra{font:16px/1.5 sans-serif;margin-top:25px;color:#71846b}.ai-extra summary{cursor:pointer}.ai-extra .reading{font-family:MoodReading,sans-serif;font-size:24px}.camera-modal{width:min(1120px,95vw)}.camera-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:25px}.camera-view{position:relative;background:#dfe7d4;border-radius:35%;overflow:hidden;aspect-ratio:4/3;align-self:start;box-shadow:inset 0 0 0 6px #d4dcbc}.camera-view video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;font-size:24px}.camera-placeholder>svg{font-size:66px;color:#99b080}.camera-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;font-size:23px}.camera-tools>p{width:100%}.camera-tools .primary,.camera-tools .secondary{font-size:18px;padding:10px 13px}.camera-tools select{font-size:18px;border:1px solid #c8d5b8;border-radius:12px;background:#f8f9eb;padding:8px;max-width:100%;margin-bottom:10px}#camera-photo{display:flex;align-items:center;gap:12px;width:100%;font-size:14px;color:#849377}#camera-photo img{width:100px;border-radius:15px}.vision-result{font-size:24px}.vision-result .review-label{font-size:16px;color:#839273}.vision-result p{margin:8px 0}#respond-preview{padding:10px}.mirror-detail{background-image:url('assets/mirror-friends.png');background-size:600% 300%;background-position:calc(var(--col)*20%) calc(var(--detail)*50%)}.shy-stage{background-image:url('assets/shy-stage.png');background-size:300% 100%;background-position:calc(var(--stage)*50%) 0}
@keyframes arrive{from{translate:0 20px;opacity:0}to{translate:0 0;opacity:1}}@keyframes spark-turn{0%,70%,100%{rotate:0deg;scale:1}80%{rotate:30deg;scale:1.08}90%{rotate:-8deg;scale:1}}@keyframes body-gesture{0%,100%{rotate:0deg}30%{rotate:-5deg}70%{rotate:5deg}}@keyframes wave{to{height:15%;opacity:.9}}@keyframes relax{to{scale:.94;translate:0 7px}}@keyframes build-bob{50%{translate:0 -4px}}@keyframes ending-dance{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -12px;rotate:2deg}}
@media(min-width:1500px){#app{grid-template-rows:94px 1fr 100px}.scene-heading{padding:17px 0 26px}.mood-option{padding:12px 10px 22px}.mood-word{font-size:34px}.mini .mood-word{font-size:29px}.mini .mood-option .friend{width:110px}.mirror-world{min-height:520px}.mirror-character{width:420px}.mirror-clue{font-size:34px}.clue-button{font-size:34px}.record-studio{min-height:540px}.spoken-line{margin-top:15px}.sound-feedback{font-size:29px}.record-status{font-size:29px}.story-question{font-size:30px}.expression-board .mini .friend{width:105px}.expression-board .mini .mood-word{font-size:28px}.tool-stage{min-height:540px}.tool-tile{font-size:33px;padding:20px}.tool-stage h2{font-size:36px}.comfort-friend{width:290px}.tool-stage>p{font-size:29px}.movement-path{height:300px}.moving-friend{width:300px}.reply-choice{font-size:30px;padding:18px}.help-response{font-size:29px}.garden-world{min-height:550px}.garden-journal h2{font-size:35px}.garden-journal p{font-size:29px}.plan-tag{font-size:27px}.ending-scene{min-height:640px}}
@media(min-width:1000px) and (max-height:760px){#app{grid-template-rows:68px 1fr 74px}.topbar{padding-top:8px;padding-bottom:8px}.scene-heading{padding:1px 0 9px}.scene-heading h1{font-size:32px}.scene-heading p{font-size:21px}.cover-title{font-size:min(8.7vw,115px)}.cover-promise{font-size:31px;margin-top:10px}.cover-kicker{font-size:20px;margin:0}.cover-senses{margin-top:12px;font-size:18px}.cover-art>img{max-height:535px}.mood-option .friend{width:105px}.mood-word{font-size:24px}.checkin-bottom{margin-top:10px}.checkin-layout{gap:4vw}.mirror-world{min-height:365px}.mirror-character{width:275px}.mirror-workbench{gap:17px}.mirror-clue{font-size:26px}.clue-button{font-size:25px;padding:12px 6px}.record-studio{min-height:380px;padding:13px 20px}.spoken-line{font-size:42px}.waveform{height:65px}.record-status{min-height:65px;font-size:21px}.sound-listen{gap:10px}.sound-listen .mini .friend{width:77px}.sound-feedback{font-size:22px;min-height:80px}.story-tabs{margin:2px auto 10px}.story-tab{font-size:21px}.story-world{aspect-ratio:1.92}.story-question{font-size:22px;margin-top:8px}.story-caption{font-size:22px}.expression-board{padding:12px;gap:9px}.expression-board .mini .friend{width:62px}.sentence-preview{font-size:22px;min-height:60px}.sentence-tabs button{font-size:22px}.sentence-choices{min-height:190px}.tool-stage{min-height:385px;padding:8px 15px 14px}.pause-illustration,.breathing-orbit{width:200px;height:200px}.movement-path{height:210px}.moving-friend{width:215px}.tool-tile{padding:9px 16px;font-size:24px}.tool-stage h2{font-size:26px}.tool-stage>p{font-size:22px}.comfort-friend{width:200px}.comfort-bubble{font-size:25px}.need-bubble{font-size:21px}.help-dialogue{gap:10px}.reply-choice{font-size:23px;padding:7px 14px}.help-response{font-size:21px;min-height:66px}.help-picture{padding-top:7px}.garden-world{min-height:390px}.garden-journal{padding-top:8px}.garden-journal h2{font-size:26px;margin-top:14px}.garden-journal p{font-size:22px}.garden-journal .garden-prompt{font-size:21px;margin-top:14px}.plan-tag{font-size:21px}.ending-scene{min-height:450px}.ending-banner p{font-size:23px}.ending-banner h1{font-size:37px}.ending-farewell{font-size:28px}}
@media(max-width:999px){#app{grid-template-rows:70px 1fr 78px;min-height:100svh}.stage-label{display:none}.brand{font-size:19px}.brand small{font-size:10px}.toolbar{gap:5px}.scene-heading h1{font-size:31px}.scene-heading p{font-size:22px}.cover-layout{grid-template-columns:.8fr 1.2fr;gap:12px}.cover-copy{padding-left:0}.cover-title{font-size:10.6vw}.cover-promise{font-size:27px}.cover-kicker{font-size:20px}.cover-senses{font-size:16px;gap:8px}.cover-sticker{font-size:18px;padding:10px}.cover-bottom{font-size:18px;padding:12px}.checkin-layout,.mirror-layout,.sound-layout,.story-layout,.toolbox-layout,.help-layout,.garden-layout{gap:22px}.checkin-layout{grid-template-columns:1.15fr .85fr}.mood-option .friend{width:90px}.mood-word{font-size:25px}.mood-options{gap:9px}.arrival-island{min-height:270px}#arrival-friends{min-height:180px}#arrival-response{font-size:22px;min-height:95px}.mirror-character{width:255px}.mirror-world{min-height:340px}.mirror-clue{font-size:24px}.mirror-workbench{gap:14px}.clue-button{font-size:22px;padding:12px 5px}.mirror-invite{padding:12px;gap:9px}.mirror-invite>p{font-size:23px}.mirror-invite .primary{font-size:18px}.record-studio{padding:15px;min-height:360px}.spoken-line{font-size:37px}.record-status{font-size:21px}.record-controls button{font-size:18px}.sound-listen .mini .friend{width:75px}.sound-feedback{font-size:22px}.step-label{font-size:24px}.story-tab{font-size:20px;padding:5px 10px}.story-layout{grid-template-columns:1.05fr 1fr}.story-world{aspect-ratio:1.35}.story-question{font-size:22px}.story-caption{font-size:20px}.expression-board{padding:12px}.sentence-tabs button{font-size:20px;padding:4px}.sentence-preview{font-size:22px}.expression-actions{flex-wrap:wrap}.expression-board .mini .friend{width:60px}.expression-board .mini .mood-word{font-size:20px}.toolbox-layout{grid-template-columns:.75fr 1.25fr}.tool-tile{font-size:22px;padding:12px 10px;gap:10px}.tool-number{display:none}.tool-stage{min-height:395px;padding:12px}.tool-stage h2{font-size:25px}.tool-stage>p{font-size:22px}.comfort-friend{width:170px}.comfort-bubble{font-size:23px;padding:12px}.need-bubble{font-size:21px}.help-layout{grid-template-columns:1fr 1fr}.reply-choice{font-size:22px;padding:10px;gap:8px}.reply-number{width:25px;height:25px;font-size:15px}.help-response{font-size:21px}.help-picture>p{font-size:24px}.garden-layout{grid-template-columns:1fr 1fr}.garden-world{min-height:410px}.garden-bubble{font-size:22px;left:6%;right:6%}.garden-journal{padding:10px 15px}.garden-journal h2{font-size:25px}.garden-journal p{font-size:22px}.garden-tabs button{font-size:20px;padding:5px}.plan-tag{font-size:20px}.garden-plan{font-size:18px}.next-button{font-size:22px;min-width:145px;padding:10px 15px}.next-flower{font-size:23px}.back-button{font-size:18px}.route-toggle{font-size:14px;padding:10px 12px}}
@media(max-width:700px){#app{overflow:visible;min-height:100svh;grid-template-rows:66px 1fr 80px}.topbar{padding:10px 4vw}.brand small{display:none}.toolbar .utility{font-size:17px;min-width:36px}.topbar .brand-icon{padding:7px}.nav-shell{position:sticky;bottom:0;background:#faf7eaf5;backdrop-filter:blur(10px);padding:12px 4vw;grid-template-columns:1fr auto 1fr;gap:7px}.back-button{font-size:14px;padding:8px 2px;gap:4px}.route-toggle{padding:9px;font-size:13px}.route-toggle>svg{display:none}.next-button{font-size:18px;min-width:110px;gap:8px;padding:9px 11px;border-radius:19px}.next-flower{font-size:20px;padding:3px}.next-button>svg{width:17px}.route-panel{position:fixed;bottom:80px;min-width:0;width:94vw;grid-template-columns:repeat(2,1fr);padding:12px;gap:5px}.route-panel button{font-size:15px;padding:11px 7px}.route-panel button span{width:24px;height:24px}.cover-layout{display:flex;flex-direction:column;gap:35px;padding:15px 0 30px}.cover-copy{text-align:center}.cover-title{font-size:87px}.cover-title>span{display:inline-block}.cover-title i{right:-.5em;font-size:.32em;bottom:.1em}.cover-kicker{font-size:21px}.cover-promise{font-size:27px;margin-top:20px}.cover-promise br{display:none}.cover-senses{justify-content:center;font-size:19px;margin-top:20px}.cover-art{width:92%;max-width:550px;margin:0}.cover-sticker{font-size:17px}.cover-bottom{font-size:18px}.scene-heading{padding:14px 0 20px}.scene-heading h1{font-size:27px}.scene-heading p{font-size:21px}.checkin-layout,.mirror-layout,.sound-layout,.story-layout,.toolbox-layout,.help-layout,.garden-layout{display:flex;flex-direction:column;gap:24px}.checkin-layout .mood-options{width:100%}.mood-option .friend{width:90px}.mood-word{font-size:25px}.arrival-island{width:100%;min-height:250px}#arrival-friends{padding-top:0}.arrival-visitor{width:140px}#arrival-response{font-size:25px;min-height:90px}.checkin-bottom{flex-direction:column;margin:15px 0 25px;gap:10px}#unclear-note{text-align:center}.mirror-world{width:100%;min-height:380px}.mirror-character{width:295px}.mirror-workbench{width:100%;padding-bottom:22px}.mirror-invite>p{font-size:24px}.mirror-clue{font-size:28px}.clue-button{font-size:26px}.friend-strip .friend{min-height:40px}.sound-layout>div{width:100%}.record-studio{min-height:390px}.sound-listen .mini .friend{width:86px}.sound-listen{padding-bottom:28px}.story-tabs{gap:4px;flex-wrap:wrap;margin-bottom:18px}.story-tab{font-size:19px;padding:6px 8px}.story-layout>div{width:100%}.story-world{aspect-ratio:1.65}.story-question{font-size:24px}.cinema-controls{gap:6px}.cinema-controls .primary{font-size:18px;padding:10px 12px}.story-steps{margin-left:4px}.expression-board{margin-bottom:28px;padding:15px}.expression-board .mini .friend{width:84px}.expression-board .mini .mood-word{font-size:24px}.sentence-tabs button{font-size:25px}.sentence-preview{font-size:25px}.expression-actions button{font-size:20px}.tool-tray{grid-template-columns:1fr 1fr;width:100%;gap:10px;padding:0}.tool-tile{font-size:22px;padding:10px 7px;gap:7px;justify-content:center}.tool-tile>svg{font-size:25px}.tool-stage{width:100%;margin-bottom:25px;min-height:410px}.help-picture{width:100%}.help-dialogue{width:100%;margin-bottom:25px}.reply-choice{font-size:25px;gap:12px;padding:12px 15px}.help-response{font-size:24px}.garden-world{width:100%;min-height:330px}.garden-journal{width:100%;margin-bottom:28px;min-height:420px;padding:15px 20px}.garden-journal h2{font-size:29px}.garden-journal p{font-size:25px}.garden-tabs button{font-size:24px}.plan-tag{font-size:23px;padding:13px}.garden-plan{font-size:23px}.ending-scene{height:calc(100svh - 146px);min-height:530px;margin:0 -3.4vw}.ending-banner{top:4%;width:92%;padding:16px 15px}.ending-banner h1{font-size:28px}.ending-banner p{font-size:22px}.ending-friends{display:grid;grid-template-columns:repeat(3,1fr);bottom:18%;gap:0;left:7%;right:7%}.ending-friend{width:100%;max-width:140px}.ending-friend>span:not(.friend){font-size:18px;padding:2px 8px}.ending-farewell{font-size:24px;bottom:4%;padding:10px 13px}.ending-control{bottom:7px;right:7px;width:32px;height:32px;font-size:18px}.modal{width:95vw;max-height:94svh;padding:18px;border-radius:23px}.modal h2{font-size:26px}.modal>header{padding-bottom:12px;margin-bottom:16px}.speech-workspace,.camera-layout{grid-template-columns:1fr;gap:20px}.speech-edit textarea{min-height:125px}.speech-record{padding:15px}.camera-tools>p{font-size:23px}.blackboard-text{font-size:28px;padding:8px}.plan-tags{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.ending-scene *{animation:none!important}}
/* Ruby grid baselines must use the character row, not the first (pinyin) row. */
ruby{vertical-align:bottom}.punct{vertical-align:bottom}.reading{line-height:1.75}.cover-title .reading{display:block;line-height:1.39}.cover-title{line-height:1.39;font-size:clamp(80px,8.4vw,152px)}.cover-art>img{max-height:calc(100svh - 185px);object-fit:cover}.cover-promise{font-size:clamp(27px,2.55vw,44px)}
@media(min-width:1000px){#app{height:100svh;min-height:700px;grid-template-rows:80px minmax(0,1fr) 82px}.cover-copy{align-self:center}.cover-art>img{aspect-ratio:1.25}.scene{max-height:100%}}
@media(max-width:700px){.cover-title{font-size:75px}.cover-art>img{max-height:none}.cover-promise{font-size:26px}}
.checkin-scene .mood-option .friend{width:112px}.checkin-scene .mood-option{padding-bottom:10px}.checkin-bottom{margin-top:12px}.island-mini{background:linear-gradient(#fff8dc11,#b5cf9e22),url('assets/garden-world.webp') 50% 75%/cover;border:3px solid #e9edd1;box-shadow:0 10px 0 #c5dcd330}.cover-senses span{align-items:end}.cover-senses svg{margin-bottom:3px}.expression-board{padding:12px 15px;gap:9px}.expression-board .mini .friend{width:62px}.expression-board .mini .mood-option{padding-bottom:5px}.expression-board .mini .mood-word{font-size:23px}.sentence-tabs{padding-bottom:8px}.sentence-tabs button{font-size:23px}.sentence-preview{min-height:56px;padding:7px;font-size:24px}.expression-actions{margin-top:4px}.story-world{width:100%}
@media(min-width:1500px){.checkin-scene .mood-option .friend{width:165px}.expression-board .mini .friend{width:100px}.expression-board .mini .mood-word{font-size:29px}.sentence-tabs button{font-size:29px}.sentence-preview{font-size:29px;min-height:76px}.expression-actions button{font-size:23px;padding:14px}.expression-board{padding:20px;gap:14px}}
@media(max-width:700px){.checkin-scene .mood-option .friend{width:88px}.expression-board .mini .friend{width:85px}.sentence-preview{min-height:70px}.sentence-tabs button{font-size:24px}.cover-senses svg{margin-bottom:5px}}

.story-question{display:none}.story-world{aspect-ratio:1.86}.sound-listen{gap:10px}.sound-listen .mini .friend{width:78px}.sound-feedback{min-height:76px;font-size:23px;padding:11px 16px}.record-studio{min-height:430px}.story-cinema{align-self:start}.expression-board{align-self:stretch}.ending-friends .friend{background-color:transparent;padding:0;border-radius:0}
@media(min-width:1500px){.sound-listen .mini .friend{width:110px}.sound-feedback{font-size:29px;min-height:95px}.record-studio{min-height:540px}}
@media(max-width:700px){.story-world{aspect-ratio:1.65}.sound-listen .mini .friend{width:90px}.record-studio{min-height:390px}.sound-feedback{font-size:23px}}

@media(min-width:1000px) and (max-width:1499px){.story-tabs{margin-bottom:10px}.expression-board{padding:10px 15px;gap:8px}.expression-board .mini .friend{width:56px}.expression-board .mini .mood-option{padding-bottom:4px}}

.help-start{position:relative;width:100%;height:360px;display:flex;align-items:center;justify-content:center;gap:0}.help-start .friend{width:49%;max-width:270px;filter:drop-shadow(0 6px 5px #72815926)}.fallen-blocks{position:absolute;bottom:4%;left:18%;right:18%;height:75px}.fallen-blocks i,.flying-block{position:absolute;width:42px;height:40px;border:1px solid #b8864b;border-radius:5px;background:linear-gradient(135deg,#f5cc65,#dea955);box-shadow:inset 2px 2px 0 #fff7,3px 4px 0 #bfa16f40}.fallen-blocks i:nth-child(1){left:0;top:16px;rotate:-14deg;background:#e9a07b}.fallen-blocks i:nth-child(2){left:23%;top:30px;rotate:9deg;background:#9ccbd5}.fallen-blocks i:nth-child(3){left:48%;top:5px;rotate:40deg}.fallen-blocks i:nth-child(4){left:66%;top:36px;rotate:5deg;background:#e9a07b}.fallen-blocks i:nth-child(5){left:86%;top:15px;rotate:-18deg;background:#9ccbd5}.help-sprite{width:100%;max-width:390px;aspect-ratio:1;margin:0 auto}.flying-block{z-index:4;width:30px;height:30px;pointer-events:none}.help-picture{min-height:440px;display:flex;flex-direction:column;justify-content:center}.help-picture>p{margin-top:auto}.ending-friends{bottom:13%}
@media(min-width:1500px){.help-sprite{max-width:500px}.help-start{height:440px}.help-start .friend{max-width:350px}.help-picture{min-height:550px}}
@media(min-width:1000px) and (max-height:740px){.scene-heading{padding:0 0 8px}.scene-heading h1{font-size:32px}.story-tabs{margin-top:0;margin-bottom:7px}.story-tab{font-size:21px;padding-top:2px;padding-bottom:5px}.expression-board{gap:6px;padding:8px 12px}.expression-board .mini .friend{width:51px}.expression-board .mini .mood-word{font-size:22px}.sentence-tabs{padding-bottom:6px}.sentence-tabs button{font-size:22px;padding:3px}.sentence-preview{font-size:22px;min-height:51px}.expression-actions{margin-top:0}.expression-actions button{font-size:18px;padding:9px 12px;min-height:43px}.story-world{aspect-ratio:1.9}.cinema-controls{margin-top:10px}.help-picture{min-height:390px}.help-sprite{max-width:335px}.help-start{height:310px}.tool-stage{min-height:390px}}
@media(max-width:700px){.help-picture{min-height:360px}.help-start{height:280px}.help-sprite{max-width:330px}.fallen-blocks i{width:30px;height:30px}.ending-friends{bottom:18%}}

#camera-photo{flex-wrap:wrap}#camera-photo img{max-width:28%;width:100px}#camera-photo>span{width:100%}

.reading-unit{display:inline-block;white-space:nowrap;vertical-align:bottom}.reading-unit>.punct{line-height:1.1}.cover-launch{margin-top:20px;display:flex}.cover-launch .next-button{font-size:25px;padding:12px 24px}.nav-center{display:flex;align-items:center;justify-content:center;gap:10px}.nav-shell.collapsed>.back-button,.nav-shell.collapsed>.next-button{visibility:hidden;pointer-events:none}.map-short{background:#eef1e2;border:1px solid #d6dfc5;border-radius:24px;font-size:15px;padding:10px 14px;white-space:nowrap}.nav-shell.collapsed .route-toggle{font-size:13px;padding:8px 13px;opacity:.8;background:#eeefdf;border-color:#dfe5ce}.title-emotion{animation:title-float 7s ease-in-out infinite}.title-island{animation:title-float 7s ease-in-out -1.4s infinite}.mirror-detail{background-position:calc(var(--col)*20%) var(--detail-y,6.76%)}
@keyframes title-float{0%,100%{translate:0 0;rotate:0}50%{translate:0 -4px;rotate:.4deg}}
@media(max-width:700px){.cover-launch{justify-content:center}.nav-center{gap:5px}.map-short{font-size:12px;padding:9px}.nav-shell.collapsed>.back-button,.nav-shell.collapsed>.next-button{display:none}.nav-shell.collapsed{grid-template-columns:1fr}.nav-shell.collapsed>.nav-center{grid-column:1}.cover-launch .next-button{font-size:23px}}

.ending-sprite{background-image:url('assets/ending-friends.png');background-size:600% 200%;background-position:calc(var(--col)*20%) 50%}

.lens-eyes{top:40%;height:22%}.lens-mouth{top:53%;height:20%}