@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--paper:#f7f6ee;--ink:#304932;--muted:#74816a;--green:#526d45;--soft:#e9eddf;--line:#dce1d1;--serif:'Noto Serif SC','Songti SC',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible{outline:3px solid #b37d65;outline-offset:5px}[hidden]{display:none!important}.wrap{width:calc(100% - 100px);max-width:1240px;margin-inline:auto}.skip{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip:focus{top:10px}.header{display:flex;align-items:center;justify-content:space-between;height:104px;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font:600 21px/1.6 var(--serif);letter-spacing:1px;white-space:nowrap}.brand img{width:43px;height:43px}.brand small{display:block;font:8px/2.5 sans-serif;letter-spacing:2px;color:#7e8b70}.header nav{display:flex;gap:32px;align-items:center;height:100%}.header nav a{font-size:13px;color:#7b866f;position:relative;padding:10px 2px;white-space:nowrap}.header nav a[aria-current=page]{color:var(--ink)}.header nav a[aria-current=page]:after{content:'';position:absolute;bottom:0;left:50%;width:4px;height:4px;background:var(--green);border-radius:50%}.nav-dot{width:4px;height:4px;border:1px solid #9ba58b;display:inline-block;vertical-align:super;margin-left:2px;border-radius:50%}.header-tools{display:flex;align-items:center;gap:10px}.sound-toggle{border:1px solid #c8d1bb;border-radius:30px;padding:8px 14px;background:none;font-size:11px;white-space:nowrap;min-height:40px}.sound-toggle>span:first-child{font-size:16px;margin-right:5px}.sound-toggle[aria-pressed=true]{background:#e3ead6;border-color:#aabb91}.menu-toggle{display:none;width:42px;height:42px;font-size:22px;background:transparent}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#79896a;font-weight:500;line-height:1.8}.live-dot{display:inline-block;width:6px;height:6px;background:#8c9f6c;border-radius:50%;margin-right:8px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;min-height:48px;padding:0 23px;border-radius:30px;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:#fffdf0}.primary:hover{background:#3f5b35}.button.secondary{background:transparent;border:1px solid #bbc9a6;color:var(--green)}.text-link{display:inline-flex;align-items:center;gap:20px;background:none;padding:0;font-size:12px;line-height:2.2;border-bottom:1px solid #bfcbb0}.home-hero{display:grid;grid-template-columns:1fr 1.13fr;gap:45px;align-items:center;padding-top:54px;padding-bottom:40px}.hero-copy .eyebrow{font-size:11px;letter-spacing:2px}.hero-copy h1{font:500 clamp(38px,4vw,58px)/1.65 var(--serif);letter-spacing:1px;margin:23px 0 23px}.underline{position:relative;z-index:0}.underline:after{content:'';position:absolute;height:11px;bottom:5px;inset-inline:0;background:#dce3c8;z-index:-1;border-radius:40% 10% 30% 30%;transform:rotate(-1.5deg)}.intro{font-size:12px;color:#7d8871;line-height:2.3}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:27px}.hero-actions .text-link{font-size:11px;gap:16px}.island-time{margin-top:37px;display:flex;align-items:center;gap:9px;font-size:9px;color:#909b80;letter-spacing:.7px}.island-time>span:first-child{font-size:19px;color:#a5b28a}.island-time time{font-family:monospace;font-size:11px}.time-divider{height:10px;width:1px;background:#c6d0b6;margin-inline:1px}.companion-panel{position:relative;border:1px solid #d9e0cb;background:#eef1e5;border-radius:160px 160px 16px 16px;padding:0 17px 14px;min-width:0}.companion-panel:before{content:'';position:absolute;inset:-12px 10px 10px -11px;border:1px dashed #bdcaa5;border-radius:160px 160px 16px 16px;transform:rotate(-2deg);z-index:-1}.scene-status{position:absolute;top:27px;right:13px;font-size:9px;background:#faf9ef;border:1px solid #d9e1ca;padding:8px 13px;border-radius:20px;z-index:3;transform:rotate(4deg);letter-spacing:1px}.pigmi-bubble{position:absolute;top:92px;left:8%;z-index:4;background:#fffdf4e8;border:1px solid #e0e3d1;border-radius:18px 18px 18px 3px;padding:11px 17px;max-width:78%;font-size:11px;box-shadow:0 5px 20px #58673a05;transition:transform .2s}.companion-scene{height:380px;position:relative;overflow:hidden;border-radius:145px 145px 0 0;isolation:isolate}.scene-sun{position:absolute;right:60px;top:55px;width:90px;height:90px;background:#e6d9a5;border-radius:50%;box-shadow:0 0 0 13px #e6d9a529,0 0 0 26px #e6d9a514}.scene-hill{position:absolute;bottom:-75px;left:-10%;right:-10%;height:225px;background:#dfe6cb;border-radius:50% 50% 0 0;transform:rotate(-5deg)}.scene-hill:after{content:'';position:absolute;inset:54px -20px 0 80px;border-radius:50% 50% 0 0;background:#d7e1bf;transform:rotate(14deg)}.scene-cloud{position:absolute;background:#fcfbf3ad;width:82px;height:22px;border-radius:40px;animation:cloud-drift 12s ease-in-out infinite alternate}.scene-cloud:before{content:'';position:absolute;width:40px;height:35px;border-radius:50%;background:inherit;top:-15px;left:15px}.cloud-one{top:72px;left:50px}.cloud-two{top:165px;right:13px;transform:scale(.7);animation-delay:-4s}.scene-flower{position:absolute;font-size:26px;color:#a9b77d;bottom:33px;z-index:2}.flower-one{left:30px;transform:rotate(15deg)}.flower-two{right:29px;bottom:66px;color:#eee9bb;font-size:34px}.pigmi-shadow{position:absolute;bottom:45px;width:62%;height:28px;background:#8f9d6524;filter:blur(6px);border-radius:50%;left:21%}.pigmi-hit{position:absolute;width:77%;bottom:20px;left:12%;padding:0;background:none;z-index:2;transform-origin:50% 85%;border-radius:50%}.pigmi-sprite{width:100%;height:auto;animation:soft-breathe 3.5s ease-in-out infinite;transform-origin:50% 85%;filter:drop-shadow(0 9px 7px #78834b12)}.pigmi-hit:hover .pigmi-sprite{filter:drop-shadow(0 9px 11px #78834b25)}.touch-hint{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1px;white-space:nowrap;color:#87966e;z-index:3}.scene-particles{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.particle{position:absolute;font-size:25px;color:#d9988e;animation:float-up 1.7s ease-out forwards;left:50%;top:52%}.scene-prop{position:absolute;left:15%;bottom:62px;z-index:5;font-size:38px;pointer-events:none}.scene-prop.feed{animation:feed-flight 1.7s ease-in-out forwards}.scene-prop.yarn{animation:yarn-roll 2.5s ease-in-out forwards;font-size:44px;color:#c78b74}.sleep-letters{position:absolute;top:165px;right:80px;color:#91a777;font:italic 24px var(--serif);letter-spacing:7px;animation:soft-breathe 3s ease-in-out infinite;z-index:5}.companion-scene.sleeping .pigmi-hit{transform:rotate(-5deg) translateY(8px)}.companion-scene.sleeping .pigmi-sprite{filter:brightness(.96)}.care-toolbar{position:relative;z-index:6;background:#f9f9eea8;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #dce3cc;border-radius:35px;padding:6px 5px;gap:2px}.care-toolbar button{min-height:41px;background:none;border-radius:25px;font-size:11px;transition:background .2s;white-space:nowrap}.care-toolbar button:hover{background:#e3eacd}.care-toolbar button>span{font-size:18px;margin-right:5px;vertical-align:-1px}.care-note{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid var(--line);padding-block:19px;color:#83906f;font-size:10px;letter-spacing:.4px}.care-note>span{display:flex;align-items:center;gap:11px}.mini-flower{font-size:22px;color:#9bab80}.care-meters{display:flex;align-items:center;gap:24px}.care-meters>div{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:9px}.care-meters meter{width:74px;height:7px;border-radius:10px;border:none;appearance:none;background:#e4e8d9}.care-meters meter::-webkit-meter-bar{height:7px;background:#e4e8d9;border:0;border-radius:10px}.care-meters meter::-webkit-meter-optimum-value{background:#9bae80;border-radius:10px}.care-meters meter::-moz-meter-bar{background:#9bae80}.care-meters>div>span{min-width:16px;font-family:monospace}.section{padding-block:60px}h2{font:500 29px/1.6 var(--serif);letter-spacing:.5px;margin:12px 0 20px}.home-friends{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}.home-friends p{font-size:11px;line-height:2.2;color:#7e896f;margin:0 0 23px}.friend-peeks{display:flex;align-items:center;justify-content:end;padding:25px}.peek{width:110px;flex:0 0 110px;background:#efede2;border:6px solid var(--paper);border-radius:50%;margin-left:-20px;transform:rotate(-8deg);transition:transform .2s;box-shadow:0 0 0 1px #dbe1ce}.peek:nth-child(2){transform:rotate(4deg) translateY(18px)}.peek:nth-child(3){transform:rotate(-5deg) translateY(-8px)}.peek:hover{transform:translateY(-8px)}.portrait{position:relative;width:100%;overflow:hidden;aspect-ratio:1;background:#fcf9f1;border-radius:inherit;isolation:isolate}.portrait img{position:absolute;max-width:none;height:auto;mix-blend-mode:multiply;pointer-events:none}.peek .portrait{border-radius:50%}.album{border-top:1px solid var(--line);padding-top:38px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section-top h2{margin-bottom:0;font-size:26px}.small-note{color:#8b9679;font-size:9px}.album-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.album-card{padding:0;background:none;text-align:left}.album-card>img{width:100%;height:auto;aspect-ratio:1.8;object-fit:cover;border-radius:7px;transition:filter .2s}.album-card:hover>img{filter:brightness(1.04)}.album-card>span{display:flex;justify-content:space-between;margin-top:14px;font:500 16px var(--serif)}.album-card i{font-style:normal;font-family:sans-serif;color:#8e9c77}.page-intro{padding-block:46px 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.page-intro h1{font:500 37px/1.65 var(--serif);letter-spacing:1px;margin:15px 0 0}.page-intro>p{font-size:12px;line-height:2.3;color:#859176;margin:0 0 5px}.friends-layout{display:grid;grid-template-columns:.85fr 1.45fr;gap:40px;align-items:start;padding-bottom:36px}.roster{padding:23px 0}.roster-top{display:flex;align-items:center;justify-content:space-between;color:#7c8b6b;font-size:10px;letter-spacing:1px}.roster-top b{font-weight:400;background:#e5ead8;padding:2px 7px;border-radius:12px;margin-left:6px}.roster-top>span:last-child{font-size:9px;color:#929f7c}.friend-filters{display:flex;gap:8px;margin-block:18px 24px}.friend-filters button{font-size:10px;border:1px solid #d4dcc7;border-radius:20px;padding:7px 13px;background:none;min-height:34px}.friend-filters button[aria-pressed=true]{background:var(--green);color:#faffef;border-color:var(--green)}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 14px}.friend-tile{padding:0;background:none;text-align:center;border-radius:15px;min-width:0}.friend-tile .portrait{border-radius:15px;border:1px solid #dde2d2;transition:transform .3s,box-shadow .3s}.friend-tile[aria-pressed=true] .portrait{box-shadow:0 0 0 3px #a2b586;transform:translateY(-3px);border-color:#f9faef}.friend-tile:hover .portrait{transform:translateY(-4px)}.friend-tile strong{font-size:11px;display:block;font-weight:500;margin-top:9px;line-height:1.6}.friend-tile small{font-size:8px;color:#899675;display:block;line-height:1.7}.roster-note{font-size:9px;line-height:2;color:#8e9a7d;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.friend-detail{border:1px solid #d8e0ca;border-radius:14px;background:#f0f2e7;overflow:hidden;min-width:0}.detail-top{display:grid;grid-template-columns:.86fr 1fr;gap:23px;padding:26px 26px 20px;align-items:center}.friend-stage{position:relative;min-width:0;aspect-ratio:1;background:var(--friend-color,#e3e7d6);border-radius:50% 50% 12px 12px;padding:16px;overflow:hidden;isolation:isolate}.friend-stage:after{content:'';position:absolute;bottom:10%;left:10%;right:10%;height:15%;border-radius:50%;background:#a6ad8833;z-index:-1}.friend-stage .portrait{width:100%;border-radius:50%;border:3px solid #fbfaef90;box-shadow:0 7px 19px #4c633419;animation:friend-idle 4.5s ease-in-out infinite}.stage-deco{position:absolute;right:15px;top:15px;font-size:21px;color:#fefcf1;pointer-events:none}.detail-info .eyebrow{font-size:7px;letter-spacing:1.5px}.detail-info h2{font-size:28px;margin:9px 0 11px}.detail-info p{font-size:10px;color:#748269;line-height:2;margin:0}.trait-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.trait-list span{font-size:8px;background:#e1e7d4;border-radius:20px;padding:3px 7px;white-space:nowrap;color:#7a8867}.friend-quote{margin:0 26px;padding:15px 18px;background:#faf9efbd;border-radius:9px;display:flex;gap:18px;align-items:center;justify-content:space-between}.friend-quote p{font:400 14px/1.9 var(--serif);margin:0;min-width:0}.voice-button{flex-shrink:0;min-height:36px;border:1px solid #c8d3b5;border-radius:22px;padding:5px 13px;font-size:10px;white-space:nowrap;background:none}.voice-button[aria-pressed=true]{background:#dce7cd;animation:voice-pulse 1s infinite}.source-line{font-size:8px;color:#8a977a;padding:11px 27px 19px;line-height:1.9}.source-line button{font-size:8px;border-bottom:1px solid #b7c5a3;padding:0;background:none;margin-left:7px}.source-note{display:block;color:#9e8065;margin-top:5px}.task-section{border-top:1px solid #dbe2cf;padding:22px 26px 25px;background:#f7f7ed}.task-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#879771}.task-top button{font-size:9px;background:none;padding:2px 0;border-bottom:1px solid #cbd6b8;letter-spacing:0}.task-section h3{font:500 18px/1.7 var(--serif);margin:12px 0 7px}.task-intro{font-size:10px;color:#839170;line-height:1.9;margin:0 0 17px}.task-board{position:relative;min-height:105px;border:1px dashed #cad7b6;border-radius:10px;background:#edf1e3;overflow:hidden;padding:16px}.step-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.step-button{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;min-height:78px;border:1px solid #c9d7b6;border-radius:9px;background:#fdfcf1;font-size:9px;position:relative;transition:background .2s}.step-button>span{font-size:24px;color:#89a16b;line-height:1.5}.step-button:disabled{opacity:.5;background:transparent;border-style:dashed}.step-button.done{opacity:1;background:#dce8ce;color:#5a7740;border-style:solid}.task-progress{height:4px;background:#dfe6d3;border-radius:4px;margin-block:17px 11px;overflow:hidden}.task-progress>span{height:100%;display:block;width:0;background:#8faa6b;border-radius:4px;transition:width .4s}.task-status{font-size:10px;min-height:34px;line-height:1.8;color:#72825d;margin:0}.task-done{display:flex;align-items:center;justify-content:center;gap:17px;min-height:78px;color:#627c46;font-size:12px}.task-done>span{font-size:34px}.match-board{display:grid;grid-template-columns:1fr 1fr;gap:12px}.match-column{display:flex;flex-direction:column;gap:7px}.match-option{border:1px solid #cbd8b6;border-radius:6px;background:#fffdf3;font-size:10px;min-height:34px}.match-option.selected{background:#dce6cb;outline:2px solid #94aa77}.match-option:disabled{background:#dce7cd;border-color:#dce7cd;color:#748960}.find-board{height:150px;position:relative;isolation:isolate}.find-board:before{content:'';position:absolute;inset:35px -30px -40px;background:#e0e8ce;border-radius:50%;z-index:-1}.find-item{position:absolute;min-width:44px;min-height:44px;font-size:30px;background:none;transition:transform .2s}.find-item:nth-child(1){left:9%;top:13%}.find-item:nth-child(2){left:43%;top:53%}.find-item:nth-child(3){right:9%;top:22%}.find-item.caught{transform:scale(0);pointer-events:none}.bubble-item{background:#f9fcf0aa;border:1px solid #b7c9a1;border-radius:50%;min-width:48px;min-height:48px;color:#90a979;font-size:14px;animation:bubble-float 2.6s ease-in-out infinite alternate}.bubble-item:nth-child(2){animation-delay:-1s}.bubble-item:nth-child(3){animation-delay:-2s}.timer-board{display:flex;align-items:center;justify-content:center;gap:23px;min-height:100px}.sandglass{font-size:38px;display:block}.sandglass.running{animation:hourglass 2s ease-in-out infinite}.timer-copy strong{display:block;font:500 27px var(--serif)}.timer-copy span{font-size:9px;color:#83966d}.timer-board button{min-height:38px;font-size:10px;padding-inline:16px;white-space:nowrap}.decision-prompt{font:500 14px var(--serif);margin:0 0 17px;text-align:center}.decision-options{display:flex;justify-content:center;gap:12px}.decision-options button{font-size:10px;background:#fffdf3;border:1px solid #c5d3b1;padding:8px 14px;border-radius:20px;min-height:36px}.history-strip{display:flex;gap:18px;align-items:center;border-top:1px solid var(--line);padding-block:22px;margin-bottom:40px}.history-strip>span{font-size:25px;color:#a6b583}.history-strip p{font-size:10px;color:#849471;flex:1}.history-strip button{font-size:10px}.placeholder-hero{padding-block:55px 44px;position:relative}.development-label{position:absolute;right:0;top:58px;border:1px solid #cbd6b9;border-radius:30px;padding:6px 13px;font-size:9px;color:#82946b}.placeholder-hero h1{font:500 43px/1.7 var(--serif);letter-spacing:1px;margin:20px 0}.placeholder-hero p{font-size:12px;line-height:2.2;color:#849371}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.work-grid article{border:1px dashed #c8d4b6;border-radius:12px;padding:27px;background:#eff1e5}.tool-number{font-size:8px;letter-spacing:1.4px;color:#82966a}.tool-icon{font-size:48px;line-height:1.6;color:#93a77d;margin-top:22px}.work-grid h2{font-size:23px;margin:10px 0 18px}.work-grid p{font-size:10px;line-height:2.3;color:#849571;min-height:70px}.plan-tags{display:flex;gap:7px;margin-block:20px 29px}.plan-tags span{font-size:9px;color:#82936b;border:1px solid #d0d9bf;border-radius:15px;padding:3px 9px}.planned{display:block;font-size:9px;color:#96a386;border-top:1px solid #d8e0cb;padding-top:15px}.work-footer{display:flex;gap:17px;align-items:center;border-top:1px solid var(--line);margin-top:45px;padding-block:27px 50px}.work-footer>span{font-size:25px}.work-footer p{font-size:11px;color:#83946f;flex:1}.work-footer a{font-size:10px}.more-wrap{text-align:center;padding-block:44px 70px}.more-art{position:relative;width:280px;height:235px;margin:0 auto 30px;isolation:isolate}.growing-ring{position:absolute;inset:20px 30px;background:#e3ead3;border:1px solid #d3dec0;border-radius:50%;z-index:-1;outline:1px dashed #bdcda5;outline-offset:14px}.more-art>img{position:absolute;inset:20px 0 0;width:100%;animation:soft-breathe 4s infinite ease-in-out;transform-origin:center bottom}.more-star{position:absolute;right:10px;top:20px;font-size:38px;color:#b7bd87;animation:slow-spin 24s linear infinite}.more-label{position:absolute;bottom:5px;left:50%;transform:translateX(-50%) rotate(-5deg);background:#fdfaf0;border:1px solid #e0e4d0;padding:6px 15px;font-size:9px;white-space:nowrap;letter-spacing:1px}.more-wrap h1{font:500 38px/1.7 var(--serif);margin:17px 0 20px}.more-wrap p{font-size:12px;line-height:2.3;color:#879672;margin-bottom:28px}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px}.footer>a{font:500 15px var(--serif)}.footer>a>span{font-size:22px;color:#a8b78c;margin-left:10px;vertical-align:-2px}.footer>span{font-size:9px;letter-spacing:.8px;color:#96a383}.footer>small{font-size:8px;color:#99a688}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#3e5835;color:#fffceb;padding:12px 22px;border-radius:30px;border:1px solid #8d9f73;font-size:11px;z-index:50;max-width:90%;width:max-content;opacity:0;pointer-events:none;transition:.25s;box-shadow:0 6px 25px #30452a22}.toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #ccd6bc;border-radius:12px;padding:0;background:var(--paper);color:var(--ink);max-width:min(900px,92vw);max-height:90dvh;box-shadow:0 20px 70px #21351d33}dialog::backdrop{background:#283d228c;backdrop-filter:blur(4px)}dialog>img{width:100%;max-height:70dvh;object-fit:contain;background:#ecefdf}.dialog-close{position:absolute;top:12px;right:12px;border-radius:50%;background:#faf9f0ee;width:38px;height:38px;font-size:25px;z-index:2}.dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:17px 25px}.dialog-bottom h2{font:500 18px/1.7 var(--serif);margin:0}.dialog-bottom .button{font-size:11px;min-height:39px;white-space:nowrap}.reduced-motion-message{font-size:9px}
@keyframes soft-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.018,.992)}}@keyframes cloud-drift{to{translate:22px 0}}@keyframes float-up{0%{opacity:0;transform:translate(0,10px) scale(.6)}20%{opacity:1}100%{opacity:0;transform:translate(var(--drift,10px),-120px) scale(1.2) rotate(15deg)}}@keyframes feed-flight{0%{opacity:0;transform:translate(-25px,0) scale(.5)}20%{opacity:1}70%{opacity:1;transform:translate(115px,-20px) scale(.8)}100%{opacity:0;transform:translate(125px,-5px) scale(.2)}}@keyframes yarn-roll{0%{left:5%;transform:rotate(0)}50%{left:78%;transform:rotate(360deg)}100%{left:10%;transform:rotate(0);opacity:0}}@keyframes friend-idle{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}@keyframes voice-pulse{50%{box-shadow:0 0 0 4px #c5d7b24a}}@keyframes bubble-float{to{translate:0 -9px}}@keyframes hourglass{50%{transform:rotate(180deg)}}@keyframes slow-spin{to{rotate:360deg}}
@media(min-width:1500px){.home-hero{gap:65px}.companion-scene{height:420px}.pigmi-hit{width:75%;left:13%;bottom:18px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.brand{font-size:18px;gap:8px}.brand img{width:39px;height:39px}.header nav{gap:22px}.header nav a{font-size:12px}.home-hero{gap:32px}.hero-copy h1{font-size:43px}.companion-scene{height:350px}.pigmi-bubble{font-size:10px;top:83px;padding:10px 13px}.care-toolbar button{font-size:10px}.care-toolbar button>span{margin-right:3px}.care-meters{gap:14px}.care-meters meter{width:55px}.home-friends{gap:30px}.peek{width:95px;flex-basis:95px}.friends-layout{gap:26px;grid-template-columns:.9fr 1.4fr}.detail-top{padding:23px 22px 18px;gap:18px}.detail-info h2{font-size:24px}.detail-info p{font-size:10px}.trait-list span{font-size:7px}.friend-quote{margin-inline:22px}.task-section{padding-inline:22px}.task-section h3{font-size:17px}.work-grid article{padding:24px 20px}.work-grid p{font-size:10px}}
@media(max-width:900px){.header{gap:15px}.header nav{gap:17px}.sound-toggle{padding:7px 10px;font-size:9px;min-height:36px}.brand{font-size:17px}.brand small{font-size:7px;letter-spacing:1.4px}.home-hero{gap:25px;padding-top:42px}.hero-copy h1{font-size:35px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1px}.intro{font-size:11px}.hero-actions{gap:16px}.hero-actions .button{padding-inline:16px;gap:17px;font-size:10px;min-height:44px}.hero-actions .text-link{font-size:10px;gap:10px}.companion-scene{height:330px}.companion-panel{padding-inline:12px}.pigmi-bubble{left:6%;top:79px;max-width:88%;font-size:9px}.scene-status{font-size:8px;padding:7px 10px;right:6px}.pigmi-hit{width:93%;left:3%;bottom:25px}.care-toolbar{gap:0;padding:5px 0}.care-toolbar button{font-size:9px;min-height:35px}.care-toolbar button>span{display:block;font-size:17px;line-height:1.5;margin:0}.island-time{font-size:8px;flex-wrap:wrap;gap:7px}.care-note{align-items:start;font-size:9px;gap:15px}.care-meters{flex-direction:column;gap:5px}.care-meters>div{font-size:8px}.care-meters meter{width:65px}.home-friends h2{font-size:25px}.home-friends p{font-size:10px}.peek{width:85px;flex-basis:85px;margin-left:-20px}.friend-peeks{padding:15px 0}.section-top h2{font-size:24px}.friends-layout{grid-template-columns:.8fr 1.3fr;gap:24px}.friend-grid{grid-template-columns:repeat(2,1fr);gap:19px 16px}.roster-top>span:last-child{display:none}.friend-filters{gap:6px;flex-wrap:wrap}.friend-filters button{padding:5px 10px;font-size:9px}.detail-top{grid-template-columns:.9fr 1fr;gap:15px;padding:22px 18px 17px}.detail-info h2{font-size:22px}.trait-list{gap:4px}.friend-quote{margin-inline:18px;gap:14px;padding:13px}.friend-quote p{font-size:12px}.voice-button{font-size:9px;padding:4px 9px}.task-section{padding-inline:18px}.step-buttons{gap:7px}.step-button{font-size:8px}.task-section h3{font-size:16px}.source-line{padding-inline:18px}.task-intro{font-size:9px}.task-board{padding:11px}.page-intro h1{font-size:32px}.page-intro>p{font-size:10px}.history-strip p{font-size:9px}.history-strip button{font-size:9px}.work-grid{gap:15px}.work-grid h2{font-size:21px}.work-grid p{min-height:114px}.work-grid p br{display:none}.planned{font-size:8px}.work-grid article{padding-inline:16px}.placeholder-hero h1{font-size:37px}.footer>span{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:85px;position:relative;gap:10px}.brand{font-size:17px;gap:9px}.brand img{width:36px;height:36px}.brand small{font-size:6px;letter-spacing:1.4px}.header-tools{gap:4px}.sound-toggle{padding:6px 10px;font-size:9px;min-height:34px}.sound-toggle>span:first-child{font-size:13px;margin-right:3px}.menu-toggle{display:block;width:34px;height:38px;font-size:21px}.header nav{display:none;position:absolute;top:75px;inset-inline:0;z-index:20;border:1px solid var(--line);background:#f7f6eefc;box-shadow:0 10px 22px #354c2910;border-radius:10px;height:auto;justify-content:space-around;padding:13px 9px;gap:8px}.header nav.open{display:flex}.header nav a{font-size:11px;padding-inline:0}.nav-dot{display:none}.home-hero{display:flex;flex-direction:column;gap:29px;align-items:stretch;padding-top:32px;padding-bottom:29px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-copy h1{font-size:38px;line-height:1.65;letter-spacing:.4px;margin:17px 0 19px}.hero-copy .underline:after{height:9px}.intro{font-size:11px;line-height:2.2}.hero-actions{gap:22px;margin-top:24px}.hero-actions .button{font-size:11px;gap:26px;padding-inline:22px;min-height:45px}.hero-actions .text-link{font-size:10px;gap:16px}.island-time{margin-top:23px;font-size:8px;gap:7px}.island-time>span:first-child{font-size:17px}.island-time time{font-size:10px}.companion-panel{margin-top:7px;margin-inline:5px;border-radius:135px 135px 15px 15px;padding:0 10px 12px}.companion-panel:before{border-radius:135px 135px 15px 15px;inset:-8px 5px 6px -7px}.companion-scene{height:350px;border-radius:128px 128px 0 0}.pigmi-hit{width:90%;left:5%;bottom:15px}.pigmi-bubble{top:78px;font-size:10px;max-width:89%;left:5%;padding:11px 14px}.scene-status{top:21px;right:1px;font-size:8px}.scene-sun{width:80px;height:80px;right:41px;top:51px}.cloud-one{left:22px;top:61px;scale:.8}.cloud-two{right:0;top:162px}.care-toolbar{padding:6px 4px}.care-toolbar button{min-height:42px;font-size:10px}.care-toolbar button>span{font-size:19px;display:inline;margin-right:4px}.touch-hint{font-size:8px;bottom:7px}.scene-flower{font-size:23px;bottom:40px}.flower-one{left:16px}.flower-two{right:11px;bottom:80px}.sleep-letters{right:42px;top:162px}.care-note{padding-block:15px;display:block}.care-note>span{font-size:9px;gap:9px}.care-meters{margin-top:10px;flex-direction:row;gap:22px}.care-meters>div{font-size:9px;gap:8px}.care-meters meter{width:55px}.section{padding-block:39px}.home-friends{display:flex;flex-direction:column;gap:21px;align-items:stretch}.home-friends h2{font-size:26px;margin-bottom:16px}.home-friends p{font-size:11px;margin-bottom:20px}.home-friends .text-link{font-size:11px}.friend-peeks{justify-content:center;padding:12px 0 8px}.peek{width:106px;flex-basis:106px;margin-left:-14px}.section-top{display:block;margin-bottom:22px}.section-top h2{font-size:24px;margin-top:9px}.small-note{display:block;margin-top:10px;font-size:8px}.album{padding-top:29px}.album-grid{gap:14px;grid-template-columns:1fr}.album-card{position:relative}.album-card>img{aspect-ratio:1.8}.album-card>span{position:absolute;bottom:12px;left:13px;right:13px;border-radius:25px;background:#fdfbf0e6;padding:8px 13px;margin:0;font:500 14px var(--serif)}.page-intro{padding-block:31px 26px;display:block}.page-intro h1{font-size:31px;line-height:1.7;margin-top:12px}.page-intro>p{font-size:10px;margin-top:17px;line-height:2}.friends-layout{grid-template-columns:1fr;gap:23px;padding-bottom:25px}.roster{padding:0}.roster-top>span:last-child{display:block;font-size:8px}.friend-filters{margin-block:16px 20px}.friend-filters button{font-size:10px;padding:6px 15px}.friend-grid{grid-template-columns:repeat(3,1fr);gap:19px 13px}.friend-tile .portrait{border-radius:13px}.friend-tile strong{font-size:11px;margin-top:7px}.friend-tile small{font-size:7px}.roster-note{margin-top:20px;padding-top:13px;font-size:8px}.roster-note br{display:none}.detail-top{padding:23px 19px 18px;gap:18px;grid-template-columns:.86fr 1fr}.detail-info h2{font-size:23px;margin:7px 0 9px}.detail-info p{font-size:10px;line-height:1.9}.detail-info .eyebrow{font-size:6px;letter-spacing:1px}.friend-stage{padding:10px;align-self:start}.trait-list{margin-top:10px;gap:5px}.trait-list span{font-size:7px;padding:3px 6px}.stage-deco{font-size:18px;right:9px;top:7px}.friend-quote{margin-inline:18px;padding:13px 14px;gap:13px}.friend-quote p{font-size:12px}.voice-button{padding:5px 10px;font-size:9px;min-height:35px}.source-line{font-size:7px;padding:10px 19px 17px}.source-line button{font-size:7px;margin-left:5px}.source-note{font-size:8px;line-height:1.8}.task-section{padding:19px 18px 21px}.task-section h3{font-size:17px;margin-top:13px}.task-intro{font-size:9px;line-height:1.9}.step-button{font-size:8px;min-height:80px}.step-button>span{font-size:24px}.task-board{padding:12px}.task-status{font-size:9px}.task-top{font-size:7px}.task-top button{font-size:8px}.find-board{height:145px}.timer-board{gap:16px}.timer-board button{padding-inline:12px;min-height:36px}.timer-copy strong{font-size:25px}.sandglass{font-size:31px}.decision-options{gap:9px}.decision-options button{font-size:9px;padding-inline:12px}.decision-prompt{font-size:13px}.history-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-block:17px}.history-strip p{flex:1;min-width:220px;font-size:9px;line-height:1.9}.history-strip button{font-size:9px;margin-left:32px}.history-strip>span{font-size:22px}.placeholder-hero{padding-top:35px;padding-bottom:26px}.placeholder-hero .eyebrow{font-size:7px;letter-spacing:1.5px}.development-label{top:28px;font-size:7px;padding:5px 9px}.development-label .live-dot{width:4px;height:4px;margin-right:4px}.placeholder-hero h1{font-size:29px;line-height:1.8;margin-top:25px}.placeholder-hero p{font-size:10px;line-height:2.3}.work-grid{grid-template-columns:1fr;gap:20px}.work-grid article{padding:25px}.tool-icon{font-size:42px;margin-top:13px}.tool-number{font-size:8px}.work-grid h2{font-size:23px;margin-top:5px;margin-bottom:16px}.work-grid p{font-size:11px;min-height:0;line-height:2.1}.work-grid p br{display:block}.plan-tags{margin-block:19px 24px}.planned{font-size:9px}.work-footer{flex-wrap:wrap;gap:11px;padding-bottom:37px;margin-top:30px}.work-footer p{min-width:240px;font-size:10px}.work-footer>a{margin-left:35px;font-size:10px}.more-wrap{padding-top:38px;padding-bottom:45px}.more-art{width:240px;height:205px}.more-wrap h1{font-size:30px;line-height:1.75}.more-wrap p{font-size:11px;line-height:2.3;margin-bottom:25px}.footer{padding-block:23px;gap:12px}.footer>a{font-size:13px}.footer>a>span{font-size:18px;margin-left:4px}.footer>small{font-size:7px}.dialog-bottom{padding:15px;gap:18px}.dialog-bottom h2{font-size:15px}.dialog-bottom .button{font-size:9px;min-height:36px;padding-inline:13px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.brand{font-size:15px;gap:7px}.brand img{width:32px;height:32px}.brand small{font-size:5px}.sound-toggle{font-size:8px;padding-inline:7px}.hero-copy h1{font-size:34px}.companion-scene{height:320px}.care-toolbar button{font-size:9px}.care-toolbar button>span{font-size:16px}.care-meters{gap:12px}.care-meters meter{width:48px}.detail-top{gap:14px;padding-inline:15px}.detail-info h2{font-size:21px}.friend-quote{margin-inline:15px}.task-section{padding-inline:15px}.task-section h3{font-size:16px}.friend-grid{gap:16px 10px}.friend-tile strong{font-size:10px}.work-grid p br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body[data-visibility=hidden] *{animation-play-state:paused!important}
.crop-window{display:block;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);overflow:hidden}
.friend-stage .particle{z-index:4;pointer-events:none}.page h1:focus{outline:none}.step-button:focus-visible,.match-option:focus-visible{outline-offset:2px}
/* Keep the full companion silhouette inside its stage at every viewport. */
.pigmi-hit{width:min(80%,360px);left:50%;translate:-50% 0;bottom:18px}
@media(min-width:1500px){.pigmi-hit{width:min(78%,390px);left:50%;bottom:18px}}
@media(max-width:900px){.pigmi-hit{width:min(90%,310px);left:50%;bottom:16px}}
@media(max-width:640px){.pigmi-hit{width:min(95%,315px);left:50%;bottom:12px}}
@media(max-width:360px){.pigmi-hit{width:min(96%,290px);left:50%;bottom:12px}}
/* Hand-drawn frame animations replace the earlier single-image motion. */
.portrait .character-frame{position:static;max-width:100%;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;pointer-events:none}
.friend-stage .portrait,.pigmi-sprite{animation:none!important;transform:none!important}
.pigmi-hit{width:min(80%,360px);bottom:28px}.friend-stage{padding:9px}.friend-stage .portrait{border:0;background:transparent!important;box-shadow:none;border-radius:0}
.pose-gallery{display:flex;gap:13px;margin:0 26px 22px;border-top:1px solid #dce3cf;padding-top:17px}.pose-gallery button{background:#f9faef;border:1px solid #d9e2cb;border-radius:10px;display:flex;align-items:center;gap:6px;padding:3px 12px 3px 4px;font-size:9px;min-width:0;flex:1;justify-content:center}.pose-gallery img{width:49px;height:49px;object-fit:contain}.pose-gallery button[aria-pressed=true]{background:#dee9cd;border-color:#9eb882}.friend-tile .portrait{padding:3px;background:#edf0e2!important}.peek .portrait{background:#e9eedd!important;padding:3px}
.bubble-item{animation:none!important;border:0;background:transparent;padding:0}.bubble-item>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b7c9a1;border-radius:50%;background:#f9fcf0bb;animation:bubble-float 2.6s ease-in-out infinite alternate;pointer-events:none}.bubble-item:nth-child(2)>span{animation-delay:-1s}.bubble-item:nth-child(3)>span{animation-delay:-2s}
.pet-widget{position:fixed;bottom:18px;right:21px;width:193px;z-index:35;display:flex;flex-direction:column;align-items:stretch;filter:drop-shadow(0 5px 7px #3c522317)}
.pet-top{display:flex;align-items:center;gap:5px;justify-content:end;background:#fafbf0e6;border:1px solid #cfdcbc;border-radius:20px;padding:3px 5px 3px 10px;align-self:end;max-width:100%;backdrop-filter:blur(5px)}
.pet-top>span{font-size:8px;letter-spacing:.3px;white-space:nowrap;margin-right:3px;color:#788d61}.pet-top button{width:25px;height:25px;border-radius:50%;background:transparent;font-size:18px;line-height:1;display:grid;place-items:center}.pet-top button:hover{background:#e0e9d1}.pet-top #petMenuToggle{font-weight:700;font-size:17px}
.floating-pet-body{border:0;padding:0;background:none;width:180px;height:180px;align-self:end;position:relative;z-index:1;transform:none!important}.floating-pet-body img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #53662c0c)}.floating-pet-body:focus-visible{border-radius:50%;outline-offset:-7px}
.pet-speech{background:#fffdf1ed;border:1px solid #d7e1c8;border-radius:15px 15px 3px 15px;font-size:10px;line-height:1.8;padding:11px 14px;margin-bottom:10px;margin-left:-42px;color:#64794c;box-shadow:0 4px 14px #384d2310;backdrop-filter:blur(5px)}
.pet-actions{background:#f8faeeed;border:1px solid #cbd9b9;border-radius:13px;padding:13px;width:244px;align-self:end;backdrop-filter:blur(7px);box-shadow:0 6px 18px #3e57221a;margin-top:-8px;position:relative;z-index:2}
.pet-menu-title{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin-bottom:11px}.pet-menu-title>span{font-size:8px;color:#859771}.pet-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pet-action-grid button{border:1px solid #d4dfc4;border-radius:8px;background:#fcfdf4;font-size:10px;min-height:36px;padding:7px 8px}.pet-action-grid button:hover{background:#e4edd7}.pet-actions>p{font-size:8px;color:#8d9b7d;line-height:1.8;margin:11px 1px 1px}
.pet-launcher{position:fixed;bottom:20px;right:20px;width:66px;z-index:35;border:1px solid #cbd9b6;border-radius:50% 50% 14px 14px;padding:2px 5px 5px;background:#f6f9edee;box-shadow:0 4px 18px #3b532318;backdrop-filter:blur(4px)}.pet-launcher img{width:54px;height:54px;object-fit:contain}.pet-launcher>span{font-size:8px;display:block;white-space:nowrap;color:#7f9369}
@media(max-width:900px){.pet-widget{width:170px;right:15px;bottom:15px}.floating-pet-body{width:157px;height:157px}.pet-top>span{font-size:7px}.pet-speech{font-size:9px;margin-left:-38px}.pose-gallery{margin-inline:18px;gap:8px}.pose-gallery button{padding:3px 7px 3px 2px;font-size:8px;gap:2px}.pose-gallery img{width:40px;height:40px}}
@media(max-width:640px){.pigmi-hit{width:min(95%,315px);bottom:17px}.pet-widget{width:141px;right:11px;bottom:12px}.floating-pet-body{width:135px;height:135px}.pet-top{padding:2px 3px 2px 8px;gap:2px}.pet-top>span{font-size:7px;max-width:89px;overflow:hidden;text-overflow:ellipsis}.pet-top button{width:22px;height:23px;font-size:17px}.pet-top #petMenuToggle{font-size:15px}.pet-speech{font-size:9px;margin-left:-60px;padding:9px 12px;margin-bottom:8px}.pet-actions{width:229px;padding:12px;margin-top:-4px}.pet-action-grid button{min-height:36px;font-size:10px}.pet-launcher{right:12px;bottom:13px;width:60px;padding-inline:4px}.pet-launcher img{width:50px;height:50px}.pet-launcher>span{font-size:7px}.pose-gallery{margin:0 18px 19px;padding-top:14px;gap:7px}.pose-gallery button{padding:2px 4px 3px 2px;font-size:8px;gap:0}.pose-gallery img{width:41px;height:41px}.friend-stage{padding:3px}.friend-tile .portrait{padding:2px}}
@media(prefers-reduced-motion:reduce){.bubble-item>span{animation:none!important}}

.detail-info p{font-size:12px;line-height:2}.task-intro,.task-status{font-size:11px}.source-line,.source-line button{font-size:9px}.friend-tile strong{font-size:12px}
@media(max-width:640px){.detail-info p{font-size:11px;line-height:1.95}.task-intro,.task-status{font-size:10px}.source-line,.source-line button{font-size:8px}.friend-tile strong{font-size:12px}.friend-tile small{font-size:8px}}

/* A quiet illustrated postcard; all character interaction lives in the floating pet. */
.brand img{object-fit:contain}.home-scene{position:relative;min-width:0;margin:0 0 0 5px;padding:9px;background:#eef1e4;border:1px solid #d7dfc9;border-radius:160px 160px 15px 15px;transform:rotate(1deg)}
.home-scene:before{content:'';position:absolute;inset:-9px 8px 8px -9px;border:1px dashed #bdcaa5;border-radius:inherit;transform:rotate(-2deg);pointer-events:none;z-index:-1}
.home-scene-art{overflow:hidden;border-radius:151px 151px 6px 6px;background:#e6ebd5}.home-scene-art img{width:100%;height:380px;object-fit:cover;object-position:53% center}
.home-scene figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 14px 10px}.home-scene figcaption>span:first-child{font:500 17px var(--serif);white-space:nowrap}.home-scene figcaption small{display:block;font:7px/2.4 sans-serif;letter-spacing:1.6px;color:#8d9b79}.home-scene figcaption p{font-size:10px;line-height:1.8;color:#7e8f68;margin:0}.postcard-flower{font-size:27px;color:#a7b584}
.hero-pet-note{font-size:10px;color:#8a9778;line-height:1.8}.home-friends{border-top:1px solid var(--line)}
.pet-actions .care-meters{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #dce3cf}.pet-actions .care-meters>div{display:grid;grid-template-columns:52px 1fr 20px;gap:8px;font-size:8px}.pet-actions .care-meters meter{width:100%;height:7px}
@media(max-width:900px){.home-scene{border-radius:130px 130px 15px 15px}.home-scene-art{border-radius:121px 121px 6px 6px}.home-scene-art img{height:355px}.home-scene figcaption{padding-inline:8px}.home-scene figcaption p{font-size:9px}.postcard-flower{display:none}.hero-actions{gap:18px}.hero-pet-note{font-size:9px}}
@media(max-width:640px){.home-scene{margin:7px 4px 0;padding:7px;border-radius:135px 135px 13px 13px}.home-scene-art{border-radius:128px 128px 5px 5px}.home-scene-art img{height:315px;object-position:53% center}.home-scene figcaption{padding:12px 10px 7px}.home-scene figcaption>span:first-child{font-size:16px}.home-scene figcaption p{font-size:9px;max-width:130px}.hero-pet-note{font-size:9px;max-width:105px}.home-friends{margin-top:7px}.pet-actions .care-meters{margin-top:0}}
@media(max-width:360px){.home-scene-art img{height:280px}.hero-actions{gap:15px}.hero-pet-note{font-size:8px;max-width:91px}.hero-actions .button{padding-inline:18px;gap:15px}}

/* Bottom spring menu and the shy edge-peeking companion. */
.pet-widget{pointer-events:none;filter:none}.pet-character{display:flex;flex-direction:column;align-items:stretch;transform:translateY(calc(-1 * var(--pet-lift,0px)));transform-origin:65% 90%;filter:drop-shadow(0 5px 7px #3c522317);will-change:transform}.pet-character>*{pointer-events:auto}.pet-actions{position:absolute;bottom:0;right:0;width:300px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 260px);overflow-y:auto;overscroll-behavior:contain;padding:11px 17px 15px;margin:0;border-radius:22px 22px 15px 15px;background:#f8faeef5;pointer-events:auto;transform-origin:50% 100%;box-shadow:0 -5px 35px #3e57221b,0 8px 18px #3e572218}
.pet-sheet-handle{width:31px;height:3px;border-radius:3px;background:#c4d1b1;margin:0 auto 11px}.pet-menu-title{gap:8px;margin-bottom:12px;font-size:12px}.pet-menu-title>span:first-child{font-size:12px;color:var(--ink);flex:1}.pet-menu-title>span:nth-child(2){font-size:9px;white-space:nowrap}.pet-menu-title button{background:#e8eedc;width:25px;height:25px;border-radius:50%;font-size:17px;display:grid;place-items:center}.pet-action-grid{gap:8px}.pet-action-grid button{min-height:42px;font-size:11px;transition:background .16s,scale .16s}.pet-action-grid button:active{scale:.96}.pet-actions>p{font-size:9px}.pet-actions .care-meters>div{font-size:9px;grid-template-columns:54px 1fr 20px}.pet-speech{pointer-events:none}.pet-launcher{right:-37px;bottom:67px;width:96px;height:100px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;filter:drop-shadow(-3px 3px 4px #354d2320);transition:right .25s cubic-bezier(.16,1,.3,1)}.pet-launcher img{width:94px;height:94px;max-width:none;object-fit:contain;rotate:-18deg;animation:pet-edge-watch 6.8s ease-in-out infinite;transform-origin:75% 65%}.pet-launcher:hover,.pet-launcher:focus-visible{right:-20px}.pet-launcher>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pet-launcher:focus-visible{outline-offset:-4px;border-radius:45%}
@keyframes pet-edge-watch{0%,55%,100%{transform:translateX(0) rotate(0)}65%,76%{transform:translateX(-4px) rotate(-5deg)}88%{transform:translateX(2px) rotate(3deg)}}
@media(max-width:640px){.pet-actions{width:285px;max-height:calc(100dvh - 215px);padding:10px 15px 13px}.pet-launcher{right:-34px;bottom:58px;width:86px;height:90px}.pet-launcher img{width:86px;height:86px}.pet-launcher:hover,.pet-launcher:focus-visible{right:-18px}}
@media(max-height:580px){.pet-widget{width:135px}.pet-widget .floating-pet-body{width:120px;height:120px}.pet-widget.menu-open .pet-speech{display:none}.pet-actions{max-height:calc(100dvh - 200px)}}
@media(prefers-reduced-motion:reduce){.pet-character{will-change:auto}.pet-launcher img{animation:none}.pet-launcher{transition:none}}

/* Fit controls to the visible drawing rather than the sprite's transparent canvas. */
.pet-widget{--pet-size:180px;--pet-crop-top:100;--peek-size:94px}.pet-travel{position:relative;transform-origin:0 0}.pet-character{position:relative}.pet-character .floating-pet-body{width:var(--pet-size);height:calc(var(--pet-size) * (310 - var(--pet-crop-top)) / 320);overflow:visible}.floating-pet-body #floatingPetImage{position:absolute;left:0;top:calc(var(--pet-size) * var(--pet-crop-top) / -320);width:var(--pet-size);height:var(--pet-size);max-width:none;pointer-events:none}.pet-character .pet-top{position:absolute;bottom:calc(100% + 5px);right:0;z-index:2}.pet-character .pet-speech{position:absolute;bottom:calc(100% + 43px);right:0;width:230px;max-width:calc(100vw - 30px);margin:0;padding:9px 12px;font-size:10px}.pet-travel-head{position:absolute;left:calc(100% - var(--pet-size) * .58 - var(--peek-size) / 2);top:calc(50% - var(--peek-size) / 2);width:var(--peek-size);height:var(--peek-size);max-width:none;rotate:-18deg;transform-origin:75% 65%;opacity:0;pointer-events:none!important}.pet-launcher.pet-transferring{opacity:0;pointer-events:none;transition:none}.pet-launcher.pet-transferring img{animation:none}.pet-actions{padding-top:8px}.pet-sheet-handle{margin-bottom:7px}.pet-menu-title{margin-bottom:8px}.pet-actions .care-meters{margin:11px 0 0;padding:10px 0 0;border-bottom:0;border-top:1px solid #dce3cf;gap:5px}.pet-actions>p{margin-top:8px}.pet-action-grid button{min-height:40px}
@media(max-width:900px){.pet-widget{--pet-size:157px}}
@media(max-width:640px){.pet-widget{--pet-size:135px;--peek-size:86px}.pet-character .pet-speech{font-size:9px;width:205px;bottom:calc(100% + 39px)}.pet-character .pet-top{bottom:calc(100% + 4px)}.pet-actions .care-meters{margin-top:10px}}
@media(max-height:580px){.pet-widget{--pet-size:120px}}