.life-view{position:absolute;inset:0;z-index:3;pointer-events:none;--world-color:#a8d9cb;overflow:hidden;border-radius:inherit}
.life-view[data-world="storm"]{--world-color:#e8ac79}.life-view[data-world="choir"]{--world-color:#b9d3fa}
.field[data-world="storm"] .field-haze{background:radial-gradient(ellipse at 39% 53%,#e66e2724,transparent 38%),radial-gradient(ellipse at 64% 51%,#8c39dc28,transparent 40%)}.field[data-world="choir"] .field-haze{background:radial-gradient(ellipse at 39% 53%,#d8e2ff18,transparent 38%),radial-gradient(ellipse at 64% 51%,#426fec26,transparent 40%)}.field[data-dreaming="true"] .field-haze{opacity:.5}
.life-bonds{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.life-bonds path{fill:none;stroke:var(--world-color);stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:3 6}
.life-creature{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);padding:7px;border:0;background:none;color:#ede7df;cursor:pointer;transition:left 1.3s ease,top 1.3s ease;max-width:220px;min-height:44px;isolation:isolate}
.life-body{display:flex;align-items:center;position:relative;min-height:34px;padding:8px 15px 10px;border:1px solid color-mix(in srgb,var(--life-color) 42%,transparent);border-radius:48% 54% 43% 51% / 60% 50% 53% 42%;background:linear-gradient(120deg,color-mix(in srgb,var(--life-color) 12%,#101119),#10111bdd);box-shadow:0 0 24px color-mix(in srgb,var(--life-color) 12%,transparent),inset 0 0 15px color-mix(in srgb,var(--life-color) 8%,transparent);animation:life-float 8s ease-in-out infinite;animation-delay:var(--life-delay);transition:box-shadow .4s,border-radius 1.5s,opacity 2s}
.life-word{position:relative;font:italic 13px/1.3 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:185px;letter-spacing:.015em}
.life-vitality{position:absolute;bottom:4px;left:43%;width:14%;height:2px;transform:scaleX(var(--life-energy));transform-origin:left;background:var(--life-color);opacity:.65;border-radius:2px}
.life-tendrils{position:absolute;inset:0;z-index:-1}.life-tendrils:before,.life-tendrils:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--life-color) 35%,transparent);border-top:0;border-right:0;width:21px;height:25px;border-radius:0 0 0 80%;left:5px;bottom:-13px;transform:rotate(25deg)}.life-tendrils:after{left:auto;right:7px;bottom:-8px;width:13px;height:19px;transform:rotate(-44deg)}
.life-creature[data-voice="1"] .life-body{border-radius:35% 60% 40% 60%}.life-creature[data-voice="0"] .life-body{border-radius:28px 18px 30px 15px}.life-creature[data-dream="true"] .life-body{border-style:dashed}
.life-creature:hover .life-body,.life-creature[data-selected="true"] .life-body{border-color:var(--life-color);box-shadow:0 0 30px color-mix(in srgb,var(--life-color) 27%,transparent)}.life-creature:focus-visible{outline:1px solid #eee5d7;outline-offset:3px;border-radius:24px}
.life-person{position:absolute;padding-left:10px;font:9px/1.4 ui-monospace,monospace;letter-spacing:.02em;color:var(--life-color);opacity:.7;white-space:nowrap;transition:left .6s,top .6s;text-shadow:0 1px 5px #000}.life-person:before{content:"";position:absolute;left:0;top:4px;width:4px;height:4px;border-radius:50%;background:var(--life-color);box-shadow:0 0 8px var(--life-color)}
.life-ritual{position:absolute;top:29%;left:0;width:100%;text-align:center;font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:var(--world-color);opacity:.8}
.life-release-ring{position:absolute;left:50%;top:57%;width:28%;aspect-ratio:1;border:1px solid var(--world-color);border-radius:50%;transform:translate(-50%,-50%);opacity:0}
.life-view[data-ritual="release"] .life-release-ring{animation:life-release 5s ease-out infinite}.life-view[data-ritual="stillness"] .life-body{border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--life-color) 22%,transparent)}.life-view[data-ritual="convergence"] .life-body{animation:life-cohere 7s ease-in-out infinite;animation-delay:0s}.life-view[data-ritual="crystallize"] .life-body{animation-play-state:paused;border-radius:6px 18px 6px 18px}.life-view[data-dreaming="true"] .life-body{animation-duration:16s;opacity:.62}
@keyframes life-float{0%,100%{transform:translateY(-3px) rotate(-2deg)}50%{transform:translateY(4px) rotate(2deg)}}@keyframes life-cohere{0%,100%{transform:rotate(-4deg) translateY(-2px)}50%{transform:rotate(4deg) translateY(3px)}}@keyframes life-release{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}20%{opacity:.25}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
@media(max-width:600px){.life-creature{max-width:150px}.life-body{padding:7px 10px 9px}.life-word{font-size:11px;max-width:126px}.life-person{font-size:8px}.life-ritual{font-size:8px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){.life-body,.life-view[data-ritual="convergence"] .life-body,.life-view[data-ritual="release"] .life-release-ring{animation:none}.life-creature,.life-person{transition:none}.life-view[data-ritual="release"] .life-release-ring{opacity:.18}}

.life-body:before{content:"";position:absolute;left:-3px;top:40%;width:5px;height:5px;border-radius:50%;background:var(--life-color);box-shadow:0 0 9px var(--life-color)}.life-creature[data-mood="electric"] .life-body{border-radius:32% 65% 40% 25%;}.life-creature[data-mood="electric"] .life-tendrils:after{transform:rotate(-68deg)}