@font-face{font-family:Fraunces;src:url('./fonts/fraunces.ttf')}@font-face{font-family:'DM Sans';src:url('./fonts/dm-sans.ttf')}
:root{color-scheme:dark;--ink:#eee9d9;--muted:#b5b9a7;--surface:#202c26;--accent:#d9deb4;--line:#435044}
[hidden]{display:none!important}
.visits{position:fixed;top:145px;right:44px;display:flex;align-items:center;gap:7px;pointer-events:none;font-size:10px;line-height:1.5;letter-spacing:.025em;color:var(--muted);font-variant-numeric:tabular-nums}.visits:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.7}
@media(max-width:700px){.visits{top:112px;right:24px;font-size:9px}}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101c1b;color:var(--ink)}body{font:400 13px/1.5 'DM Sans',sans-serif}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid #e3c895;outline-offset:5px}button{transition:background .18s,color .18s,transform .18s}button:active{transform:scale(.96)}::selection{background:#c9d2a5;color:#19221c}button:disabled{opacity:.45;cursor:wait}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}#world{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline-offset:-8px}main{height:100%}.masthead{position:fixed;top:36px;left:42px;right:40px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.wordmark{font:400 32px/1.2 Fraunces,Georgia,serif;letter-spacing:-.035em}.title-star{color:#c9ce9a;display:inline-block;font:24px/1 Georgia;margin-left:12px;vertical-align:middle}.identity p{margin:8px 0 0;color:var(--muted);font-size:12px;letter-spacing:.015em}.world-actions{display:flex;gap:8px;pointer-events:auto}.icon-button{border:0;background:transparent;width:40px;height:40px;display:grid;place-items:center;color:#ced0bc;border-radius:50%}.icon-button:hover{background:#ffffff10;color:#fff8e5}.companion{position:fixed;left:44px;top:145px;color:#cbd0bb;font-size:11px;display:flex;gap:8px;align-items:center;pointer-events:none}.alive-dot{width:5px;height:5px;background:#b9ce88;border-radius:50%;box-shadow:0 2px 6px #9dc38244}.interaction-hint{position:fixed;bottom:153px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;white-space:nowrap;font-size:12px;color:#d7dac2;pointer-events:none}.hint-mark{width:12px;height:12px;border:1px solid #b7c29a;border-radius:50%;position:relative}.hint-mark:after{content:'';position:absolute;inset:3px;background:#b7c29a;border-radius:50%}.tool-dock{position:fixed;bottom:66px;left:50%;transform:translateX(-50%);display:flex;align-items:center;padding:7px;gap:3px;background:#202a24;box-shadow:0 12px 40px #0005;border-radius:18px;white-space:nowrap}.tool{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;border-radius:12px;color:#bdc2b0;font-size:12px;min-height:44px}.tool:hover{background:#344033;color:#f3f3dc}.tool.active{background:#d9deb4;color:#283224}.tool kbd{font:10px 'DM Sans',sans-serif;opacity:.5;margin-left:4px}.dock-divider{height:23px;width:1px;background:#48513f;margin:0 5px}footer{position:fixed;bottom:24px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a5af9b;letter-spacing:.035em;pointer-events:none}footer div{display:flex;gap:24px;pointer-events:auto}footer button{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:7px;padding:3px}footer button svg{width:13px;height:13px}footer button:hover{color:#eee9d9}.popover{position:fixed;bottom:139px;left:50%;transform:translateX(65px);width:300px;padding:22px;background:#243128;border-radius:16px;box-shadow:0 16px 50px #0005}.popover[hidden]{display:none}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin:-4px -7px 0 0}.panel-heading h2{font:400 22px/1.25 Fraunces,serif;margin:0;letter-spacing:-.025em}.panel-heading .icon-button{width:30px;height:30px}.panel-heading svg{width:15px;height:15px}.panel-note{font-size:11px;color:#c0c6b0;margin:14px 0}.swatches{display:flex;gap:10px;margin:13px 0 23px;align-items:center}.swatch{border:0;border-radius:50%;width:28px;height:28px;background:var(--swatch);padding:0;flex-shrink:0}.swatch.selected{outline:1px solid #eff0d1;outline-offset:4px}.custom-color{width:26px;height:28px;position:relative;display:grid;place-items:center;color:#e7e5cc;cursor:pointer}.custom-color svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}.custom-color input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#e0e2cc;margin-top:15px}.range-label span{color:#aebaa2;font-size:10px}input[type=range]{width:100%;height:25px;appearance:none;background:transparent;accent-color:#d9deb4;margin:3px 0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#56624b;border-radius:2px}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#d9deb4;margin-top:-4.5px}input[type=range]::-moz-range-track{height:3px;background:#56624b}input[type=range]::-moz-range-thumb{border:0;width:12px;height:12px;border-radius:50%;background:#d9deb4}.text-button{display:flex;align-items:center;width:100%;gap:9px;border:0;background:transparent;padding:15px 0 0;margin-top:13px;border-top:1px solid #44523e;font-size:11px}.text-button svg{width:16px;height:16px;color:#c0cca8}.toggle{margin-left:auto;width:27px;height:15px;border-radius:10px;background:#56604e;padding:3px}.toggle:after{content:'';display:block;width:9px;height:9px;background:#dce1c1;border-radius:50%;transition:transform .2s}.toggle.on{background:#828f64}.toggle.on:after{transform:translateX(12px)}.plant-options{display:flex;gap:5px}.plant-options button{border:1px solid #526045;background:transparent;padding:9px 10px;border-radius:8px;font-size:10px}.plant-options button.selected{background:#d4dbb0;color:#273222;border-color:#d4dbb0}.speech{position:fixed;left:50%;top:38%;background:#eae6ce;color:#39412b;padding:7px 15px;border-radius:14px;font-size:12px;pointer-events:none;opacity:0;transform:translate(-50%,-100%);transition:opacity .3s;box-shadow:0 5px 18px #0002}.speech:after{content:'';position:absolute;bottom:-5px;left:50%;border:5px solid transparent;border-top-color:#eae6ce;border-bottom:0}.speech.visible{opacity:1}#toast{position:fixed;top:95px;left:50%;transform:translateX(-50%);color:#dce1c6;background:#26342c;padding:9px 16px;border-radius:10px;font-size:12px;pointer-events:none;opacity:0;transition:opacity .2s}#toast.visible{opacity:1}#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101c1b;z-index:5;transition:opacity .6s;pointer-events:none}#loader p{color:#b7c4a7;font-size:12px}.loader-dot{width:14px;height:14px;border-radius:50%;background:#d0b17d;animation:breathe 1.5s ease-in-out infinite}#loader.ready{opacity:0}#error{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;width:80%;max-width:350px}#error p{font:28px Fraunces,serif}#error span{display:block;color:var(--muted)}#error button{background:#d9deb4;color:#283224;border:0;border-radius:8px;padding:10px 20px;margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{transform:scale(.7);opacity:.4}}
@media(max-width:700px){.masthead{left:23px;right:18px;top:25px}.wordmark{font-size:26px}.title-star{font-size:19px;margin-left:8px}.identity p{font-size:10px;margin-top:7px}.world-actions{gap:1px}.icon-button{width:32px;height:32px}.icon-button svg{width:17px;height:17px}.companion{left:25px;top:112px;font-size:10px}.tool-dock{bottom:65px;width:calc(100% - 32px);max-width:440px;justify-content:space-around;padding:6px;border-radius:16px;gap:0}.tool{flex-direction:column;gap:5px;font-size:10px;padding:8px 10px;min-width:54px;min-height:54px}.tool svg{width:19px;height:19px}.tool kbd{display:none}.dock-divider{margin:0 2px;height:28px}.interaction-hint{bottom:151px;font-size:11px}.popover{left:auto;right:16px;bottom:146px;transform:none;width:285px;padding:20px}footer{left:22px;right:22px;bottom:22px;font-size:9px}footer>span{max-width:145px}footer div{gap:14px}#toast{top:145px;max-width:85%;white-space:nowrap;font-size:11px}.speech{font-size:11px}.world-actions #photo{display:none}}
@media(max-width:380px){.wordmark{font-size:23px}.identity p{font-size:9px}.masthead{left:18px;right:14px}.tool{padding:8px;min-width:50px}footer>span{max-width:125px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}