/* The artwork stays intact. These small controls add optional life above it. */
.living-world{position:absolute;inset:0;z-index:4;pointer-events:none;font-family:var(--sans,Arial,sans-serif)}
.living-world[hidden],.living-world [hidden]{display:none!important}
.living-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#17363a;cursor:pointer;pointer-events:auto;isolation:isolate;-webkit-tap-highlight-color:transparent}
.living-marker{display:grid;place-items:center;width:29px;height:29px;border:1px solid #274744;background:#eff6dbeF;box-shadow:3px 3px 0 #234137;font:22px/1 var(--mono,monospace);transition:background .18s,transform .18s,box-shadow .18s}
.living-robot-label{position:absolute;top:45px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 10px;border:1px solid #254840;background:#f4f0e5f5;box-shadow:2px 2px 0 #1b40382b;font:600 12px/1.25 var(--sans,Arial,sans-serif);letter-spacing:.01em;transition:background .18s}
.living-coder .living-robot-label{left:auto;right:0;transform:none}
.living-hotspot:hover .living-marker,.living-hotspot:focus-visible .living-marker{transform:translateY(-2px);background:#dcf28b;box-shadow:3px 5px 0 #234137}
.living-hotspot:hover .living-robot-label{background:#e8f2bf}
.living-hotspot:focus-visible{outline:3px solid #173e37;outline-offset:5px;background:#edf4d7b3}
.living-caption{display:none}
.living-caption>span{margin-right:6px;color:#477253}
.living-sprigs{position:absolute;inset:0;pointer-events:none;transform:translate3d(var(--living-drift-x,0px),var(--living-drift-y,0px),0);transition:transform .45s ease-out}
.living-sprig{position:absolute;white-space:pre;font:700 13px/1 var(--mono,monospace);color:#2e6d4a;text-shadow:1px 1px #def2bb;padding:4px}
.living-sprig-two{font-size:12px;color:#356c59}
.living-garden-effect{position:absolute;width:100px;height:112px;transform:translate(-50%,-60%);pointer-events:none;filter:drop-shadow(1px 2px 0 #f1f5cd)}
.living-water{position:absolute;left:11px;top:6px;width:48px;height:70px}
.living-drop{position:absolute;left:var(--drop-x,0px);top:0;color:#2b958e;font:700 12px/1 var(--mono,monospace);opacity:0}
.is-growing .living-drop{animation:living-water 1.4s var(--drop-delay,0s) 2 both}
.living-blossom{position:absolute;left:37px;top:48px;margin:0;white-space:pre;font:700 12px/1.05 var(--mono,monospace);color:#447142;transform:scale(.05);transform-origin:50% 100%;opacity:0}
.is-growing .living-blossom{animation:living-blossom 3.5s .65s both}
.living-mini-terminal{position:absolute;box-sizing:border-box;padding:4px 5px;background:#102e2bea;border:2px solid #b9d6a7;box-shadow:0 0 14px #d6ff9355;overflow:hidden;pointer-events:none;transform:rotate(-2deg)}
.living-mini-terminal pre{margin:0;padding:0;white-space:pre-wrap;font:clamp(5px,.53vw,9px)/1.45 var(--mono,monospace);color:#d4fba1;letter-spacing:-.02em}
.living-mini-light{position:absolute;right:4px;top:4px;width:3px;height:3px;background:#d5ff9c;box-shadow:0 0 5px #d5ff9c}
.is-building .living-mini-light{animation:living-light .8s steps(2,end) infinite}
.living-toast{position:absolute;left:50%;transform:translateX(-50%);width:max-content;max-width:min(440px,calc(100% - 32px));padding:12px 14px;border:1px solid #24483f;background:#f3f0e7f5;box-shadow:4px 4px 0 #24483f3d;pointer-events:auto;color:#1c3b36;backdrop-filter:blur(6px)}
.living-toast-message{font:500 13px/1.5 var(--sans,Arial,sans-serif);margin:0 24px 8px 0}
.living-toast-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.living-toast-actions>a,.living-open-log{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;padding:0;min-height:32px;border:0;border-bottom:1px solid #46644a;background:transparent;color:#284d37;font:600 12px/1.3 var(--sans,Arial,sans-serif);cursor:pointer;text-decoration:none}
.living-toast-actions>a:hover,.living-open-log:hover{color:#091f18;border-color:#091f18}
.living-dismiss{position:absolute;right:2px;top:0;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#294537;font:22px/1 var(--sans,Arial,sans-serif);cursor:pointer}
.living-world a:focus-visible,.living-toast button:focus-visible,.living-dialog a:focus-visible,.living-dialog button:focus-visible{outline:3px solid #6a8d26;outline-offset:4px}
.living-world.is-focus-pinned .living-hotspot{top:auto!important;left:auto!important;bottom:87px;transform:none}
.living-world.is-focus-pinned .living-gardener{right:200px}
.living-world.is-focus-pinned .living-coder{right:45px}
.living-world.is-focus-pinned .living-sprigs,.living-world.is-focus-pinned .living-caption,.living-world.is-focus-pinned .living-garden-effect,.living-world.is-focus-pinned .living-mini-terminal{display:none!important}
.living-world.is-focus-pinned .living-toast{top:auto!important;bottom:156px;left:auto;right:30px;transform:none}
body.living-dialog-open{overflow:hidden}
.living-dialog{padding:0;border:2px solid #173b32;width:min(650px,calc(100% - 32px));max-height:calc(100svh - 40px);background:#f2f0e7;color:#18382f;box-shadow:9px 9px 0 #719069,0 24px 100px #0d262677;overflow:auto}
.living-dialog:not([open]){display:none}
.living-dialog::backdrop{background:#102f2aab;backdrop-filter:blur(5px)}
.living-dialog-bar{display:flex;align-items:center;justify-content:space-between;padding-left:20px;min-height:48px;background:#15372f;color:#e5efcb;font:11px/1.3 var(--mono,monospace);letter-spacing:.04em}
.living-dialog-bar>span{display:flex;align-items:center;gap:9px}
.living-dialog-bar i{width:7px;height:7px;background:#d6ec8d}
.living-close{display:grid;place-items:center;flex-shrink:0;min-width:48px;min-height:48px;padding:0;border:0;border-left:1px solid #d6ec8d66;background:transparent;color:#e5efcb;cursor:pointer;font:26px/1 var(--sans,Arial,sans-serif)}
.living-close:hover{background:#d6ec8d;color:#173b32}
.living-dialog-body{padding:34px}
.living-dialog-eyebrow{margin:0 0 16px;font:11px/1.5 var(--mono,monospace);letter-spacing:.02em;color:#547049}
.living-dialog-body h2{font:700 clamp(34px,6vw,49px)/1.05 var(--sans,Arial,sans-serif);letter-spacing:-.055em;margin:0 0 20px}
.living-dialog-body>p:not(.living-dialog-eyebrow):not(.living-dialog-note):not(.sr-only){font:16px/1.75 var(--sans,Arial,sans-serif);margin:0 0 24px;color:#45604d}
.living-terminal{border:1px solid #456148;background:#11342b;color:#daefa8;box-shadow:4px 4px 0 #b4c29a}
.living-terminal>div{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #a4c49140;color:#b8ce9c;font:10px/1.4 var(--mono,monospace)}
.living-terminal-code{min-height:144px;margin:0;padding:19px;font:13px/1.9 var(--mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;color:#e2f3b3}
.living-dialog-note{margin:15px 0 26px;font:12px/1.6 var(--sans,Arial,sans-serif);color:#647958}
.living-dialog-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.living-replay{border:0;border-bottom:1px solid #557049;padding:7px 0;background:transparent;color:#355336;font:13px/1.4 var(--sans,Arial,sans-serif);min-height:44px;cursor:pointer}
.living-dialog-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:48px;padding:13px 17px;border:1px solid #294832;background:#d9eb9b;color:#193a2b;font:600 13px/1.4 var(--sans,Arial,sans-serif);text-decoration:none}
.living-dialog-cta:hover{background:#cbdf84}
@keyframes living-water{0%{transform:translate3d(-8px,-10px,0);opacity:0}15%{opacity:1}100%{transform:translate3d(19px,62px,0);opacity:0}}
@keyframes living-blossom{0%{transform:scale(.05);opacity:0}25%,80%{transform:scale(1);opacity:1}100%{transform:scale(1);opacity:0}}
@keyframes living-light{0%{opacity:1}100%{opacity:.4}}
@media(max-width:760px){.living-robot-label{font-size:11px;padding:6px 8px;top:42px}.living-marker{width:25px;height:25px;font-size:20px;box-shadow:2px 2px 0 #234137}.living-caption{font-size:9px;padding:6px 9px}.living-sprig{font-size:9px}.living-sprig-two{font-size:8px}.living-mini-terminal{padding:2px 3px;border-width:1px}.living-mini-terminal pre{font-size:clamp(3px,1.13vw,6px);line-height:1.3}.living-mini-light{width:2px;height:2px;right:2px;top:2px}.living-garden-effect{transform:translate(-50%,-60%) scale(.7)}.living-toast{padding:10px 12px;max-width:calc(100% - 26px)}.living-toast-message{font-size:12px}.living-toast-actions{gap:10px}.living-toast-actions>a,.living-open-log{font-size:11px;min-height:34px}.living-world.is-focus-pinned .living-gardener{right:155px}.living-world.is-focus-pinned .living-coder{right:25px}}
@media(max-width:480px){.living-dialog-body{padding:25px 23px}.living-dialog-bar{font-size:9px;padding-left:14px}.living-dialog-body>p:not(.living-dialog-eyebrow):not(.living-dialog-note):not(.sr-only){font-size:15px}.living-terminal-code{font-size:11px;padding:16px;min-height:128px}.living-dialog-actions{align-items:stretch;flex-direction:column}.living-replay{align-self:flex-start}.living-dialog-cta{font-size:13px}.living-world.is-focus-pinned .living-hotspot{bottom:90px}}
@media(prefers-reduced-motion:reduce){.living-world *{animation:none!important;transition:none!important}.living-sprigs{transform:none}.is-growing .living-blossom{transform:scale(1);opacity:1}.is-growing .living-drop{opacity:.8}.living-hotspot:hover .living-marker,.living-hotspot:focus-visible .living-marker{transform:none}}