:root{--ink:#281a13;--cream:#f8e7c4;--cream-2:#fff3d4;--teal:#1e6a68;--teal-dark:#123f3e;--cherry:#be3948;--brass:#d2a945;--cobalt:#355e83;--coral:#ef7758;--shadow:0 18px 50px #101c1b47;--font-body:"Libre Franklin", ui-sans-serif, system-ui, sans-serif;--font-display:Fraunces, Georgia, "Times New Roman", serif;color:var(--ink);font-family:var(--font-body);font-synthesis-weight:none;text-rendering:optimizelegibility;background:var(--teal-dark)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.town{height:100dvh;color:var(--cream-2);background:radial-gradient(circle at 20% 0,#d2a94533,#0000 24rem),linear-gradient(#1a4e4c,#102e2d 40%,#1c2420);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid}.town-bar{border-bottom:3px solid var(--ink);min-height:72px;color:var(--ink);box-shadow:0 4px 0 var(--brass);z-index:3;background:#fff3d4f0;align-items:center;gap:16px;padding:10px 16px;display:flex}.wordmark{font-family:var(--font-display);margin:0;font-size:1.35rem;line-height:1}.wordmark small{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:.72rem;display:block}.watch{align-items:center;gap:10px;margin-right:auto;display:flex}.watch strong,.watch small{display:block}.watch small{color:var(--teal-dark);font-size:.75rem}.watch-face{border:3px solid var(--ink);background:radial-gradient(circle at 50% 45%, #fff6d8, var(--brass) 62%, #a37b28);border-radius:50%;width:46px;height:46px;position:relative;box-shadow:inset 0 0 0 4px #fff3d473}.watch-hand{background:var(--ink);transform-origin:50% 15px;border-radius:2px;width:3px;height:16px;margin-left:-1.5px;position:absolute;top:8px;left:50%}.bar-actions,.button-row,.lean-controls{flex-wrap:wrap;gap:8px;display:flex}.town button,.nameplate button,.notebook button,.plaque button,.errand-note button,.stranger-card button{border:3px solid var(--ink);background:var(--brass);min-height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 14px}.town button:hover:not(.robot-actor):not(.notice-hotspot),.notebook button:hover,.plaque button:hover{transform:translate(-1px,-1px)}.town button:disabled{cursor:not-allowed;opacity:.55;transform:none}.text-button{text-underline-offset:3px;text-decoration:underline;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.diorama-wrap{min-height:0;position:relative}.viewport{cursor:grab;touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.viewport:active{cursor:grabbing}.viewport:focus-visible{box-shadow:inset 0 0 0 3px var(--brass)}.world{transform-origin:0 0;position:absolute;top:0;left:0}.scene-art,.iso-ground{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.iso-block{pointer-events:none;position:absolute;overflow:visible}.iso-prop{pointer-events:none;width:72px;height:72px;position:absolute;transform:translate(-50%,-100%)}.iso-icon{width:72px;height:72px;display:block;overflow:visible}.day-tint{z-index:4000;pointer-events:none;position:absolute;inset:0}.phase-evening .day-tint{background:linear-gradient(#78362033,#281a130d)}.phase-night .day-tint{background:#121c3a57}.world.has-lamp .day-tint{box-shadow:inset 0 0 140px #ffd67861}.viewport:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 90px #08181761}.robot-actor{width:86px;height:104px;padding:0;position:absolute;transform:translate(-50%,-100%);box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.robot-actor:hover{transform:translate(-50%,-100%)}.robot-sprite{width:86px;height:96px;transform:scaleX(var(--face,1));transform-origin:50% 88%;filter:drop-shadow(0 8px #281a1329);display:block}.intent-walk .robot-sprite,.intent-idle .robot-sprite{animation:.5s ease-in-out infinite bob}.intent-make .robot-sprite{animation:.34s ease-in-out infinite hammer}.intent-dance .robot-sprite{animation:.6s ease-in-out infinite dance}.intent-nap .robot-sprite{transform:scaleX(var(--face,1)) rotate(-8deg);filter:saturate(.75)drop-shadow(0 8px #281a131f)}.is-selected .robot-sprite{filter:drop-shadow(0 0 8px #d2a945f2)}.bubble{width:max-content;max-width:148px;transform:translateX(calc(-50% + var(--bubble-nudge,0px))) rotate(-2deg);border:2px solid var(--ink);background:var(--cream-2);color:var(--ink);text-align:left;border-radius:14px;padding:5px 8px;font-size:.72rem;line-height:1.25;position:absolute;bottom:90px;left:50%;box-shadow:3px 3px #281a1340}.bubble strong,.bubble em{font-style:normal;font-weight:600;display:block}.bubble em{color:var(--teal-dark);font-weight:400}.key-spin{border:3px solid var(--brass);opacity:.35;border-radius:50%;width:16px;height:16px;position:absolute;top:46px;right:0}.key-spin:after{content:"";background:var(--brass);width:3px;height:12px;position:absolute;top:12px;left:5px}.key-spin.is-on{opacity:1;animation:1.4s linear infinite spin}.notice-hotspot{z-index:2000;color:#0000;width:72px;height:88px;min-height:0;position:absolute;transform:translate(-50%,-80%);box-shadow:none!important;background:0 0!important;border-color:#0000!important;border-radius:8px!important}.notice-hotspot:hover,.notice-hotspot:focus-visible{color:var(--ink);background:#fff3d42e!important}.craft{pointer-events:none;text-align:center;width:84px;position:absolute;transform:translate(-50%,-70%)}.craft svg{filter:drop-shadow(0 6px #281a132e);width:74px;height:70px}.craft small{color:var(--ink);font-family:var(--font-display);margin-top:-6px;font-size:.72rem;display:block}.lean-controls{z-index:2;position:absolute;top:12px;left:16px}.lean-controls button{color:var(--ink);background:#fff3d4eb}.street-signs{z-index:3;gap:8px;padding:8px 16px 0;display:flex;overflow-x:auto}.street-signs button{white-space:nowrap;flex:none}.street-signs button.is-here{background:var(--cream)}.caption{min-height:42px;color:var(--cream-2);font-family:var(--font-display);margin:0;padding:8px 16px 12px;font-size:1.05rem}.stranger-card,.errand-note,.notebook,.plaque{border:3px solid var(--ink);background:var(--cream-2);color:var(--ink);box-shadow:var(--shadow)}.stranger-card,.errand-note{z-index:4;width:min(320px,100vw - 32px);padding:14px 16px 16px;position:absolute}.stranger-card{top:88px;left:16px}.errand-note{top:96px;left:50%;transform:translate(-50%)}.notebook{z-index:5;width:min(360px,100vw - 24px);max-height:calc(100dvh - 160px);padding:16px;position:absolute;top:84px;right:16px;overflow:auto}.notebook h2,.notebook h3,.plaque h1,.errand-note h2,.stranger-card h2,.nameplate h2{font-family:var(--font-display);margin:0 0 6px;line-height:1.05}.notebook p,.plaque p,.errand-note p,.stranger-card p{margin:0 0 10px}.notebook-head,.nameplate{gap:8px;display:grid}.notebook-head{grid-template-columns:1fr auto;align-items:start}.eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:700}.quiet{color:#5c4638}.note-field,.nameplate label,.nameplate fieldset{gap:6px;margin:10px 0;font-size:.92rem;display:grid}.nameplate fieldset{border:0;padding:0}.nameplate legend{padding:0}.note-field input,.nameplate input{border:3px solid var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px}.shelf-list,.codex{margin:0;padding-left:18px}.codex li{color:#8a715f}.codex li.is-seen{color:var(--ink)}.bench-drawer,.notice-line{border-top:2px dashed #281a1340;margin-top:12px;padding-top:10px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches button{background:var(--swatch);color:var(--cream-2)}.swatches button.is-picked{outline:3px solid var(--cream-2);outline-offset:2px}.plaque-scrim{z-index:6;background:#10201f61;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.plaque{width:min(560px,100%);padding:22px 22px 18px}.plaque h1{font-size:clamp(2.2rem,5vw,3.4rem)}@keyframes bob{50%{transform:scaleX(var(--face,1)) translateY(-6px)}}@keyframes hammer{50%{transform:scaleX(var(--face,1)) rotate(-4deg) translateY(-2px)}}@keyframes dance{25%{transform:scaleX(var(--face,1)) rotate(-7deg) translateY(-4px)}75%{transform:scaleX(var(--face,1)) rotate(7deg) translateY(-1px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.robot-sprite,.key-spin,.watch-hand{animation:none!important}.robot-actor{transition:none}}@media (width<=800px){.town-bar{flex-wrap:wrap;align-items:flex-start;height:auto}.watch{margin-right:0}.bar-actions{width:100%}.notebook{width:auto;max-height:46dvh;inset:auto 8px 108px}.stranger-card,.errand-note{width:auto;inset:auto 12px 156px;transform:none}.caption{font-size:.95rem}}