@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap";:root{font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Yu Gothic,sans-serif;color:#494f3f;background:#f4f1e8;font-synthesis:none;--green:#6c7e58;--ink:#494f3f;--muted:#797c6d;--line:#dddccf;--cream:#fffdf6}*{box-sizing:border-box}body{margin:0}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #698466;outline-offset:4px}button{transition:background .18s,color .18s,box-shadow .18s}button:hover{color:#3d6249}button svg{pointer-events:none}svg{width:21px;height:21px;vertical-align:middle;flex-shrink:0}h1,h2,p{margin:0}[hidden]{display:none!important}#app{height:100dvh;min-height:640px;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 53% 45%,#faf7ee 0,#f2f0e7 63%,#eeeede)}.header{height:104px;padding:0 3.2%;display:flex;align-items:center;justify-content:space-between;z-index:3;flex-shrink:0}.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none}.brand-mark{width:51px;height:55px;position:relative;display:grid;place-items:center}.brand-mark>svg{width:42px;height:42px;stroke:#71815c;stroke-width:1.6}.brand-leaf{position:absolute;right:0;top:1px;background:#f4f1e8}.brand-leaf svg{width:18px;height:18px;stroke:#7a905d;fill:#d7dfbb}.brand h1{font-size:26px;letter-spacing:.12em;font-weight:700;line-height:1.45}.brand-sub{font-size:11px;letter-spacing:.09em;color:#7c806d}.header-tools{display:flex;align-items:center;gap:13px}.time-pill{display:flex;align-items:center;gap:11px;background:#fffdf4b3;border:1px solid #e4e2d5;border-radius:30px;height:42px;padding:0 18px;font-size:15px}.time-pill>svg{color:#b29b58}.time-label{color:#777b65;font-size:11px;border-left:1px solid #dddccc;padding-left:11px}.icon-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0}.icon-button:hover{background:#e5e9da}.habitat{flex:1;position:relative;isolation:isolate;min-height:0}.scene-heading{position:absolute;top:20px;left:50%;transform:translate(-50%);text-align:center;z-index:2;white-space:nowrap;pointer-events:none}.eyebrow{font-family:Georgia,serif;font-size:10px;letter-spacing:.19em;color:#8b9079}.scene-heading h2{font-size:19px;letter-spacing:.11em;font-weight:500;margin:6px 0 11px}.live-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.06em;color:#6e795f}.live-pill>span:first-child{width:6px;height:6px;border-radius:50%;background:#8aa979;box-shadow:0 0 0 4px #8aa97915}.live-pill.paused>span:first-child{background:#be9b64}.residents{position:absolute;top:51px;left:3.2%;width:213px;z-index:3}.section-label{font-size:11px;color:#6d735e;letter-spacing:.1em;margin:0 5px 15px;display:flex;justify-content:space-between}.section-label>span{font:10px Georgia,serif;color:#969985;letter-spacing:.13em}.resident{position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:15px 12px;border-radius:19px;margin-bottom:12px;background:#fffdf49e;border:1px solid #e5e4d7;text-align:left;box-shadow:0 3px 12px #4b532f03;min-height:94px}.resident.selected{border-color:#a6b48e;background:#fffff7e0;box-shadow:0 3px #d3dac2}.selected-dot{display:none;position:absolute;right:12px;top:15px;width:5px;height:5px;border-radius:50%;background:#8a9c72}.resident.selected .selected-dot{display:block}.portrait{width:53px;height:53px;position:relative;flex-shrink:0;background:#ede9da;border-radius:50%}.portrait .face{position:absolute;background:#fffaf0;width:42px;height:38px;border-radius:46% 46% 45% 45%;left:6px;top:11px;box-shadow:0 2px 1px #a8977d1a}.portrait .ear{position:absolute;width:15px;height:16px;border-radius:50%;top:5px;background:#41423a}.portrait .ear.left{left:4px}.portrait .ear.right{right:2px}.portrait .eye{position:absolute;background:#41423a;width:9px;height:12px;top:11px;border-radius:45%}.portrait .eye.left{left:7px;transform:rotate(25deg)}.portrait .eye.right{right:7px;transform:rotate(-25deg)}.portrait .nose{position:absolute;width:7px;height:5px;left:18px;top:24px;background:#3e4037;border-radius:50%}.portrait .mouth{position:absolute;border-bottom:1.6px solid #4b473c;border-radius:50%;width:11px;height:5px;left:16px;top:27px}.portrait.bear{background:#e4e9d8}.portrait.bear .ear{background:#fff5de}.portrait.bear .eye{width:5px;height:5px;top:16px;border-top:2px solid #383b30;border-radius:30%}.portrait.bear .eye.left{left:9px;transform:rotate(25deg)}.portrait.bear .eye.right{right:9px;transform:rotate(-25deg)}.portrait.bear .mouth:after{content:"";position:absolute;top:3px;left:1px;border-top:3px solid #555142;border-left:2px solid transparent;border-right:2px solid transparent}.resident-info{display:flex;flex-direction:column;gap:5px;min-width:0}.resident-name{font-size:15px;font-weight:700;letter-spacing:.05em}.resident-status{font-size:10px;color:#7b7e6f;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.mood-track{width:97px;height:3px;background:#e8e9df;border-radius:10px;margin-top:3px}.mood-track>span{display:block;width:88%;height:100%;border-radius:10px;background:#a7b789}.resident-hint{font-size:9px;color:#8a8d7b;text-align:center;margin-top:17px}.resident-hint svg{width:12px;height:12px;margin-right:6px}#stage{position:absolute;inset:0;z-index:0}#stage canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#loading{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f4f1e8;gap:18px;font-size:13px}.loading-paw svg{width:48px;height:48px;stroke:#87966e;animation:breathe 2s infinite}.camera-toolbar{position:absolute;right:3.3%;top:42%;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fffdf5d9;border:1px solid #e4e3d6;border-radius:28px;padding:7px 3px;box-shadow:0 6px 20px #51583305;z-index:3}.camera-toolbar svg{width:19px;height:19px}.toolbar-line{width:20px;height:1px;background:#e5e4d6;margin:4px}.origin-note{position:absolute;left:3.2%;bottom:57px;display:flex;align-items:flex-start;gap:13px;text-align:left;z-index:2;max-width:238px}.note-icon{display:grid;place-items:center;background:#e8e5d8;width:36px;height:40px;border-radius:10px;color:#8f906e;transform:rotate(-7deg);margin-top:5px}.origin-note>span:last-child{display:flex;flex-direction:column;gap:8px}.origin-note .eyebrow{font-size:8px;letter-spacing:.14em}.origin-note strong{font-size:10px;font-weight:500;letter-spacing:.01em}.note-link{font-size:10px;color:#858871;display:flex;align-items:center;gap:7px}.note-link svg{width:12px;height:12px}.scene-caption{position:absolute;bottom:13px;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;display:flex;flex-direction:column;gap:7px;z-index:2;white-space:nowrap}.scene-caption>span:first-child{font-size:11px;letter-spacing:.09em;color:#747d60}.scene-caption svg{width:14px;height:14px;margin-right:6px}.gesture-hint{font-size:9px;letter-spacing:.06em;color:#919580}.playback{position:absolute;right:3.2%;bottom:28px;display:flex;align-items:center;z-index:2;gap:9px}.playback button{height:44px;min-width:44px;font-size:11px;display:flex;align-items:center;gap:7px}.playback svg{width:16px;height:16px}.playback .divider{height:16px;width:1px;background:#d9dbcc}.bottom{height:109px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 3.2% 12px;z-index:4;position:relative}.bottom-note{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.9;letter-spacing:.06em;color:#8b8c79}.tiny-flower{font-size:28px;color:#aeb891}.dock{display:flex;gap:8px;background:#fffcf5;border:1px solid #e3e2d4;border-radius:24px;padding:9px;box-shadow:0 6px #e2e2d36e,0 7px 25px #555b3210;position:absolute;left:50%;transform:translate(-50%)}.dock button{height:62px;min-width:103px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:17px;font-size:11px;color:#83866f}.dock button svg{width:22px;height:22px}.dock button.active{background:#e7ecdd;color:#657c4d}.dock button:hover{background:#edf0e4}.save-state{font-size:10px;letter-spacing:.06em;color:#8d917c;display:block;line-height:1.8}.save-state>svg{width:13px;height:13px;margin-right:7px;color:#aaac8e}.save-state>span{display:block;padding-left:20px;font-size:8px;color:#969a87}.bubble{position:absolute;transform:translate(-50%,-100%);z-index:2;pointer-events:none;background:#fffef7f5;padding:10px 14px;border-radius:17px;box-shadow:0 4px 12px #45392316;border:1px solid #dcdcc9;max-width:210px;width:max-content;font-size:12px;line-height:1.65;letter-spacing:.025em;color:#505641}.bubble:after{content:"";position:absolute;bottom:-6px;left:50%;width:10px;height:10px;background:#fffef7;transform:rotate(45deg);border-right:1px solid #dcdcc9;border-bottom:1px solid #dcdcc9}.bubble.shiromari{border-color:#bfd0b5}.drawer{position:absolute;right:3.2%;top:12px;bottom:12px;width:345px;z-index:7;background:#fffcf6f7;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #e0dfcf;border-radius:26px;box-shadow:0 12px 45px #4249251c;overflow:auto;scrollbar-width:thin;padding:25px}.drawer-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:22px}.drawer-top h2{font-size:19px;letter-spacing:.04em;margin-top:7px}.drawer-top .icon-button{width:38px;height:38px;margin-top:-7px;margin-right:-12px}.drawer-intro{font-size:12px;line-height:1.9;margin-bottom:22px;color:#82846f}.drawer-intro strong{color:#657752}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-tile{min-height:101px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;background:#f0f1e6;border-radius:16px;padding:15px;color:#70845e}.action-tile>span{font-size:12px;font-weight:700}.action-tile>small{font-size:9px;color:#848875}.action-tile:hover{background:#e3ead7}.outfit-list,.event-list{display:flex;flex-direction:column;gap:9px}.outfit-row{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 9px;border:1px solid transparent;border-radius:16px}.outfit-row>span:nth-child(2),.event-row>span:nth-child(2){display:flex;flex-direction:column;gap:6px;flex:1}.outfit-row strong,.event-row strong{font-size:13px}.outfit-row small,.event-row small{font-size:10px;color:#828771;line-height:1.65}.fabric{width:50px;height:53px;border-radius:15px;background:var(--fabric);display:grid;place-items:center;color:#fffdf1;box-shadow:inset 0 0 0 5px #fff2}.outfit-row.chosen{border-color:#b2bf9c;background:#f1f4e9}.outfit-check{visibility:hidden;color:#7a925f}.chosen .outfit-check{visibility:visible}.event-row{display:flex;align-items:center;gap:12px;padding:15px 10px;text-align:left;background:#f1f1e7;border-radius:15px;min-height:65px}.event-row:hover{background:#e4ead7}.event-row>svg:last-child{width:15px;color:#969e85}.event-icon{width:40px;height:42px;background:#e3e8d7;border-radius:13px;display:grid;place-items:center;color:#829069}.fine-print{font-size:10px;line-height:1.9;color:#828775;margin-top:23px}.story-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;background:#ecebde;padding:16px 11px;border-radius:15px;font-size:11px;margin-bottom:24px}.story-link>svg{width:17px}.journal-entry{display:flex;gap:13px;padding:13px 0;border-bottom:1px dashed #dfdfce}.journal-entry>span{font-size:10px;color:#939981;padding-top:3px}.journal-entry p{font-size:11px;line-height:1.8}.empty-note{font-size:12px;line-height:2;color:#92977f}.letter{text-align:center;padding:5px 0 15px;line-height:2.3;font-size:13px;color:#73755e}.letter-flower{color:#a9b186;font-size:32px}.letter p{margin:20px 0}.letter-rule{width:35px;height:1px;background:#c7cdba;margin:27px auto}.letter-sign{font-size:11px;letter-spacing:.08em}.selected-for{font-size:12px;margin-bottom:17px;color:#788167}.primary-button,.secondary-button{width:100%;padding:16px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;margin-bottom:12px;background:#778b60;color:#fffef2}.primary-button:hover{background:#657c4e;color:#fff}.secondary-button{background:#eceee1;color:#748267}.settings-list{font-size:12px}.setting{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-bottom:25px}.setting>span{display:flex;flex-direction:column;gap:6px}.setting small{font-size:10px;color:#858974}.setting select{border:1px solid #d7ddc9;border-radius:8px;background:#fffdf6;padding:11px 8px;font-size:11px}.settings-list .event-row{width:100%}.text-button{font-size:11px;padding:18px 0}.danger{color:#9e7561}#reset-confirm{border-top:1px solid #dedccc;padding-top:15px}#reset-confirm p{font-size:11px;line-height:1.8;margin-bottom:12px}#event-banner{position:absolute;left:50%;top:103px;transform:translate(-50%);z-index:3;background:#fdf7e5f2;border:1px solid #ded1ad;border-radius:14px;padding:8px 14px;text-align:center;min-width:215px}#event-text{display:block;font-size:11px;color:#8a784e}#cancel-event{font-size:9px;color:#9d9578;min-height:32px}#cancel-event svg{width:11px;height:11px}#toast{position:fixed;bottom:121px;left:50%;transform:translate(-50%,12px);opacity:0;transition:transform .2s,opacity .2s;z-index:20;background:#4f6045ed;color:#fffdf2;border-radius:14px;padding:13px 21px;font-size:12px;max-width:90%;width:max-content;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%)}.webgl-error{padding:40px;text-align:center;font-size:14px;line-height:2}.webgl-error button{margin-top:20px;text-decoration:underline}@keyframes breathe{50%{transform:translateY(-5px)}}@media(min-width:701px){#stage{inset:110px 38px 43px 105px}}@media(min-width:1500px){.header{height:120px}.scene-heading{top:25px}.residents{top:65px}.bottom{height:125px}}@media(max-width:1100px){.residents{width:183px;left:22px}.resident{gap:8px;padding:12px 9px}.resident-name{font-size:13px}.portrait{transform:scale(.88);margin:-3px}.resident-status{font-size:9px;max-width:103px}.origin-note{max-width:182px;left:24px;bottom:67px}.origin-note strong{font-size:9px}.note-icon,.bottom-note,.save-state{display:none}.bottom{justify-content:center}.scene-heading h2{font-size:17px}.playback,.camera-toolbar,.drawer{right:20px}}@media(max-width:700px){#app{min-height:620px}.header{height:82px;padding:0 17px}.brand{gap:6px}.brand-mark{width:34px;height:39px}.brand-mark>svg{width:31px;height:31px}.brand-leaf{right:-1px}.brand-leaf svg{width:13px;height:13px}.brand h1{font-size:18px;letter-spacing:.075em}.brand-sub{font-size:8px;letter-spacing:.01em}.header-tools{gap:2px}.header-tools .icon-button{width:35px;height:44px}.header-tools svg{width:18px;height:18px}.time-pill{position:absolute;top:99px;right:18px;background:none;border:0;gap:5px;font-size:12px;height:30px;padding:0}.time-pill svg{width:15px;height:15px}.time-label{display:none}.scene-heading{top:13px;left:20px;transform:none;text-align:left}.eyebrow{font-size:8px}.scene-heading h2{font-size:13px;letter-spacing:.055em;margin:4px 0 8px}.live-pill{font-size:8px;gap:6px}.live-pill>span:first-child{width:5px;height:5px}.residents{display:flex;gap:9px;inset:auto 16px 48px;width:auto}.section-label,.resident-hint{display:none}.resident{border-radius:16px;min-height:77px;flex:1;gap:8px;padding:10px 8px;margin:0;min-width:0}.portrait{transform:scale(.82);margin:-5px}.resident-name{font-size:13px}.resident-status{font-size:8px;max-width:105px}.resident-info{gap:4px}.mood-track{width:78px;height:3px}.selected-dot{right:10px;top:10px}.scene-caption{bottom:18px;left:20px;transform:none;text-align:left;gap:0}.scene-caption>span:first-child{display:none}.gesture-hint{font-size:8px}.playback{right:16px;bottom:5px;gap:5px}.playback button{font-size:9px;gap:4px}.playback svg{width:13px;height:13px}.origin-note{left:20px;bottom:auto;top:93px;max-width:none}.origin-note .eyebrow,.origin-note strong{display:none}.note-link{font-size:9px;color:#8d957b}.note-link svg{width:10px}.camera-toolbar{right:12px;top:162px;padding:3px 1px;border-radius:22px;background:#fffdf2b8}.camera-toolbar .icon-button{width:38px;height:38px}.camera-toolbar svg{width:16px;height:16px}.toolbar-line{margin:0}#stage{inset:38px -15px 112px}.bottom{height:94px;padding:0 12px max(10px,env(safe-area-inset-bottom));align-items:flex-start}.dock{width:calc(100% - 28px);padding:6px;gap:3px;border-radius:21px;left:14px;transform:none}.dock button{height:64px;min-width:0;flex:1;font-size:10px;border-radius:15px;gap:5px}.dock button svg{width:21px;height:21px}.drawer{inset:auto 10px 0;max-height:78%;width:auto;border-radius:24px 24px 14px 14px;padding:23px;background:#fffdf7fa}.drawer-top{margin-bottom:18px}.drawer-top h2{font-size:18px}.drawer-intro{margin-bottom:17px}.action-grid{grid-template-columns:1fr 1fr 1fr;gap:8px}.action-tile{padding:12px 9px;min-height:90px;gap:8px}.action-tile>span{font-size:10px}.action-tile>small{font-size:8px}.action-tile svg{width:20px;height:20px}.letter{font-size:12px}.letter p{margin:15px 0}.bubble{font-size:10px;max-width:143px;padding:8px 11px;line-height:1.7;border-radius:13px}#event-banner{top:92px;left:auto;right:17px;transform:none;min-width:0;padding:5px 9px;max-width:220px}#event-text{font-size:9px}#cancel-event{font-size:8px;min-height:25px}#toast{bottom:107px;font-size:11px}.settings-list .fine-print{margin-bottom:5px}}@media(max-width:360px){.brand h1{font-size:16px}.brand-sub{font-size:7px}.header{padding:0 10px}.header-tools .icon-button{width:31px}.residents{left:10px;right:10px;gap:7px}.resident-info{gap:3px}.resident-name{font-size:12px}.portrait{transform:scale(.75);margin:-8px}.resident-status{max-width:95px}.action-grid{grid-template-columns:1fr 1fr}}@media(max-height:600px)and (min-width:701px){#app{height:100dvh;min-height:440px}.header{height:65px}.bottom{height:85px}.dock button{height:50px}.scene-heading{top:0}.scene-heading h2{font-size:14px}.scene-heading .eyebrow{display:none}.residents{top:16px}.resident{min-height:76px}.origin-note{display:none}.camera-toolbar{top:18%}.scene-caption{display:none}.playback{bottom:2px}.drawer{top:0;bottom:0}.brand h1{font-size:21px}}.drawer-top{position:sticky;top:-25px;background:#fffcf6;z-index:3;padding-top:12px;padding-bottom:10px;margin-top:-12px;margin-bottom:12px}@media(max-width:700px){.drawer{max-height:45%}.habitat.has-drawer #stage{top:90px;bottom:45%}.habitat.has-drawer .camera-toolbar{top:165px}}@media(max-height:600px)and (min-width:701px){#app{min-height:0}#stage{inset:40px 45px 18px 150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}