#livingView{padding:12px 12px 85px;background:linear-gradient(160deg,#331346,#58247b);color:#fff4df;overflow-y:auto;overscroll-behavior:contain}
.living-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.living-heading small{font-size:10px;color:#f4c46e;letter-spacing:2px}.living-heading h2{font:700 24px Georgia;margin:5px 0}.living-intro{font-size:12px;line-height:1.5;margin:8px 0 12px}
#livingView button{cursor:pointer;font:700 12px system-ui;border:1px solid #e1b56c;border-radius:12px;background:#fff0d6;color:#582671;padding:10px;min-height:42px}#livingView button:disabled{opacity:.5;cursor:default}#livingView button:focus-visible{outline:3px solid #8adfdd;outline-offset:2px}
.living-scroll{overflow-x:auto;border:2px solid #d5a158;border-radius:17px;background:#543926;scrollbar-width:thin}.living-room{position:relative;width:100%;min-width:430px;aspect-ratio:1.5;isolation:isolate;overflow:hidden}.living-art{position:absolute;inset:0;background:url('assets/workshop-stages.webp') 0 0/300% 200%;transition:filter .8s}.living-rays{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 25%,#ffe49930 40%,transparent 60%);opacity:0;transition:opacity 1s}.living-room:not([data-stage="0"]) .living-rays{opacity:1}
#livingView .living-zone{position:absolute;transform:translate(-50%,-50%);padding:4px 7px;min-height:36px;font-size:10px;z-index:3;background:#331346e8;color:#fff1cf;box-shadow:0 2px 6px #0006}.living-zone span{display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid #edbd6c;border-radius:50%;margin-right:4px}.living-zone.done span{background:#4a853d}.living-zone.chosen{outline:2px solid #fff0a9}
#livingView .living-lina,#livingView .living-polar{position:absolute;padding:0;border:0;background:transparent;min-height:0;transform:translate(-50%,-80%);z-index:4;transition:left .85s ease,top .85s ease;filter:drop-shadow(0 4px 2px #32170f66)}.living-lina{left:48%;top:76%;width:86px;height:126px}.living-polar{left:32%;top:87%;width:64px;height:70px}.living-sprite{display:block;width:100%;height:100%;background-image:url('assets/living-characters.webp');background-size:200% 100%;background-repeat:no-repeat}.lina-sprite{background-position:left center}.polar-sprite{background-position:right center}.living-lina b,.living-polar b{font-size:10px;background:#3c194eee;color:#fff1d5;border:1px solid #d9aa68;border-radius:20px;padding:2px 8px;position:absolute;bottom:-12px;left:50%;transform:translateX(-50%)}
.walking .living-sprite,.trotting .living-sprite{animation:living-step .18s alternate infinite}.happy .living-sprite{animation:living-hop .4s 3}.greeting .living-sprite{animation:living-wave .3s 3}.sewing .living-sprite{animation:living-wave .15s infinite;transform-origin:60% 75%}.sewing-spark{display:none;position:absolute;left:70%;top:44%;z-index:5;color:#ffe879;font-size:24px;pointer-events:none}.is-sewing .sewing-spark{display:block;animation:living-step .15s infinite}.sewing-spark span{display:inline-block;color:white}.living-celebration{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0;background:#ffde9540;color:#fff4c8;text-shadow:0 2px 4px #4f2357;font:bold 25px Georgia;z-index:6}.rebuilt .living-celebration{animation:living-rebuild 1.8s both}
.living-tools{display:flex;justify-content:space-between;align-items:center;gap:6px;margin:10px 0}.living-count{font-size:12px;white-space:nowrap}.living-speech{background:#fdf0d9;color:#573657;padding:13px;border-radius:14px;border-left:4px solid #e6b552;font-size:13px;line-height:1.5;min-height:62px}.living-task{padding:13px;border:1px solid #aa77bd;border-radius:15px;background:#ffffff0b}.living-task h3{margin:0 0 6px;font:700 18px Georgia}.living-task p{font-size:12px;line-height:1.5}.living-task button{margin:4px 5px 0 0}.living-polar-task{display:flex;align-items:center;gap:10px;margin:12px 0;padding:12px;border-radius:15px;background:#250d3b}.living-polar-task strong{font-size:13px}.living-find-status{font-size:11px;line-height:1.5;margin:5px 0}.living-play{width:100%}.living-entry{position:absolute;z-index:7;left:22%;width:56%;top:82%;min-height:36px;border-radius:20px;border:2px solid #f6cf7b;background:linear-gradient(#9245c5,#5e2589);color:#fff3cd;font:bold 12px system-ui;box-shadow:0 3px 0 #62322d;padding:8px}
@keyframes living-step{to{transform:translateY(-3px) rotate(2deg)}}@keyframes living-hop{50%{transform:translateY(-10px) rotate(-5deg)}}@keyframes living-wave{50%{transform:rotate(3deg)}}@keyframes living-rebuild{0%{opacity:0}25%,70%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){#livingView *,#livingView *:before{animation:none!important;transition:none!important}.rebuilt .living-celebration{opacity:0}}
.polar-sprite{background-size:200% 200%;background-position:right bottom}.living-polar{width:80px;height:72px}.living-lina{width:105px;height:140px}