*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f6f1e3;--panel: #fffdf6;--ink: #2d2a24;--dim: #8a8377;--line: #e6ddc8;--accent: #4a7c3a;--accent-ink: #ffffff;--danger: #b3402e;--radius: 12px}html,body,#app{height:100%}body{font-family:ui-rounded,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}.shell{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.brand-mark{width:12px;height:12px;border-radius:3px;background:var(--accent);display:inline-block;transform:rotate(45deg)}.brand .tag{font-weight:400;font-size:12px;color:var(--dim);margin-left:6px}.topbar-actions{display:flex;align-items:center;gap:8px}.who{display:inline-flex;align-items:center;gap:6px;color:var(--dim);font-size:12px;margin-left:6px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 12px;border-radius:9px;cursor:pointer;font-size:13px}.btn:hover{border-color:#cfc4a8}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent}.btn.icon{padding:6px}.btn.danger{color:var(--danger);border-color:#e0b7ae}.btn.icon.danger{border:none;background:transparent}.link{border:none;background:none;color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;gap:4px;font-size:12px}.stage{flex:1;display:flex;min-height:0}.map-wrap{flex:1;overflow:auto;cursor:grab;-webkit-user-select:none;user-select:none;scrollbar-width:thin}.map-wrap:active{cursor:grabbing}.map-wrap.overview{overflow:hidden;cursor:default;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#f0e9d4,#e2dcc0)}.map-wrap.overview .world{flex:none;transform-origin:center center}.map-wrap.overview .char-pin{transform:translate(-50%,-50%) scale(var(--inv, 1))}.map-wrap.overview .island-label{transform:translate(-50%) scale(var(--inv, 1));transform-origin:center top}.world{position:relative;background:radial-gradient(circle at 1px 1px,rgba(140,125,90,.16) 1.5px,transparent 1.5px) 0 0 / 34px 34px,linear-gradient(160deg,#f0e9d4,#e9e2c8 55%,#e2dcc0)}.paths{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.paths path{fill:none;stroke:#c9b787;stroke-width:6;stroke-dasharray:2 18;stroke-linecap:round;opacity:.8}.map-area{flex:1;display:flex;min-height:0;position:relative}.map-area .map-wrap{flex:1}.island{position:absolute;cursor:grab;touch-action:none}.island.dragging{cursor:grabbing;z-index:8}.island img{width:100%;display:block;pointer-events:none;filter:drop-shadow(0 16px 22px rgba(45,42,36,.18))}.island.dragging img{filter:drop-shadow(0 26px 34px rgba(45,42,36,.3))}.decor{position:absolute;pointer-events:none;opacity:.95}.cloud{position:absolute;left:-340px;pointer-events:none;opacity:.5;z-index:6;animation:drift linear infinite}@keyframes drift{to{transform:translate(3400px)}}.balloon{position:absolute;pointer-events:none;z-index:6;animation:bob 5s ease-in-out infinite alternate}@keyframes bob{0%{transform:translateY(0)}to{transform:translateY(-22px)}}.map-fab{position:absolute;right:18px;bottom:18px;z-index:20;box-shadow:0 6px 18px #2d2a244d}.pending-stack{position:absolute;left:18px;bottom:18px;z-index:20;display:flex;flex-direction:column;gap:8px;max-width:420px}.pending-chip{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:12.5px;box-shadow:0 4px 14px #2d2a242e}.pending-chip.failed{border-color:#e0b7ae;color:var(--danger)}.spinner{width:12px;height:12px;border-radius:50%;flex:none;border:2px solid var(--line);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.villager-input{width:100%;resize:vertical;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font:inherit;background:var(--bg)}.island-label{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);background:#fffdf6e6;border:1px solid var(--line);padding:2px 10px;border-radius:9px;font-size:12px;font-weight:600;color:var(--dim);white-space:nowrap}.char-pin{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;transition:left 1.2s ease,top 1.2s ease;z-index:5}.char-pin.asleep .pin-avatar{opacity:.65;filter:saturate(.5)}.pin-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #8a8f98;background:var(--panel);box-shadow:0 3px 10px #2d2a2459;transition:transform .12s ease}.char-pin:hover .pin-avatar,.char-pin.active .pin-avatar{transform:scale(1.1)}.pin-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.pin-label{background:#fffdf6eb;border:1px solid var(--line);padding:2px 8px;border-radius:8px;text-align:center;line-height:1.25}.pin-label b{display:block;font-size:12px}.pin-label i{display:block;font-style:normal;font-size:10px;color:var(--dim);max-width:140px}.drawer{width:460px;max-width:100%;background:var(--panel);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.drawer-head{display:flex;gap:12px;padding:14px;border-bottom:1px solid var(--line);align-items:center}.portrait{width:72px;height:72px;border-radius:12px;object-fit:cover;object-position:top;border:1px solid var(--line)}.drawer-title{flex:1}.drawer-title h2{font-size:18px}.drawer-title p{color:var(--dim);font-size:12px;margin-bottom:6px}.trust{display:flex;align-items:center;gap:8px}.trust-bar{width:110px;height:7px;border-radius:4px;background:var(--line);overflow:hidden}.trust-bar span{display:block;height:100%;background:var(--accent)}.trust-num{font-size:11px;color:var(--dim)}.mood-chip{font-size:11px;color:#fff;padding:2px 8px;border-radius:8px}.tabs{display:flex;border-bottom:1px solid var(--line)}.tabs button{flex:1;padding:9px;border:none;background:none;cursor:pointer;color:var(--dim);font-size:13px;text-transform:capitalize;border-bottom:2px solid transparent}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.drawer-body{flex:1;min-height:0;display:flex;flex-direction:column}.chat{flex:1;display:flex;flex-direction:column;min-height:0}.chat-list{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}.msg{display:flex;gap:8px}.msg.user{justify-content:flex-end}.msg-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:top;align-self:flex-end}.bubble-wrap{max-width:82%}.bubble{padding:9px 12px;white-space:pre-wrap;line-height:1.45;background:#efe9d8;border-radius:12px 12px 12px 4px}.msg.user .bubble{background:var(--accent);color:var(--accent-ink);border-radius:12px 12px 4px}.msg-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim);margin-top:3px}.mood-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.thinking{display:flex;gap:4px;align-items:center}.thinking span{width:7px;height:7px;border-radius:50%;background:var(--dim);animation:pulse 1s infinite}.thinking span:nth-child(2){animation-delay:.2s}.thinking span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.chat-input{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--line)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font:inherit;background:var(--bg)}.chat-input textarea:focus{outline:2px solid var(--accent);border-color:transparent}.debug{margin-top:6px;background:#f2ecdd;border:1px dashed #d5c9aa;border-radius:9px;padding:8px 10px;font-size:11.5px;display:flex;flex-direction:column;gap:4px}.debug-row b{color:var(--accent);margin-right:4px}.debug-mem{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline;padding-left:6px}.debug-pre{background:#fffdf6;border-radius:6px;padding:6px;overflow-x:auto;font-size:11px}.pill{font-size:10px;padding:1px 7px;border-radius:7px;background:#ddd3ba;color:var(--ink);white-space:nowrap}.pill.dim{background:transparent;border:1px solid var(--line);color:var(--dim)}.pill.new,.pill.reflection{background:var(--accent);color:#fff}.pill.gossip{background:#b3702e;color:#fff}.pill.event,.pill.behavior_change{background:#3b6fb5;color:#fff}.pane{padding:14px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pane h3{font-size:13px;margin-top:8px;color:var(--accent)}.pane ul{padding-left:18px}.pane li{margin:2px 0}.pane-bar{display:flex;justify-content:space-between;align-items:center}.sched td{padding:3px 8px 3px 0;vertical-align:top}.mem-row,.log-row{display:flex;align-items:baseline;gap:8px;padding:7px 8px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.mem-content{flex:1;line-height:1.35}.mem-when{font-size:10px;white-space:nowrap}select,input{font:inherit;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);max-width:100%}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--dim)}.check{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--dim)}.row{display:flex;gap:8px;margin:6px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d2a2466;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--panel);border-radius:var(--radius);width:560px;max-width:100%;max-height:86vh;display:flex;flex-direction:column}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-body section{display:flex;flex-direction:column;gap:8px}.modal-body h3{font-size:13px;color:var(--accent)}.village-sign{position:absolute;width:190px;display:flex;flex-direction:column;align-items:center;z-index:3;pointer-events:none}.sign-board{width:100%;padding:12px 10px 10px;text-align:center;background:linear-gradient(180deg,#b07c46,#96602f);border:4px solid #6e4522;border-radius:12px;box-shadow:inset 0 2px #ffebc859,0 8px 16px #2d2a2440}.sign-board b{display:block;font-size:26px;letter-spacing:4px;color:#f8eed7;text-shadow:0 2px 0 rgba(90,55,20,.55)}.sign-board span{display:block;font-size:11px;color:#f0dfba;margin-top:2px}.sign-legs{display:flex;gap:90px;height:34px}.sign-legs i{width:12px;height:100%;background:linear-gradient(180deg,#8a5a2e,#6e4522);border-radius:0 0 4px 4px}.sign-plaque{margin-top:2px;font-size:10px;padding:3px 10px;background:#fffdf6e6;border:1px solid var(--line);border-radius:8px;color:var(--dim);white-space:nowrap}.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden}.seg button{border:none;background:var(--panel);color:var(--dim);padding:7px 14px;cursor:pointer;font-size:13px}.seg button+button{border-left:1px solid var(--line)}.seg button.on{background:var(--accent);color:var(--accent-ink)}.modal.wide{width:680px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:var(--panel)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.card-head h3{margin:0}.danger-card{border-color:#e0b7ae}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 4px}@media(max-width:640px){.form-grid{grid-template-columns:1fr}}.brain-card{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#f9f5e9}.brain-portrait{width:54px;height:54px;border-radius:10px;object-fit:cover;object-position:top}.brain-info{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.brain-label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.brain-model{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brain-sub{font-size:12px;color:var(--dim)}.brain-actions{display:flex;flex-direction:column;gap:6px}.picker{display:flex;flex-direction:column;gap:10px;min-height:0}.picker-bar{display:flex;gap:12px;align-items:center}.picker-bar input{flex:1}.picker-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;padding-right:4px}.picker-row{display:flex;align-items:center;gap:8px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:9px 12px;cursor:pointer;font:inherit;color:var(--ink)}.picker-row:hover{border-color:var(--accent)}.picker-row.current{border-color:var(--accent);background:#eef4e8}.picker-row:disabled{opacity:.6;cursor:default}.picker-name{font-weight:600;white-space:nowrap}.picker-sub{flex:1;color:var(--dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row .pill{margin-left:auto}.picker-row .pill+.pill{margin-left:0}.banner{padding:9px 14px;background:#e8f2e4;border-bottom:1px solid var(--line);cursor:pointer}.banner.error{background:#f6e3de;color:var(--danger)}.banner.small{border-radius:8px;font-size:12px;border:1px solid var(--line)}.dim{color:var(--dim)}.center{text-align:center;margin-top:20px}@media(max-width:900px){.stage.with-drawer .map-area{display:none}.drawer{width:100%;border-left:none}}