:root{--paper:#f1ecdf;--ink:#3d4436;--muted:#7c806b;--green:#596b48}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 "Avenir Next","PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #a78448;outline-offset:5px}header{height:82px;padding:0 5%;border-bottom:1px solid #dcd8c9;display:flex;align-items:center;justify-content:space-between}.back{font-size:12px;color:var(--muted)}.brand{font:20px "Songti SC",serif;letter-spacing:3px}.badge{font-size:10px;border:1px solid #c9ceba;border-radius:20px;padding:5px 12px;color:var(--green)}main{width:min(1280px,90%);margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;padding:35px 0 25px}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--muted)}h1{font:36px/1.5 "Songti SC",serif;letter-spacing:3px;margin:9px 0}.subtitle{font-size:12px;color:var(--muted);margin-bottom:0}.version{font:22px "Iowan Old Style",serif;letter-spacing:4px;text-align:right;color:#a29676}.version span{display:block;font:10px "PingFang SC",sans-serif;letter-spacing:2px;margin-top:9px}.stage{position:relative;height:600px;border:1px solid #ded5c1;border-radius:22px;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#f7efdc,#e0d5bd);box-shadow:0 20px 70px #65513212}#viewport{height:100%;width:100%}canvas{display:block;touch-action:pan-y;width:100%;height:100%}.scene-top,.scene-bottom{position:absolute;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.scene-top{top:20px;font-size:11px;color:#6b7259;letter-spacing:1px}.scene-top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8b9a69;margin-right:6px}.scene-top div{display:flex;gap:7px;pointer-events:auto}.scene-top button{border:1px solid #cabd9f;border-radius:20px;background:#faf5e8bb;padding:7px 12px;font-size:11px;backdrop-filter:blur(8px)}.scene-top button[aria-pressed=true]{background:#566547;color:#fffbe9}.scene-bottom{bottom:18px;font-size:10px;color:#6b6654}.scene-bottom #activity{font-size:12px;background:#fff8e6b3;padding:7px 13px;border-radius:20px}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#eee7d7;z-index:4;font-size:14px;padding:30px;text-align:center}#loading[hidden]{display:none}.speech{position:absolute;left:50%;top:20%;transform:translate(-50%,-100%);background:#fffdf0e8;border:1px solid #e3d9be;border-radius:18px 18px 18px 3px;padding:9px 17px;font:13px "Songti SC",serif;opacity:0;transition:opacity .4s;pointer-events:none;max-width:230px;white-space:nowrap}.speech.visible{opacity:1}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:23px 0}.controls button{border:1px solid #d9d4c1;border-radius:12px;padding:16px 18px;background:#f8f5eb;text-align:left;position:relative;transition:.2s}.controls button>span{float:right;font:20px "Iowan Old Style",serif;color:#b7ac8d}.controls strong{font:18px "Songti SC",serif;display:block}.controls small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.controls button:hover,.controls button.selected{border-color:#8c9b70;background:#e6e9d9;transform:translateY(-2px)}footer{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;margin:25px 0 35px}footer p{margin:0}footer a{color:var(--green)}@media(min-width:1600px){.stage{height:680px}}@media(max-width:700px){header{height:68px}.brand{font-size:15px;letter-spacing:1px}.back{font-size:10px}.badge{font-size:8px;padding:4px 8px}main{width:94%}.intro{padding:23px 7px 19px}.eyebrow{font-size:7px;letter-spacing:1.5px}h1{font-size:27px;letter-spacing:1px}.subtitle{font-size:10px}.version{display:none}.stage{height:490px;border-radius:15px}.scene-top,.scene-bottom{left:12px;right:12px}.scene-top{top:12px;font-size:9px;letter-spacing:0}.scene-top button{font-size:10px;padding:6px 8px}.scene-top div{gap:4px}.scene-bottom{bottom:12px;flex-direction:column;align-items:flex-start;gap:8px;font-size:9px}.scene-bottom #activity{font-size:11px}.controls{grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}.controls button{padding:13px}.controls strong{font-size:16px}.controls small{font-size:9px}footer{flex-direction:column;padding:0 7px}.speech{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.movement-controls{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:2px 0 10px}.movement-controls>span{font-size:11px;color:var(--muted);margin-right:8px}.movement-controls button{border:1px solid #ccc7b3;border-radius:20px;background:#fbf8ee;padding:7px 16px;font-size:12px}.movement-controls button.selected{background:#e6e9d9;border-color:#8c9b70}@media(max-width:700px){.scene-top>span{display:none}.scene-top{justify-content:flex-end}.movement-controls{gap:6px}.movement-controls>span{width:100%;text-align:center;font-size:10px;margin-bottom:2px}.movement-controls button{font-size:10px;padding:7px 11px}}
/* A fixed photographic composition; no character locomotion or 3D rig. */
.stage{height:auto;aspect-ratio:1536/1024;background:#c4a37d}.room-layer{position:absolute;inset:0;background:url('../assets/room-epaper-v1.webp') center/100% 100%;transform-origin:50% 66%;transition:transform 1s,filter 1s}.stage.closeup .room-layer{transform:scale(1.32)}.stage.night .room-layer{filter:brightness(.50) saturate(.72)}.stage.night .scene-top{color:#f7ead1}.stage.night .scene-bottom>span:last-child{color:#f7ead1}#pet{position:absolute;left:38%;bottom:21%;width:24%;aspect-ratio:560/440;border:0;padding:0;background:transparent center bottom/contain no-repeat;transform-origin:50% 100%;filter:brightness(.91) saturate(.85) drop-shadow(-3px 3px 2px #71502f25);-webkit-tap-highlight-color:transparent}.contact-shadow{position:absolute;left:38.5%;bottom:20%;width:25%;height:3%;background:radial-gradient(ellipse,#4d2c0d70 0%,#66412035 35%,transparent 72%);transform:rotate(-5deg);filter:blur(4px)}.speech{left:53%;top:45%}.stage.closeup .speech{top:39%}#pet:focus-visible{outline:2px solid #fff3cd;outline-offset:8px;border-radius:50%}.stage.is-paused .room-layer{transition:none}.scene-bottom #activity{backdrop-filter:blur(8px)}@media(max-width:700px){.stage{height:auto;aspect-ratio:1/1.14}.room-layer{left:-38%;right:-38%;background-size:100% 100%}#pet{left:36%;width:28%;bottom:23%}.contact-shadow{left:36%;width:29%;bottom:22%}.speech{top:47%;left:53%}.scene-bottom>span:last-child{display:none}.scene-top>span{display:none}.scene-top{justify-content:flex-end}.stage.closeup .room-layer{transform:scale(1.18)}.scene-top button{background:#fff9e8e0}}

#pet{aspect-ratio:560/600}.speech{top:35%}.stage.closeup .speech{top:23%}@media(max-width:700px){.stage{aspect-ratio:1.5}.room-layer{left:0;right:0}#pet{left:36%;width:28%;bottom:21%}.contact-shadow{left:36%;width:29%;bottom:20%}.speech{top:25%;padding:5px 10px;font-size:10px}.scene-top{top:8px}.scene-bottom{bottom:7px}.scene-bottom #activity{font-size:9px;padding:5px 8px}}

.pet-art{position:absolute;inset:0;background:transparent center bottom/contain no-repeat;transform-origin:50% 100%;pointer-events:none}