.activity{font-size:13px;color:#62705b}.room[data-action=wander] .pet-position{animation:stroll 8s linear infinite}.room[data-action=wander] .pet{animation:none}.room[data-action=play] .pet{animation:happy .7s ease-in-out infinite}.room[data-action=rare] .pet{animation:dance .8s ease-in-out infinite}.room[data-action=nap] .pet{animation:breathe 5s ease-in-out infinite}.room[data-action=nap] .shadow{opacity:.5}
.room{--walk-distance:clamp(15px,calc((100vw - 270px)/2),65px)}.room .speech{max-width:calc(100% - 24px);width:max-content;white-space:normal}
@keyframes stroll{0%,100%{transform:translateX(calc(-50% - var(--walk-distance)))}50%{transform:translateX(calc(-50% + var(--walk-distance)))}}@keyframes dance{0%,100%{transform:rotate(-10deg) translateY(-4px)}50%{transform:rotate(10deg) translateY(-10px)}}
@media(prefers-reduced-motion:reduce){.room[data-action] .pet-position,.room[data-action] .pet{animation:none}}
.life-panel{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px}.life-panel strong{font-size:24px;font-variant-numeric:tabular-nums}.life-panel label{margin:0}.life-panel small{color:#72776a}select{font:inherit;max-width:100%;padding:7px;border:1px solid #c9cdbe;border-radius:8px;background:#fffdf8}
.bed{display:none;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);width:250px;height:65px;border-radius:22px 22px 6px 6px;background:#8797b0;border-bottom:12px solid #716652;box-shadow:0 -15px 0 #e6e0d2}.bed span{position:absolute;right:12px;top:12px;color:#fff;font-size:12px}
.room[data-life=morning] .window{background:linear-gradient(#ffe2a9,#d5e8dc)}.room[data-life=evening]{background:linear-gradient(#e7d0bf 76%,#b79784 76%)}.room[data-life=evening] .window{background:linear-gradient(#d69c94,#f5d2a0)}.room[data-life=drowsy],.room[data-life=sleep]{background:linear-gradient(#536076 76%,#424a60 76%)}.room[data-life=drowsy] .window,.room[data-life=sleep] .window{background:linear-gradient(#23314e,#506189)}.room[data-life=drowsy] .hint,.room[data-life=sleep] .hint{color:#e4e5ee}.room[data-life=drowsy] .pet{animation-duration:9s}.room[data-life=sleep] .bed{display:block}.room[data-life=sleep] .pet-position{bottom:83px}.room[data-life=sleep] .pet{animation:breathe 5s ease-in-out infinite;transform-origin:50% 100%}.room[data-life=sleep] .shadow{display:none}
@keyframes breathe{0%,100%{transform:translateY(16px) rotate(-8deg) scale(.84)}50%{transform:translateY(18px) rotate(-8deg) scale(.85)}}
@media(prefers-reduced-motion:reduce){.room[data-life=sleep] .pet{animation:none;transform:translateY(16px) rotate(-8deg) scale(.84)}}
textarea{display:block;width:100%;font:13px ui-monospace,monospace;border:1px solid #c9cdbe;border-radius:8px;padding:10px;margin-bottom:12px;resize:vertical}
#avatar{display:block;width:216px;height:234px;background-image:url('../outputs/rensouhou-chan/spritesheet.webp');background-size:800% 1100%;pointer-events:none}.name-row button{white-space:nowrap;flex-shrink:0}
:root{font-family:system-ui,-apple-system,sans-serif;color:#343b43;background:#f5f2eb;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1000px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h1{font-size:26px;margin:0}h2{font-size:17px;margin:0 0 6px}.eyebrow{margin:0;color:#787b70;font-size:13px;letter-spacing:.1em}.phase{font-size:12px;background:#e1e9df;color:#49604a;padding:7px 12px;border-radius:20px}
.room{height:385px;background:linear-gradient(to bottom,#e9e2d2 0 76%,#c9b594 76% 77%,#dcc9aa 77%);border:1px solid #ded5c5;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 10px 35px #665b4210}.window{position:absolute;left:10%;top:42px;width:150px;height:125px;background:linear-gradient(#b8d8df,#d5e8dc);border:9px solid #f8f3e9;box-shadow:0 4px 0 #c4b9a5}.window:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:6px;background:#f8f3e9}.cloud{position:absolute;left:12px;top:20px;width:65px;height:15px;background:#ffffff99;border-radius:50%}.shelf{position:absolute;right:12%;top:132px;width:125px;height:9px;background:#b6a182;box-shadow:0 5px 0 #b6a18240}.speech{position:absolute;left:50%;top:33px;transform:translateX(-50%);margin:0;padding:10px 22px;background:#fffdf7;border-radius:20px;text-align:center;font-size:15px;white-space:nowrap}
.pet-position{position:absolute;left:50%;bottom:52px;transform:translateX(-50%)}.pet{display:block;width:216px;height:234px;padding:0;border:0;background:none;cursor:pointer;transform-origin:50% 95%;animation:sway 5.6s ease-in-out infinite;touch-action:manipulation}.pet img{width:216px;height:234px;object-fit:contain;pointer-events:none;user-select:none}.pet:focus-visible{outline:3px solid #647e68;outline-offset:5px;border-radius:30px}.pet.reacting{animation:happy .5s ease-in-out 2}.shadow{height:12px;width:140px;margin:-3px auto 0;background:#69553e25;border-radius:50%;filter:blur(4px)}.hint{position:absolute;bottom:11px;width:100%;text-align:center;color:#655f52;font-size:13px;margin:0}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:20px 0;background:#e2dfd5;border:1px solid #e2dfd5;border-radius:14px;overflow:hidden}.stats div{padding:16px;background:#fffdf8}.stats span{display:block;font-size:12px;color:#7c7e72}.stats strong{display:block;font-size:17px;overflow-wrap:anywhere}.controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:18px 0}label{font-size:14px;display:block;margin-bottom:8px}.name-row{display:flex;gap:8px}input{min-width:0;width:100%;font:inherit;border:1px solid #c9cdbe;border-radius:8px;padding:9px 12px;background:white}button{font:inherit;font-size:14px;border:1px solid #5d7560;background:#5d7560;color:white;border-radius:9px;padding:10px 14px;cursor:pointer}button:hover{filter:brightness(1.06)}button:disabled{opacity:.45;cursor:default}.secondary{background:#fffdf8;color:#4b5d4e;border-color:#c2cabc}.actions{display:flex;gap:9px;flex-wrap:wrap}.save-panel p{font-size:13px;margin:0 0 12px;color:#72776a}.status{font-size:13px;padding:11px 14px;background:#e7eee3;border-radius:8px}.status.error{background:#f4e0d7;color:#833b24}.import-review{padding:18px;background:#fff8df;border:1px solid #d8c885;border-radius:12px}details{font-size:13px;margin-top:18px;color:#6e7367}summary{cursor:pointer}footer{font-size:12px;margin-top:25px;color:#838475}a{color:#4c6b58}#id{overflow-wrap:anywhere}
@keyframes sway{0%,100%{transform:translateX(-7px) rotate(-4deg)}50%{transform:translateX(7px) rotate(4deg)}}@keyframes happy{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@media(max-width:620px){main{padding:18px}header{align-items:flex-start;flex-direction:column}h1{font-size:23px}.room{height:350px}.window{left:6%;width:90px;height:95px}.shelf{right:6%;width:65px}.stats{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr;gap:18px}.speech{top:18px}.pet-position{bottom:40px}}@media(prefers-reduced-motion:reduce){.pet,.pet.reacting{animation:none}}