:root{--ui-bg: rgba(250, 246, 238, .92);--ui-ink: #3d3a33;--ui-muted: #8a8172;--ui-accent: #5a8a4f;--ui-water: #5b8fc9;--ui-light: #d9a54a;--ui-nutrients: #8a6b4f;--ui-radius: 12px;--ui-shadow: 0 2px 14px rgba(60, 50, 30, .18)}.ui-panel{position:fixed;font-family:system-ui,sans-serif;color:var(--ui-ink);background:var(--ui-bg);border-radius:var(--ui-radius);box-shadow:var(--ui-shadow);z-index:5}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#faf6ee,#efe6d4);z-index:10}.auth-card{width:min(320px,calc(100vw - 48px));padding:28px 26px;background:#fffdf8;border-radius:16px;box-shadow:var(--ui-shadow);font-family:system-ui,sans-serif;color:var(--ui-ink);text-align:center}.auth-card h1{margin:0 0 4px;font-size:22px}.auth-card p{margin:0 0 18px;color:var(--ui-muted);font-size:13px;line-height:1.5}.auth-card input{width:100%;box-sizing:border-box;margin-bottom:10px;padding:10px 12px;border:1px solid #d8cfbc;border-radius:8px;font:14px system-ui;background:#fff}.auth-card input:focus{outline:2px solid var(--ui-accent);border-color:transparent}.auth-actions{display:flex;gap:8px;margin-top:6px}.auth-actions button{flex:1;padding:10px 0;border:none;border-radius:8px;font:600 13px system-ui;cursor:pointer}.auth-actions .primary{background:var(--ui-accent);color:#fff}.auth-actions .secondary{background:#eee5d2;color:var(--ui-ink)}.auth-error{min-height:18px;margin-top:10px;color:#a5573f;font-size:12.5px}.icon{width:20px;height:20px;flex:none;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--ui-water);outline-offset:2px;border-radius:6px}.hud-needs{left:14px;bottom:14px;padding:12px 14px;width:170px}.need{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:9px;margin:7px 0;font-size:14px;color:var(--ui-muted)}.need:has(.need-fill.water) .icon{color:var(--ui-water)}.need:has(.need-fill.light) .icon{color:var(--ui-light)}.need:has(.need-fill.nutrients) .icon{color:var(--ui-nutrients)}.need-track{height:8px;border-radius:4px;background:#e7ddc9;overflow:hidden}.need-fill{height:100%;border-radius:4px;transition:width .8s ease}.need-fill.water{background:var(--ui-water)}.need-fill.light{background:var(--ui-light)}.need-fill.nutrients{background:var(--ui-nutrients)}.hud-name{font-weight:600;margin-bottom:4px;font-size:14px}.hud-actions{left:50%;transform:translate(-50%);bottom:14px;display:flex;gap:8px;padding:10px 12px}.hud-actions button{border:none;border-radius:10px;background:#fffdf8;box-shadow:0 1px 4px #3c321e2e;padding:8px 12px;font:13px system-ui;color:var(--ui-ink);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:66px;min-height:44px;transition:transform .12s ease,opacity .3s ease}.hud-action-care .icon{color:var(--ui-water)}.hud-action-trade{background:#f7f2e6}.hud-action-trade .icon{color:var(--ui-muted)}.hud-actions button:not(:disabled):hover{transform:translateY(-2px)}.hud-actions button:not(:disabled):active{transform:scale(.95)}.hud-actions button:disabled{opacity:.45;cursor:not-allowed}.hud-actions .label{font-size:12.5px}.hud-actions .cost{font-size:11px;color:var(--ui-muted)}.hud-wallet{right:14px;bottom:44px;padding:10px 14px;font-size:14px;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.wallet-line{display:flex;align-items:center;gap:7px;color:var(--ui-muted)}.wallet-line b{color:var(--ui-ink);font-variant-numeric:tabular-nums}.hud-exposure{right:14px;top:14px;padding:8px 10px;display:flex;gap:6px}.hud-exposure button{border:none;border-radius:8px;background:transparent;color:var(--ui-ink);padding:6px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.45;transition:opacity .3s ease,background .3s ease}.hud-exposure button:hover{opacity:.75}.hud-exposure button.active{opacity:1;background:#eee5d2}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--ui-bg);border-radius:999px;padding:10px 22px;font:600 14px system-ui;color:var(--ui-ink);box-shadow:var(--ui-shadow);z-index:15;animation:toast-in .45s cubic-bezier(.2,1.4,.4,1),toast-out .5s ease 3.4s forwards}@keyframes toast-in{0%{transform:translate(-50%,-30px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toast-out{to{transform:translate(-50%,-16px);opacity:0}}.recap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#28221859;z-index:12;animation:recap-fade .4s ease}@keyframes recap-fade{0%{opacity:0}}.recap-card{width:min(300px,calc(100vw - 48px));padding:26px 24px;background:#fffdf8;border-radius:16px;box-shadow:var(--ui-shadow);font-family:system-ui,sans-serif;color:var(--ui-ink);text-align:center}.recap-card h2{margin:0 0 10px;font-size:18px}.recap-card p{margin:6px 0;font-size:14px;line-height:1.5}.recap-card .muted{color:var(--ui-muted);font-size:12.5px}.recap-card button{margin-top:14px;padding:10px 26px;border:none;border-radius:999px;background:var(--ui-accent);color:#fff;font:600 14px system-ui;cursor:pointer}@media(max-width:640px){.hud-needs{left:10px;right:10px;bottom:92px;width:auto;display:flex;align-items:center;gap:10px;padding:8px 12px}.hud-name{margin:0;flex:none;font-size:13px}.need{margin:0;flex:1;gap:6px;grid-template-columns:18px 1fr}.need .icon{width:18px;height:18px}.hud-wallet{top:72px;bottom:auto;right:10px;padding:8px 12px;font-size:13px}.hud-actions{bottom:10px;gap:6px;padding:8px}.hud-actions button{min-width:60px;padding:7px 6px}.hud-actions .label{font-size:11.5px}}.circle-open,.wind-button{display:inline-flex;align-items:center;gap:7px;min-height:44px}.circle-open{left:14px;top:14px;border:none;padding:9px 14px;font:13px system-ui;color:var(--ui-ink);cursor:pointer}.circle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#28221859;z-index:14}.circle-card{width:min(360px,calc(100vw - 48px));max-height:80vh;overflow-y:auto;padding:24px;background:#fffdf8;border-radius:16px;box-shadow:var(--ui-shadow);font-family:system-ui,sans-serif;color:var(--ui-ink)}.circle-card h2{margin:0 0 4px;font-size:18px}.circle-card .muted{color:var(--ui-muted);font-size:12.5px;margin:0 0 14px}.circle-list{list-style:none;margin:0;padding:0}.circle-entry{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:10px 0;border-top:1px solid #efe7d6;font-size:14px}.circle-entry.me{opacity:.65}.circle-who{font-weight:600}.circle-what{grid-column:1;font-size:12.5px;color:var(--ui-muted)}.circle-entry button{grid-row:1 / span 2;grid-column:2;border:none;border-radius:999px;background:var(--ui-accent);color:#fff;font:600 12px system-ui;padding:7px 14px;cursor:pointer}.circle-empty{padding:14px 0;color:var(--ui-muted);font-size:13px}.circle-card .circle-close{margin-top:16px;width:100%;padding:10px 0;border:none;border-radius:10px;background:#eee5d2;color:var(--ui-ink);font:600 13px system-ui;cursor:pointer}.visit-banner{left:50%;transform:translate(-50%);top:14px;display:flex;align-items:center;gap:12px;padding:9px 14px;font-size:13.5px}.visit-banner button{border:none;border-radius:999px;background:var(--ui-accent);color:#fff;font:600 12px system-ui;padding:6px 13px;cursor:pointer}.gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.gallery-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:none;border-radius:12px;background:transparent;font:12px system-ui;color:var(--ui-ink);cursor:inherit;transition:background .25s ease,transform .15s ease}button.gallery-cell{cursor:pointer}button.gallery-cell:hover{background:#fff9;transform:translateY(-2px)}.gallery-frame{display:flex;align-items:flex-end;justify-content:center}.gallery-caption{line-height:1.35;color:var(--ui-muted);text-align:center}.gallery-caption strong{color:var(--ui-ink)}.auth-overlay{flex-direction:column;gap:22px;padding:24px;overflow-y:auto}.showcase{max-width:min(680px,calc(100vw - 40px));text-align:center}.showcase:not([data-state=ready]){display:none}.showcase-title{margin:0 0 10px;font:13px system-ui;color:var(--ui-muted)}.showcase-preview-frame{display:flex;justify-content:center;margin:8px 0 4px}.showcase-preview .recap-card button{display:block;width:100%;margin-top:10px}.showcase-preview .showcase-close{background:#eee5d2;color:var(--ui-ink)}.wind-button{left:14px;top:58px;border:none;padding:9px 14px;font:13px system-ui;color:var(--ui-ink);cursor:pointer;transition:transform .15s ease,opacity .3s ease}.wind-button:not(:disabled):hover{transform:translate(3px)}.wind-button:disabled{opacity:.5;cursor:progress}.travel-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:13;background:#faf6ee;opacity:0;pointer-events:none;transition:opacity .55s ease}.travel-veil.visible{opacity:1}.visit-banner .onward{background:#eee5d2;color:var(--ui-ink)}.toast.whisper{top:auto;bottom:90px;font-weight:400;background:var(--ui-bg);animation:toast-in .5s ease,toast-out .6s ease 4.3s forwards}