/* The little home, expanded. Keep the paper, pencil and sage palette. */
.home-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;font-size:12px}
.home-links{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.home-links a,.home-links button{background:none;padding:8px 0;color:#67745d}
.home-links span{font:12px Georgia,serif;color:#9a8a69;margin-left:5px}
#quiet-toggle{display:flex;align-items:center;gap:7px;background:#eaeade;border:1px solid #d9ddcb;border-radius:25px;padding:9px 14px;white-space:nowrap;font-size:11px}
#quiet-toggle svg{width:16px;height:16px}
.cat-button{left:var(--cat-x,50%);bottom:var(--cat-y,6.8%);transform:translateX(-50%) scale(var(--cat-scale,1));transform-origin:50% 100%;transition:left 1.8s ease-in-out,bottom 1.8s ease-in-out,transform 1.8s ease-in-out}
.cat-button.is-settling{transition:none!important}.cat-button.is-walking canvas{animation:cat-step .4s ease-in-out infinite}
@keyframes cat-step{50%{translate:0 -3px}}
.room-hotspots button{position:absolute;z-index:7;display:flex;align-items:center;gap:5px;border:1px solid #d9cdb7;background:#fffdf1d9;border-radius:24px;padding:7px 10px;min-height:38px;color:#776b50;font-size:10px;transition:background .2s}
.room-hotspots button:hover{background:#fffef8}.room-hotspots svg{width:14px;height:14px}
.hotspot-window{left:5%;top:37%}.hotspot-box{right:4%;bottom:29%}.hotspot-yarn{right:8%;bottom:10%}
.room[data-mode="play"] .room-hotspots,.room[data-mode="feed"] .room-hotspots{display:none}
.explore-props{pointer-events:none}.explore-box,.sleep-mat,.yarn-ball,.window-bird{display:none;position:absolute}
.room[data-spot="box"] .explore-box{display:block;z-index:5;left:var(--destination-x,72%);bottom:var(--destination-y,7%);transform:translateX(-50%);width:140px;max-width:34%;height:49px;background:#ba9464;border:1px solid #987448;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);text-align:center;color:#80613c}
.explore-box:before{content:"";position:absolute;inset:1px 44% 0;border-left:1px solid #aa8250;border-right:1px solid #aa8250;background:#c4a176}.explore-box span{position:relative;display:inline-block;margin-top:24px;letter-spacing:3px;font:8px Georgia,serif}
.room[data-spot="blanket"] .sleep-mat{display:block;z-index:2;left:var(--destination-x,36%);bottom:var(--destination-y,7%);transform:translateX(-50%);width:177px;max-width:45%;height:24px;border-radius:45%;background:repeating-linear-gradient(92deg,#ad786480 0 16px,#d2ac9377 16px 19px);border:1px solid #a6785750}
.room[data-spot="yarn"] .yarn-ball{display:block;z-index:5;left:calc(var(--destination-x,67%) - 15px);bottom:calc(var(--destination-y,8%) + 7px);width:27px;height:27px;border-radius:50%;border:1px solid #9d7160;background:repeating-linear-gradient(32deg,#be927c 0 3px,#d0ad9580 3px 5px);animation:yarn-roll 1.8s ease-in-out 2}
.yarn-ball:after{content:"";position:absolute;width:25px;height:12px;border-bottom:1px solid #b08c71;left:20px;top:17px;border-radius:50%;transform:rotate(-15deg)}
.room[data-spot="window"] .window-bird{display:block;z-index:2;top:21%;left:30%;color:#76775d;animation:bird-pass 7s ease-in-out 2}.window-bird svg{width:32px;height:18px;stroke-width:1.3}
@keyframes yarn-roll{50%{transform:translateX(22px) rotate(80deg)}}@keyframes bird-pass{0%{opacity:0;transform:translateX(10px)}25%,65%{opacity:.8}100%{opacity:0;transform:translateX(-75px)}}
.room-rain{position:absolute;inset:0;z-index:1;opacity:0;pointer-events:none;background:repeating-linear-gradient(110deg,transparent 0 43px,#ecf1e53d 44px 45px,transparent 46px 84px);background-size:100% 120%;clip-path:polygon(0 0,44% 0,44% 57%,0 57%);transition:opacity 1s}
body[data-weather="rain"] .room-rain{opacity:1;animation:rain-drift 1.2s linear infinite}
body[data-weather="rain"] .room-tint{background:#6b828b26}body[data-weather="rain"][data-scene="night"] .room-tint{background:#16243d88}
@keyframes rain-drift{to{background-position:-40px 100px}}
.life-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;border-top:1px solid #e8e4d7;background:#f1eee3;font-size:10px;color:#778067;min-height:49px}
.life-strip p{margin:0;display:flex;align-items:center;gap:7px;line-height:1.6}.live-dot{width:5px;height:5px;border-radius:50%;background:#91a071;flex-shrink:0}
.life-strip>div{display:flex;gap:12px;flex-shrink:0}.life-strip button{padding:5px 0;border-bottom:1px solid #c9c6ac;background:none;font-size:10px;color:#837555}
.activity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.activity-card{padding:20px 15px;min-height:137px;gap:9px}.activity-art{width:43px}.activity-arrow{display:none}.activity-copy strong{font-size:16px}.activity-copy>span{font-size:11px}.puzzle-card{background:#efe6dc;border-color:#e0d5c9}.puzzle-card .activity-art{color:#ad856f}
.explore-section,.moments-section{margin-top:52px;scroll-margin-top:24px}.explore-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:28px;align-items:start}
.spot-list{display:grid;gap:1px;border-top:1px solid var(--line)}.spot-row{display:flex;align-items:center;gap:15px;padding:15px 3px;border-bottom:1px solid var(--line);background:none;text-align:left;min-height:68px}
.spot-mark{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eae8d9;color:#83916b}.spot-mark svg{width:18px;height:18px}
.spot-row>span:nth-child(2){display:grid;gap:4px;flex:1}.spot-row strong{font:16px var(--serif);font-weight:400}.spot-row small{font-size:10px;color:#7e836d}.spot-row>svg{width:17px;height:17px;color:#9a9c83}
.spot-row.visited .spot-mark{background:#e2e8d7;color:#638059}.explore-tip{font-size:11px;line-height:1.9;color:#7c806b;margin:14px 0 0}
.window-note{padding:30px 32px;background:#eae9d8;border-radius:3px;position:relative;margin:8px 0 0;min-height:306px}
.window-note:before{content:"";position:absolute;width:75px;height:20px;background:#d7d5b78c;top:-9px;left:calc(50% - 37px);rotate:-3deg}
.window-note-heading{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:2px;color:#868464}.window-note-heading svg{width:19px;height:19px}
.window-note>p{font:19px/2.1 var(--serif);letter-spacing:1px;margin:24px 0;color:#686b51;min-height:80px}.window-note>small{display:block;color:#7f826c;font-size:10px;line-height:1.8;margin-top:14px}
.weather-options{display:flex;gap:9px;flex-wrap:wrap}.weather-options button{background:transparent;border:1px solid #cdd0b7;border-radius:24px;padding:9px 15px;font-size:11px;color:#797e62;min-height:38px}
.weather-options button[aria-pressed="true"]{background:#dce2c9;border-color:#aab697;color:#526b49}
.moment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.moment-card{padding:16px 16px 19px;background:#fbf8ef;border:1px solid #ddd9ca;border-radius:3px;text-align:center;position:relative;transition:transform .2s}
.moment-card:nth-child(3n+2){background:#f0eee2}.moment-card:hover{transform:translateY(-4px)}
.moment-art{display:block;width:min(100%,174px);height:auto;aspect-ratio:192/208;margin:4px auto 7px;object-fit:contain}.moment-card:not(.collected) .moment-art{filter:saturate(.45);opacity:.64}
.moment-number{display:flex;justify-content:space-between;align-items:center;font:11px Georgia,serif;letter-spacing:1px;color:#9a947d}.moment-number span{font:9px var(--sans);letter-spacing:.3px}.moment-card.collected .moment-number span{color:#71855a}
.moment-card strong{display:block;font:17px var(--serif);margin:11px 0 8px}.moment-card>small{font-size:10px;line-height:1.7;color:#7e806c}.collection-note{font-size:11px;line-height:1.9;color:#7c806b;margin:18px 0}
.about-section{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:center;border-top:1px solid var(--line);padding-top:38px;margin-top:45px}
.about-section h2{font:27px var(--serif);margin:0 0 20px;letter-spacing:2px}.about-section>div>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#79816b;max-width:640px}
.about-paw{border-left:1px solid var(--line);padding:20px 0 20px 55px}.about-paw>svg{width:38px;height:38px;color:#aaa684;margin-bottom:8px}.about-paw>p{font:17px/2 var(--serif)!important;letter-spacing:1px}
.text-button{background:none;border:0;padding:8px 0;color:#6f805c;font-size:12px;text-decoration:underline;text-underline-offset:4px;line-height:1.7}
.small-heading{font:16px var(--serif);font-weight:400;margin:26px 0 15px;letter-spacing:1px}.activity-log{padding:0;list-style:none;margin:0}.activity-log li{display:flex;gap:16px;align-items:baseline;padding:11px 0;border-bottom:1px dashed #dedfcf;font-size:11px;line-height:1.8}.activity-log time{font:10px Georgia,serif;color:#949880;white-space:nowrap;min-width:70px}.activity-log p{margin:0;color:#717c62}
.moment-dialog{text-align:center}.moment-dialog>.eyebrow{justify-content:center}.moment-dialog>canvas{width:230px;height:auto;max-width:100%;background:#eeeadb;border-radius:50% 50% 6px 6px;margin:8px auto 12px}.moment-dialog .moment-subtitle{font:15px/1.9 var(--serif);color:#938363}.moment-dialog .dialog-intro{text-align:left}
.caption-label{display:block;font-size:11px;text-align:left;margin:22px 0 8px;color:#7a806a}#card-caption{width:100%;border:1px solid #d3d8c3;border-radius:6px;background:#fffdf5;padding:12px;font:12px var(--sans);color:var(--ink)}
.save-summary{font-size:12px;line-height:2;padding:16px 18px;background:#eeeddf;border-radius:9px;margin:18px 0}.save-summary b{color:#6a7d53;font-weight:500}.restore-area{border-top:1px solid var(--line);margin-top:26px}.file-label{display:block;font-size:12px;line-height:2.2}#backup-file{max-width:100%;font-size:11px;margin-top:7px;display:block}#backup-file::file-selector-button{padding:8px 12px;border:1px solid #cfd5be;background:#e8ecdb;border-radius:5px;color:#647550}
.restore-area details{margin-top:18px;font-size:11px;color:#788567}.restore-area summary{cursor:pointer;padding:8px 0}#backup-text{resize:vertical;width:100%;padding:10px;background:#fffdf6;border:1px solid #d7dbc8;color:var(--ink);font:11px/1.6 monospace;border-radius:4px;margin-top:7px}.restore-status{font-size:12px;line-height:1.9;padding:12px 0;color:#7a8067;overflow-wrap:anywhere}.restore-status.error{color:#a05f4a}.restore-area .primary-button{margin-top:0}.backup-dialog>.primary-button{margin-top:16px}#backup-undo{display:block;margin:12px auto 0}
.puzzle-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin:18px 0 12px;color:#7f876a}.puzzle-stage{position:relative;width:min(100%,330px);margin:auto;aspect-ratio:1}.puzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;background:#e0ddcb;border-radius:7px;width:100%;height:100%}.puzzle-tile{border-radius:3px;border:1px solid #d8d3bb;background-size:300% 300%;background-color:#eee9da;position:relative;padding:0;aspect-ratio:1;min-width:0}.puzzle-tile.movable{outline:1px solid #9eae83;outline-offset:-2px;cursor:pointer}.puzzle-tile:not(.movable){cursor:default}.puzzle-tile span{position:absolute;bottom:4px;left:4px;font:10px Georgia,serif;color:#6d765a;background:#fffbedde;min-width:17px;border-radius:3px;padding:3px}.puzzle-empty{border:1px dashed #c3bea6;border-radius:3px;background:#e6e2d1}#puzzle-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#ede9d8;border:5px solid #e0ddcb;border-radius:7px;pointer-events:none}#puzzle-status{font-size:11px;line-height:1.9;margin:18px 0 8px;color:#7a846a}
body[data-quiet="true"] .welcome,body[data-quiet="true"] .companion-panel,body[data-quiet="true"] .playtime,body[data-quiet="true"] .explore-section,body[data-quiet="true"] .moments-section,body[data-quiet="true"] .about-section{display:none}
body[data-quiet="true"] .home-bar{margin-top:22px}body[data-quiet="true"] .home-layout{grid-template-columns:1fr}body[data-quiet="true"] .room{height:min(66vh,600px);min-height:365px}body[data-quiet="true"] .tool-tray,body[data-quiet="true"] .room-hotspots{display:none}body[data-quiet="true"] .life-strip{background:#ecebdc}
@media(min-width:821px) and (max-width:1200px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-card{padding:22px}.activity-copy strong{font-size:17px}.activity-art{width:48px}.moment-grid{gap:12px}.moment-card{padding:12px 9px 16px}.moment-card strong{font-size:15px}}
@media(max-width:820px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-layout{gap:20px}.window-note{padding:25px 23px}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.about-section{gap:35px}.about-paw{padding-left:25px}}
@media(max-width:580px){.home-bar{gap:12px;flex-wrap:wrap;margin-bottom:16px}.home-links{gap:17px;font-size:11px;justify-content:space-between;flex:1;min-width:100%}#quiet-toggle{font-size:11px;padding:8px 12px}.life-strip{padding:11px 13px;gap:8px;flex-wrap:wrap;font-size:10px}.life-strip>div{gap:18px}.life-strip button{min-height:32px}.room-hotspots button{font-size:9px;min-height:44px;padding:7px 9px;gap:3px}.room-hotspots svg{width:13px;height:13px}.hotspot-window{left:3%;top:34%}.hotspot-box{right:3%;bottom:33%}.hotspot-yarn{right:4%;bottom:9%}.cat-button{bottom:var(--cat-y,7%)}.activity-grid{grid-template-columns:1fr}.activity-card{padding:19px;gap:17px;min-height:111px}.activity-copy strong{font-size:17px}.activity-art{width:48px}.activity-copy>span{font-size:12px}.activity-arrow{display:block}.explore-section,.moments-section{margin-top:38px}.explore-layout{grid-template-columns:1fr;gap:21px}.window-note{margin-top:2px;padding:26px;min-height:0}.window-note>p{font-size:17px;min-height:0;line-height:2;margin:20px 0}.spot-row{padding:13px 0}.spot-row strong{font-size:15px}.spot-row small{font-size:11px}.spot-mark{width:37px;height:37px}.explore-tip{font-size:11px}.moment-grid{gap:12px}.moment-card{padding:12px 9px 16px}.moment-card strong{font-size:14px;line-height:1.7;margin:7px 0}.moment-card>small{font-size:10px;display:block;min-height:34px}.moment-number{font-size:10px}.moment-art{margin:8px auto 5px}.collection-note{font-size:10px}.about-section{grid-template-columns:1fr;gap:12px;padding-top:28px;margin-top:32px}.about-section h2{font-size:24px}.about-paw{border-left:0;border-top:1px dashed var(--line);padding:20px 0 0;display:grid;grid-template-columns:40px 1fr;gap:8px 18px;align-items:center}.about-paw>svg{margin:0}.about-paw>p{margin:0!important;font-size:15px!important}.about-paw .text-button{grid-column:2;text-align:left}.moment-dialog>canvas{width:190px}.paper-dialog .eyebrow{letter-spacing:1.4px}.puzzle-meta{font-size:10px}.puzzle-tile span{font-size:9px}.weather-options button{min-height:42px}.text-button{min-height:36px}body[data-quiet="true"] .room{min-height:385px}.activity-log time{min-width:62px;font-size:9px}.activity-log li{gap:10px}}
@media(prefers-reduced-motion:reduce){.cat-button{transition:none}.cat-button.is-walking canvas{animation:none}.room-rain,.yarn-ball,.window-bird{animation:none!important}.moment-card:hover{transform:none}}