:root{color:#d8dfdf;font-synthesis:none;--muted:#7d8b96;--subtle:#a0adb4;--green:#a0dfbf;--border:#263039;--panel:#121820;--panel-light:#171f28;background:#0c1016;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #a0dfbf}a{color:inherit;text-decoration:none}button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:not(:disabled):active{transform:translateY(1px)}svg{flex-shrink:0}button svg{pointer-events:none}h1,h2,h3,p{margin:0}::selection{color:#fff;background:#598f79}.app-shell{max-width:1800px;margin:0 auto;padding:0 30px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;height:90px;display:flex}.brand{align-items:center;gap:12px;min-width:230px;display:flex}.brand-mark{color:#b8e6cd;background:linear-gradient(145deg,#253c35,#16241f);border:1px solid #395648;border-radius:12px;place-items:center;width:42px;height:46px;display:grid}.brand strong{letter-spacing:3px;align-items:center;gap:10px;font-size:20px;font-weight:650;display:flex}.brand small{letter-spacing:2.6px;color:#7a8f8a;margin-top:5px;font-size:8px;display:block}.beta{letter-spacing:1px;color:#b2c6ba;border:1px solid #4c6057;border-radius:4px;padding:2px 4px;font-size:8px;font-weight:500}.top-center{color:#b8c5c7;align-items:center;gap:8px;font-size:11px;display:flex}.status-dot,.tiny-dot{background:#9dd8b6;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #8ec6a32b}.status-dot.thinking{background:#e8c283;animation:1s infinite alternate pulse}.status-dot.off{background:#6d7a85}.divider{background:var(--border);width:1px;height:16px;margin:0 12px}.clock{letter-spacing:.4px;color:#8c9da5;align-items:center;gap:8px;font-family:ui-monospace,monospace;font-size:10px;display:flex}.clock b{color:#cedad9;margin-left:5px;font-weight:500}.top-actions{align-items:center;gap:15px;display:flex}.model-badge{color:#9fb4ac;cursor:pointer;background:#18221f;border:1px solid #2c4036;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font:10px ui-monospace,monospace;display:flex}.model-badge:focus-visible{outline-offset:3px;outline:2px solid #b8d29f}.icon-button{color:#94a3ad;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover:not(:disabled){color:#dfeee5;background:#263139;border-color:#405147}.icon-button.active{color:#c2e6d2}.workspace{grid-template-columns:224px minmax(400px,1fr) 300px;align-items:start;gap:22px;padding-top:25px;display:grid}.residents-panel{min-width:0;padding-top:3px}.panel-heading{justify-content:space-between;align-items:center;padding:0 5px;display:flex}.panel-heading h2{align-items:center;gap:8px;font-size:13px;font-weight:550;display:flex}.panel-heading h2 svg{color:#8a9f9a}.count{color:#8faaa0;background:#1e272e;border-radius:4px;padding:3px 6px;font:10px ui-monospace,monospace}.panel-caption{color:#697d86;margin:10px 5px 22px;font-size:10px}.residents-list{flex-direction:column;gap:8px;display:flex}.resident-card{text-align:left;background:#141b22;border:1px solid #202b32;border-radius:9px;align-items:center;gap:10px;width:100%;min-width:0;padding:14px 10px;display:flex}.resident-card:hover{background:#1b252b;border-color:#3c5149}.resident-card.selected{background:#1c2d28;border-color:#476354}.resident-card>.icon{color:#52686b;margin-left:auto}.resident-card>svg{color:#61756f;margin-left:auto}.resident-info{flex-direction:column;flex:1;gap:7px;min-width:0;display:flex}.resident-name{white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:550;display:flex}.resident-name small{color:#80928f;font-size:9px;font-weight:400}.resident-name svg{color:#d5bc82}.activity{color:#8a9b9f;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.5;overflow:hidden}.resident-location{color:#617f79;align-items:center;gap:5px;font-size:9px;display:flex}.resident-location>span{opacity:.8;border-radius:50%;width:4px;height:4px}.avatar{background:color-mix(in srgb, var(--agent) 10%, #1b222b);border:1px solid color-mix(in srgb, var(--agent) 20%, transparent);border-radius:8px;flex-shrink:0;width:34px;height:38px;display:inline-block;position:relative;overflow:hidden}.avatar-face{background:#ddc7ae;border-radius:5px 5px 7px 7px;justify-content:space-evenly;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;left:8px}.avatar-face i{background:#333e40;width:2px;height:2px;margin-top:2px;display:block}.avatar-hair{background:var(--agent);z-index:1;filter:brightness(.7);border-radius:6px 6px 2px 2px;width:19px;height:8px;position:absolute;top:5px;left:7px}.avatar-shirt{background:var(--agent);opacity:.85;border-radius:7px 7px 2px 2px;width:24px;height:17px;position:absolute;top:25px;left:4px}.avatar.small{transform-origin:0 0;width:29px;height:32px}.avatar.small .avatar-face{width:15px;height:15px;top:7px;left:6px}.avatar.small .avatar-hair{top:4px;left:5px}.avatar.small .avatar-shirt{top:23px;left:2px}.observer-note{background:linear-gradient(130deg,#17251f,#121b1a);border:1px solid #293a33;border-radius:9px;margin-top:28px;padding:16px;position:relative;overflow:hidden}.eyebrow{letter-spacing:1.8px;color:#6d9e8b;font-size:8px;font-weight:550}.observer-note .eyebrow{letter-spacing:1.1px;font-size:6px}.observer-note p{letter-spacing:.5px;color:#afc8ba;margin-top:10px;font-size:12px;line-height:1.9}.note-orbit{color:#4b6e5b;opacity:.4;position:absolute;bottom:-9px;right:-8px;transform:rotate(15deg)}.sidebar-footer{color:#687e79;align-items:center;gap:7px;padding:18px 5px;font-size:9px;display:flex}.sidebar-footer .tiny-dot{background:#6c8878;width:4px;height:4px}.world-column{min-width:0}.world-stage{background:radial-gradient(at 50% 40%,#182a2b 0,#131e25 45%,#131b24 75%);border:1px solid #2b363d;border-radius:12px;position:relative;overflow:hidden}.stage-header{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:25px 25px 0;display:flex;position:relative}.stage-header button{pointer-events:auto}.stage-header h1{letter-spacing:3px;color:#dfebe4;align-items:center;gap:12px;margin-top:10px;font-size:27px;font-weight:500;display:flex}.stage-header p{color:#839b9d;letter-spacing:1px;margin-top:9px;font-size:10px}.live-pill{letter-spacing:1.3px;color:#96c3a7;background:#1c2d25;border:1px solid #395649;border-radius:3px;padding:4px 5px;font:7px ui-monospace,monospace}.subtle-button{color:#718b8d;background:0 0;align-items:center;gap:6px;padding:5px 0;font-size:9px;display:flex}.subtle-button:hover{color:#c0dbce}.scene{isolation:isolate;height:432px;margin-top:-30px;position:relative}.scene.day{background:radial-gradient(at 50% 40%,#2c444257,#0000 70%)}.scene-halo{pointer-events:none;background:radial-gradient(#326f5621,#0000 70%);width:90%;height:70%;position:absolute;top:16%;left:5%}.town-canvas{position:absolute;inset:0;overflow:hidden}.town-canvas>canvas{touch-action:none;width:100%;height:100%;position:absolute;inset:0}.map-agent{border:1px solid color-mix(in srgb, var(--agent) 35%, #31443f);color:#d3e2d7;white-space:nowrap;z-index:2;background:#14221fe8;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:8px;line-height:1.1;display:flex;position:absolute;top:0;left:0;box-shadow:0 3px 5px #0002}.map-agent:hover,.map-agent.selected{color:#f0f5ef;border-color:var(--agent);background:#284435}.map-agent i{background:var(--agent);border-radius:50%;width:4px;height:4px}.following-dot{background:#f2e4b9;border-radius:50%;width:3px;height:3px}.speech-preview{pointer-events:none;z-index:3;background:#101a20e8;border:1px solid #3c5149;border-radius:8px;max-width:220px;padding:10px 12px;animation:.2s ease-out appear;position:absolute;top:95px;left:22px;box-shadow:0 5px 18px #0002}.speech-name{color:var(--agent);align-items:center;gap:8px;font-size:10px;display:flex}.speech-name small{color:#7d9287;letter-spacing:1px;font:6px ui-monospace,monospace}.speech-preview p{color:#c5d5cd;margin-top:5px;font-size:11px;line-height:1.8}.camera-tools{background:#101a21ba;border:1px solid #2c3e40;border-radius:8px;flex-direction:column;gap:3px;padding:4px;display:flex;position:absolute;bottom:42px;right:15px}.camera-tools .icon-button{width:27px;height:27px}.camera-tools .icon-button svg{width:15px;height:15px}.camera-tools>span{background:#2c393f;height:1px;margin:3px}.scene-caption{color:#8caba1;pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:45px;left:22px}.scene-caption .tiny-dot{background:#81aa91;width:4px;height:4px}.scene-instruction{text-align:center;color:#5c7c7d;letter-spacing:1px;pointer-events:none;font-size:8px;position:absolute;bottom:18px;left:0;right:0}.effects-row{flex-wrap:wrap;gap:6px;padding:0 20px 14px;display:flex}.effects-row>span{color:var(--effect);border:1px solid color-mix(in srgb, var(--effect) 25%, transparent);background:color-mix(in srgb, var(--effect) 5%, transparent);border-radius:4px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:flex}.effects-row small{color:#79918a;margin-left:2px;font-size:8px}.world-metrics{background:#111c22c4;border-top:1px solid #2b3a3c;grid-template-columns:repeat(3,1fr);gap:26px;padding:18px 22px;display:grid}.world-metrics>div{min-width:0}.world-metrics>div>span{color:#819692;align-items:center;gap:7px;font-size:9px;display:flex}.world-metrics>div>span svg{opacity:.7}.world-metrics strong{color:#d1ded4;margin-top:9px;font-family:ui-monospace,monospace;font-size:23px;font-weight:450;display:block}.world-metrics strong small{color:#5f7c73;margin-left:6px;font:9px ui-monospace,monospace}.metric-line{background:#293b39;border-radius:5px;height:3px;margin-top:9px;overflow:hidden}.metric-line i{border-radius:5px;height:100%;transition:width .5s;display:block}.control-deck{justify-content:space-between;align-items:center;gap:10px;padding:17px 0;display:flex}.playback{align-items:center;gap:7px;display:flex}.play-button{color:#b3e2c2;background:#20392b;border:1px solid #4e7962;border-radius:7px;place-items:center;width:33px;height:33px;display:grid}.play-button:hover:not(:disabled){background:#31533d}.play-button.is-paused{color:#1d3827;background:#a6d9b8}.deck-divider{background:#2b3739;width:1px;height:15px;margin:0 4px}.speed-switch{border:1px solid #2b3739;border-radius:6px;gap:1px;padding:3px;display:flex}.speed-switch button{color:#748a82;background:0 0;border-radius:3px;width:24px;height:21px;font:9px ui-monospace,monospace}.speed-switch button.active{color:#c1d9c9;background:#2b3d33}.speed-switch button:hover{color:#dbe4dd}.round-label{color:#6d837b;margin-left:5px;font:9px ui-monospace,monospace}.deck-actions{gap:8px;display:flex}.primary-button,.secondary-button,.danger-button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:10px 12px;font-size:10px;display:inline-flex}.primary-button{color:#20342a;background:#b5dfbf;border:1px solid #c4eace;font-weight:600;box-shadow:0 2px 10px #9dd7ab0a}.primary-button:hover:not(:disabled){background:#cef1d5}.secondary-button{color:#a6beb0;background:#17221f;border:1px solid #33483c}.secondary-button:hover:not(:disabled){background:#26372d;border-color:#55735e}.danger-button{color:#d997a5;background:#291d22;border:1px solid #56323c;margin-left:auto}.timeline{background:#121a20;border:1px solid #26333a;border-radius:8px;padding:15px 16px 11px}.timeline-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline-title>span{color:#a2b4ad;align-items:center;gap:6px;font-size:10px;display:flex}.timeline-title small{color:#607970;font-size:8px}.timeline-title>button{color:#aadcb7;background:0 0;align-items:center;gap:4px;margin-left:auto;padding:0;font-size:9px;display:flex}.timeline-track{align-items:center;gap:10px;margin-top:9px;display:flex}.timeline-track>span{color:#647e72;white-space:nowrap;font:8px ui-monospace,monospace}.timeline-track input{accent-color:#b8d6b7;cursor:pointer;flex:1;min-width:0;height:24px}.timeline-track .icon-button{width:23px;height:23px}.timeline-track .icon-button svg{width:14px;height:14px}.replay-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.replay-controls .icon-button{flex-shrink:0;width:36px;height:36px}.replay-controls .replay-play{color:#b8d6b7;background:#1b3027;border-color:#40574a}.replay-progress{font-variant-numeric:tabular-nums;color:#a2b4ad;margin-left:4px;font-size:10px}.replay-controls select{color:#b8d6b7;cursor:pointer;background:#121a20;border:1px solid #314338;border-radius:6px;min-height:36px;margin-left:auto;padding:0 6px;font-size:11px}.world-footnote{color:#5e786c;justify-content:space-between;gap:8px;margin-top:13px;font-size:8px;display:flex}.world-footnote span:first-child{align-items:center;gap:5px;display:flex}.activity-panel{background:#111820;border:1px solid #27333a;border-radius:10px;flex-direction:column;min-width:0;height:744px;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid #29363c;gap:19px;min-height:50px;padding:0 15px;display:flex}.panel-tabs button{color:#697f81;white-space:nowrap;background:0 0;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 0 1px;font-size:11px;display:flex}.panel-tabs button.active{color:#c5dfce;border-bottom-color:#aecdb1}.panel-tabs button>span{color:#99b29f;background:#26372e;border-radius:3px;padding:2px 4px;font:8px ui-monospace,monospace}.feed-intro{color:#73918a;align-items:center;gap:6px;padding:15px 15px 12px;font-size:8px;display:flex}.feed-intro .tiny-dot{width:4px;height:4px}.feed-intro>span:last-child{color:#516d63;margin-left:auto;font-size:7px}.feed-list{scrollbar-width:thin;scrollbar-color:#314337 transparent;overflow-anchor:none;flex:1;min-height:0;padding:0 15px;overflow:auto}.feed-item{border-bottom:1px solid #223028;align-items:start;gap:10px;padding:15px 0;animation:.25s ease-out appear;display:flex}.feed-item:last-child{border-bottom:0}.feed-icon{color:#8eb09c;justify-content:center;width:29px;min-width:29px;padding-top:1px;display:flex}.feed-body{flex:1;min-width:0}.feed-meta{align-items:center;gap:6px;display:flex}.feed-meta strong{color:#a7bfb1;font-size:10px;font-weight:500}.feed-meta time{color:#5b7967;margin-left:auto;font:8px ui-monospace,monospace}.model-tag{color:#6f9480;background:#23352a;border-radius:2px;padding:1px 3px;font:6px ui-monospace,monospace}.feed-body>p{color:#9cafaa;word-break:break-word;white-space:pre-wrap;margin-top:7px;font-size:11px;line-height:1.9}.feed-place{color:#617e6c;align-items:center;gap:4px;margin-top:7px;font-size:8px;display:flex}.event-feed .feed-body>p{color:#b6b7d1}.event-feed .feed-meta strong,.event-feed .feed-icon{color:#b9a3d0}.follow-toggle{color:#739b7e;background:0 0;border:1px dashed #31483a;border-radius:5px;justify-content:center;align-items:center;gap:6px;margin:12px 15px;padding:8px;font-size:9px;display:flex}.follow-toggle:hover{background:#1e3025}.profile-panel{scrollbar-width:thin;scrollbar-color:#314337 transparent;padding:20px 18px;overflow:auto}.profile-hero{align-items:center;gap:12px;display:flex}.profile-hero>.avatar{width:43px;height:47px;margin:3px;transform:scale(1.1)}.profile-hero .avatar-face{top:11px;left:12px}.profile-hero .avatar-hair{top:8px;left:11px}.profile-hero .avatar-shirt{top:28px;left:8px}.profile-hero h2{font-size:20px;font-weight:500}.profile-hero h2>span{color:#829b8a;margin-left:10px;font-size:9px}.profile-hero p{color:#718f7b;align-items:center;gap:5px;margin-top:8px;font-size:9px;display:flex}.profile-hero p span{border-radius:50%;width:4px;height:4px}.personality{color:#94a79b;margin-top:20px;font-size:11px;line-height:1.9}.goal-card{background:#1c2922;border:1px solid #304435;border-radius:6px;margin:17px 0;padding:12px}.goal-card>span{color:#91b99a;align-items:center;gap:5px;font-size:9px;display:flex}.goal-card p{color:#c1d0c2;margin-top:7px;font-size:11px;line-height:1.9}.needs-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.needs-grid>div>span{color:#78927e;justify-content:space-between;font-size:9px;display:flex}.needs-grid b{color:#bacbbd;font:9px ui-monospace,monospace}.needs-grid i{background:#27392c;border-radius:3px;height:3px;margin-top:8px;display:block;overflow:hidden}.needs-grid em{height:100%;display:block}.profile-numbers{color:#7b9680;gap:25px;margin:16px 0 24px;font-size:9px;display:flex}.profile-numbers b{color:#bbcdbb;margin-left:5px;font:11px ui-monospace,monospace}.profile-panel h3{color:#aac2ac;justify-content:space-between;margin-top:20px;font-size:10px;font-weight:500;display:flex}.profile-panel h3 small{color:#657f69;font:8px ui-monospace,monospace}.memories{margin-top:10px}.memories p{color:#879e89;gap:8px;margin:8px 0;font-size:10px;line-height:1.9;display:flex}.memories i{background:#53745c;border-radius:50%;width:3px;min-width:3px;height:3px;margin-top:8px}.relationships{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.relationships button{color:#8fac94;background:#1b2a21;border:1px solid #2b3d2f;border-radius:4px;align-items:center;gap:5px;padding:5px;font-size:8px;display:flex}.relationships button:hover{background:#2a3c2d}.relationships button span{border-radius:50%;width:4px;height:4px}.relationships b{color:#b5cdb7;font:8px ui-monospace,monospace}.chat-form{margin-top:25px}.chat-form label{color:#aac4af;margin-bottom:9px;font-size:10px;display:block}.chat-form>div{background:#0e1913;border:1px solid #334e3b;border-radius:6px;align-items:end;padding:8px;display:flex}.chat-form textarea{resize:vertical;color:#c4d9c8;background:0 0;border:0;width:100%;min-height:40px;max-height:120px;font-size:11px;line-height:1.7}.chat-form textarea::placeholder{color:#5c7d62}.chat-form button{color:#c9e2be;background:#32482f;border:1px solid #526f4f;border-radius:4px;flex-shrink:0;place-items:center;width:28px;height:28px;margin-left:5px;display:grid}.chat-form>span{color:#5d7c60;text-align:right;margin-top:7px;font-size:8px;display:block}.empty-profile{text-align:center;color:#607d6a;margin:auto;padding:30px}.empty-profile h3{color:#9db39e;margin-top:20px;font-size:13px;font-weight:400}.empty-profile p{margin-top:10px;font-size:11px;line-height:2}.bottom-bar{color:#637d6c;border-top:1px solid #22312c;justify-content:space-between;gap:10px;margin-top:26px;padding:18px 0;font-size:8px;display:flex}.bottom-bar>span{align-items:center;gap:10px;display:flex}.bottom-slash{color:#3d5947;margin:0 3px}.bottom-bar .tiny-dot{background:#476d50;width:3px;height:3px}.error-banner{color:#e2b29b;background:#2c2221;border:1px solid #624642;border-radius:6px;align-items:start;gap:9px;margin:0 0 16px;padding:12px;font-size:11px;line-height:1.7;display:flex}.error-banner>svg{margin-top:2px}.error-banner>span{flex:1}.error-banner small{color:#b88d77;font-size:9px;display:block}.error-banner button{color:#f0cdb2;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:2px 0;display:flex}.modal{color:#d1e0d5;background:#141f21;border:1px solid #47604e;border-radius:14px;width:min(680px,100vw - 30px);max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 25px 150px #0007}.modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#070d10c9}.modal-head{justify-content:space-between;gap:15px;margin-bottom:24px;display:flex}.modal-head h2{letter-spacing:1px;color:#dfebdf;margin-top:11px;font-size:23px;font-weight:450}.modal-head p{color:#8ca58e;margin-top:11px;font-size:11px;line-height:1.8}.events-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.event-card{text-align:left;background:#182727;border:1px solid #33473d;border-radius:8px;padding:17px;position:relative}.event-card:hover:not(:disabled){background:color-mix(in srgb, var(--effect) 8%, #182727);border-color:var(--effect);transform:translateY(-2px)}.event-card-icon{color:var(--effect);margin-bottom:12px;display:block}.event-card>small{color:#759381;border:1px solid #334c3c;border-radius:3px;padding:3px 5px;font-size:8px;position:absolute;top:20px;right:16px}.event-card h3{color:#d9e6d8;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;display:flex}.event-card h3 svg{color:#6d8c72}.event-card p{color:#8da28d;min-height:42px;margin:9px 0 15px;font-size:11px;line-height:1.9}.event-duration{color:#6f8f77;align-items:center;gap:5px;font-size:8px;display:flex}.modal-footnote{color:#75907a;margin-top:20px;font-size:9px;line-height:1.9}.guide-grid{grid-template-columns:1fr 1fr;gap:20px;padding:0 0 25px;display:grid}.guide-grid svg{color:#a5c6ac;width:20px}.guide-grid h3{color:#b8d1bb;margin-top:10px;font-size:12px;font-weight:500}.guide-grid p{color:#839c86;margin-top:8px;font-size:11px;line-height:1.9}.settings-model{background:#1b2b22;border:1px solid #35503c;border-radius:8px;padding:18px}.settings-model h3{color:#c3d9bc;align-items:center;gap:8px;margin-top:12px;font:14px ui-monospace,monospace;display:flex}.settings-model p{color:#92ac92;overflow-wrap:anywhere;margin-top:12px;font-size:11px;line-height:1.9}.settings-model small{color:#6f9677;margin-top:10px;font-size:9px;line-height:1.9;display:block}.settings-model code{background:#111f17;border-radius:3px;padding:2px 4px;font-size:10px}.settings-row{justify-content:space-between;align-items:center;padding:24px 0;display:flex}.settings-row strong{color:#b1c6b2;font-size:12px;font-weight:450;display:block}.settings-row small{color:#729278;margin-top:6px;font-size:9px;display:block}.toggle{background:#3a4e40;border-radius:15px;align-items:center;width:36px;height:21px;padding:3px;display:flex}.toggle i{background:#8b9c8d;border-radius:50%;width:15px;height:15px;transition:transform .2s;display:block}.toggle.on{background:#557b52}.toggle.on i{background:#d1e5c7;transform:translate(15px)}.settings-buttons{border-top:1px solid #2d4534;gap:9px;padding-top:22px;display:flex}.reset-actions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.toast{z-index:10;color:#c6e4c7;background:#243c2c;border:1px solid #52705a;border-radius:8px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 30px);padding:13px 18px;font-size:11px;line-height:1.8;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0004}.fallback-map{width:100%;height:100%;position:absolute}.fallback-note{z-index:2;color:#85ab93;font-size:9px;position:absolute;bottom:35px;left:20px}.town-canvas[data-renderer=fallback] .map-agent{transform:translate(-50%,-100%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes pulse{to{opacity:.3}}@keyframes appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.workspace{grid-template-columns:250px minmax(500px,1fr) 330px;gap:28px}.scene{height:500px}.activity-panel{height:812px}.resident-card{padding:16px 12px}.topbar{height:100px}.app-shell{padding:0 42px}.stage-header{padding:30px 30px 0}.world-metrics{padding:22px 30px}.observer-note{margin-top:36px}.panel-caption{margin-bottom:26px}}@media (width<=1200px){.app-shell{padding:0 20px}.workspace{grid-template-columns:190px minmax(340px,1fr) 270px;gap:15px}.resident-card{gap:8px;padding:13px 8px}.resident-name small{font-size:8px}.resident-name{gap:5px}.avatar{width:30px}.avatar-face{left:6px}.avatar-hair{left:5px}.avatar-shirt{left:2px}.resident-card>svg{display:none}.activity{font-size:9px}.stage-header{padding:22px 19px 0}.stage-header p{font-size:9px}.scene{height:416px}.round-label{display:none}.join-button{gap:0;padding:10px;font-size:0}.join-button svg{width:16px}.deck-actions{gap:5px}.world-footnote{flex-wrap:wrap}.activity-panel{height:725px}.panel-tabs{gap:15px;padding:0 12px}.panel-tabs button{font-size:10px}.feed-list{padding:0 12px}.brand{min-width:195px}.top-center{font-size:10px}.model-badge{font-size:9px}.world-metrics{gap:20px;padding:17px 19px}}@media (width<=1000px){.workspace{grid-template-columns:185px minmax(0,1fr)}.activity-panel{grid-column:1/-1;height:400px;display:flex}.feed-list{display:block}.feed-item{padding:15px 0}.profile-panel{grid-template-columns:1fr 1fr;align-items:start;gap:10px 25px;display:grid}.profile-hero,.personality,.goal-card,.needs-grid,.profile-numbers,.profile-panel h3,.memories,.relationships,.chat-form{margin:0}.profile-panel h3{grid-column:1/-1;margin-top:7px}.memories{grid-column:1/-1}.profile-hero{grid-column:1}.personality{grid-area:1/2}.goal-card{grid-area:2/1/4}.needs-grid,.profile-numbers{grid-column:2}.relationships{grid-column:1}.chat-form{grid-area:6/2/9}.feed-intro>span:last-child{margin-left:8px}.panel-tabs{min-height:46px}.scene{height:430px}.top-center>.status-dot,.top-center>span:nth-child(2),.top-center>.divider{display:none}.control-deck{padding:15px 0}.join-button{gap:6px;font-size:10px}.activity-panel{margin-top:5px}.bottom-bar{margin-top:23px}.brand strong{font-size:18px}.brand small{font-size:7px}.world-metrics strong{font-size:23px}}@media (width<=640px){.app-shell{padding:0 14px}.topbar{gap:8px;height:76px}.brand{gap:9px;min-width:0}.brand-mark{border-radius:9px;width:35px;height:39px}.brand strong{letter-spacing:2px;gap:7px;font-size:17px}.brand small{letter-spacing:1.7px;font-size:6px}.beta{font-size:6px}.top-center{display:none}.top-actions{gap:5px}.model-badge{max-width:115px;padding:6px;font-size:8px}.model-badge>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-actions>.icon-button{width:25px}.workspace{flex-direction:column;gap:19px;padding-top:18px;display:flex}.world-column{order:0;width:100%}.residents-panel{order:1;width:100%}.activity-panel{order:2;width:100%;height:470px;margin-top:0}.stage-header{padding:20px 17px 0}.stage-header h1{margin-top:9px;font-size:25px}.stage-header .eyebrow{font-size:7px}.stage-header p{letter-spacing:.5px;margin-top:7px;font-size:9px}.stage-header .subtle-button{font-size:8px}.scene{height:345px;margin-top:-5px}.camera-tools{gap:0;padding:2px;bottom:40px;right:10px}.camera-tools .icon-button{width:24px;height:25px}.scene-caption{max-width:75%;font-size:8px;bottom:42px;left:15px}.scene-instruction{font-size:7px;bottom:15px}.speech-preview{max-width:175px;padding:9px;top:55px;left:14px}.speech-preview p{font-size:10px}.world-metrics{gap:20px;padding:16px 17px}.world-metrics>div>span{gap:4px;font-size:8px}.world-metrics>div>span svg{width:13px;height:13px}.world-metrics strong{margin-top:9px;font-size:21px}.world-metrics strong small{margin-left:4px;font-size:8px}.metric-line{height:2px}.control-deck{flex-wrap:wrap;gap:5px;padding:14px 0}.playback{gap:3px}.play-button{width:31px;height:31px}.playback>.icon-button{width:28px}.deck-divider{margin:0 3px}.speed-switch button{width:21px;font-size:8px}.speed-switch{padding:2px}.primary-button,.secondary-button{gap:5px;min-height:32px;padding:8px 9px;font-size:9px}.join-button{gap:0;padding:8px;font-size:0}.deck-actions{gap:6px}.timeline{padding:13px 12px 9px}.timeline-title small{font-size:7px}.timeline-title>span{font-size:9px}.timeline-track{gap:8px;margin-top:6px}.timeline-title>button{font-size:8px}.world-footnote{gap:6px;margin-top:10px;font-size:7px}.panel-heading{padding:0}.panel-heading h2{font-size:12px}.panel-caption{display:none}.residents-list{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.resident-card{padding:12px 9px}.resident-card .avatar{width:29px;height:34px}.resident-name{font-size:11px}.resident-name small{font-size:8px}.resident-name svg{width:10px}.resident-info{gap:5px}.activity,.resident-location{font-size:8px}.observer-note,.sidebar-footer{display:none}.feed-list{padding:0 17px;display:block}.feed-body>p{font-size:11px}.feed-intro{padding:13px 17px}.feed-intro>span:last-child{margin-left:auto}.profile-panel{padding:20px;display:block}.profile-hero{gap:15px}.personality{margin:20px 0 0}.goal-card{margin:18px 0}.needs-grid{margin-top:17px}.profile-numbers{margin:17px 0}.profile-panel h3{margin-top:20px}.memories{margin-top:10px}.relationships{margin-top:12px}.chat-form{margin-top:20px}.bottom-bar{flex-direction:column;align-items:center;gap:10px;margin-top:20px;padding:18px 0 22px;font-size:7px}.bottom-bar>span{gap:7px}.modal{padding:22px 18px}.modal-head h2{font-size:21px}.modal-head p{font-size:10px}.events-grid{gap:9px}.event-card{padding:13px}.event-card>small{padding:3px;font-size:7px;top:14px;right:10px}.event-card-icon svg{width:21px}.event-card h3{font-size:12px}.event-card p{min-height:57px;font-size:10px}.event-duration{font-size:7px}.modal-footnote{font-size:8px}.guide-grid{gap:15px}.guide-grid p{font-size:10px}.settings-buttons{gap:7px}.danger-button{padding:9px;font-size:9px}.settings-model{padding:14px}.settings-model p{font-size:10px}.toast{padding:11px 14px;font-size:10px;bottom:15px}.effects-row{padding:0 15px 12px}.effects-row>span{font-size:8px}.error-banner,.error-banner button{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.map-label-layer{pointer-events:none;position:absolute;inset:0}.map-label-layer .map-agent{pointer-events:auto}.fallback-layer{transform:scale(var(--fallback-zoom,1));transform-origin:50%;transition:transform .2s}.interaction-queue{background:#17271f;border:1px solid #3b5547;border-radius:8px;margin-bottom:14px;padding:12px 14px}.queue-heading{color:#b4d5be;align-items:center;gap:7px;font-size:10px;display:flex}.queue-heading strong{font-weight:500}.queue-heading>small{color:#789d85;white-space:nowrap;margin-left:auto;font-size:9px}.queue-item{color:#96b49f;align-items:center;gap:8px;min-width:0;margin-top:10px;font-size:10px;display:flex}.queue-item>span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.queue-item>small{white-space:nowrap;color:#759b82;font-size:8px}.queue-item>button{color:#9ebaa6;background:0 0;border-radius:3px;place-items:center;padding:4px;display:grid}.queue-item>button:hover{color:#e0eddf;background:#354c3b}.resident-tabs{border-bottom:1px solid #2c4035;flex-shrink:0;gap:18px;margin-top:20px;display:flex}.resident-tabs button{color:#769582;background:0 0;border-bottom:2px solid #0000;padding:9px 2px;font-size:11px}.resident-tabs button[aria-selected=true]{color:#c9e3cd;border-color:#9ac3a1}.profile-panel.conversation-open{flex-direction:column;flex:1;align-items:stretch;gap:0;min-height:0;display:flex;overflow:hidden}.conversation-pane,.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.conversation-history{scrollbar-width:thin;scrollbar-color:#3c5643 transparent;overflow-wrap:anywhere;flex:1;min-height:85px;padding:16px 0 4px;overflow:auto}.chat-bubble{background:#17271e;border:1px solid #2e4736;border-radius:8px;margin:0 12px 12px 0;padding:10px 11px}.chat-bubble.human{background:#23382b;border-color:#3b5741;margin:0 0 12px 12px}.chat-bubble.pending{opacity:.8;border-style:dashed}.chat-bubble>span{color:#88af92;align-items:center;gap:8px;font-size:9px;display:flex}.chat-bubble time,.chat-bubble>span>small{color:#688d73;margin-left:auto;font:8px ui-monospace,monospace}.chat-bubble p{color:#c3d7c6;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px;font-size:12px;line-height:1.85}.chat-bubble>small{text-align:right;color:#87ab91;margin-top:5px;font-size:8px;display:block}.conversation .chat-form{border-top:1px solid #2a3f31;flex-shrink:0;margin-top:9px;padding-top:13px}.conversation .chat-form textarea{max-height:85px}.conversation-empty{color:#678c72;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:170px;display:flex}.conversation-empty p{color:#a7c3ad;font-size:13px}.conversation-empty small{color:#779c80;font-size:10px}.chat-typing{color:#90b89a;margin:5px 0 10px;font-size:10px}.profile-panel.conversation-open>.profile-hero{flex-shrink:0}@media (width<=1000px) and (width>=641px){.profile-panel.details-open{display:block}.profile-panel.conversation-open{display:flex}.profile-panel .profile-hero{grid-column:auto}.profile-panel .personality{margin-top:18px}.profile-panel .goal-card{margin:15px 0}.profile-panel .profile-numbers{margin:16px 0}.profile-panel h3{margin-top:20px}}@media (width<=640px){.queue-heading,.queue-item{font-size:9px}.interaction-queue{padding:11px 12px}.resident-tabs{margin-top:14px}.resident-tabs button{font-size:11px}.conversation-empty{min-height:110px}.conversation .chat-form{margin-top:7px;padding-top:10px}.conversation-history{padding-top:12px}.chat-bubble p{font-size:11px}.conversation .chat-form>span{font-size:7px}.profile-panel.conversation-open{padding:16px}}.chat-shortcuts{color:#7a9d81;text-align:right;margin-top:5px;font-size:8px;display:block}.shared-status{color:var(--muted,#a5a5ba);background:#141722;border:1px solid #292c3b;border-radius:12px;flex-direction:column;gap:5px;padding:12px 16px;font-size:11px;display:flex}.shared-status strong{color:var(--subtle);font-weight:500}.town-council{background:linear-gradient(130deg,#172722,#141b23 85%);border:1px solid #33483e;border-radius:12px;margin:14px 0;padding:17px}.council-heading{align-items:center;gap:8px;display:flex}.council-heading h2{color:#d1dfd5;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:500;display:flex}.council-badge{color:#b2d8a5;border:1px solid #486348;border-radius:4px;padding:3px 6px;font-size:9px}.council-badge.closed{color:#aebac4;border-color:#44515c}.council-heading time{color:#c3d5bd;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.town-council h3{color:#e0e7df;margin:17px 0 7px;font-size:17px;font-weight:500;line-height:1.5}.council-description,.council-empty{color:#a4b1aa;font-size:11px;line-height:1.7}.council-empty{margin-bottom:0}.council-impact{color:#c7bb94;align-items:flex-start;gap:6px;margin:12px 0 18px;font-size:10px;line-height:1.7;display:flex}.council-impact svg{flex-shrink:0;margin-top:2px}.council-votes{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:9px 14px;font-size:12px;display:flex}.council-votes strong{color:#bad4b2;font-weight:500}.council-votes>span{color:#d9a599}.council-votes small{color:#9ba8a3;margin-left:auto;font-size:10px}.council-meter{background:#8a625d;border-radius:3px;height:4px;margin:9px 0 15px;overflow:hidden}.council-meter>span{background:#96b58c;height:100%;display:block}.council-actions{gap:9px;display:flex}.council-actions button{color:#c4d9bd;cursor:pointer;background:#1c3027;border:1px solid #41584a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;min-height:40px;font-size:12px;display:flex}.council-actions button:last-child{color:#dec0b5;background:#302421;border-color:#604841}.council-actions button[aria-pressed=true]{opacity:1;box-shadow:inset 0 0 0 1px}.council-actions button:disabled{cursor:default;opacity:.5}.council-actions button[aria-pressed=true]:disabled{opacity:1}.council-actions button:focus-visible,.council-opinions summary:focus-visible{outline-offset:3px;outline:2px solid #c3d9b3}.council-hint,.council-rule{color:#9aa99e;font-size:10px;line-height:1.6}.council-rule{margin:13px 0 0}.council-result{color:#cadfc3;margin:0 0 13px;font-size:12px}.council-error{color:#f0b1a2;font-size:11px}.council-opinions{border-top:1px solid #304039;margin-top:14px;padding-top:12px}.council-opinions summary{cursor:pointer;color:#b5c3b8;font-size:11px}.council-opinions summary span{color:#94a194;font-variant-numeric:tabular-nums;margin-left:5px}.council-opinion{padding:12px 0 3px}.council-resident{align-items:center;gap:9px;font-size:11px;display:flex}.council-resident small{color:#a2afa5;font-size:9px}.council-opinion p{color:#c0ccc3;overflow-wrap:anywhere;margin:5px 0;font-size:11px;line-height:1.8}.town-constitution{border-top:1px solid #304039;margin-top:15px;padding-top:13px}.town-constitution summary{cursor:pointer;color:#c4d4bc;font-size:12px}.town-constitution summary>span{color:#9faa9b;margin-left:8px;font-size:10px}.town-constitution article{border-bottom:1px solid #2b3932;padding:15px 0}.constitution-intro{color:#a1b09f;font-size:10px;line-height:1.7}.constitution-meta{color:#bdcbb5;align-items:center;gap:9px;font-size:10px;display:flex}.constitution-meta strong{font-weight:500}.constitution-meta time{color:#9ca797;margin-left:auto;font-size:9px}.town-constitution h4{color:#d7dfd2;margin:9px 0 5px;font-size:12px;font-weight:500;line-height:1.7}.town-constitution article p{color:#b6c2b1;margin:0 0 7px;font-size:11px;line-height:1.8}.town-constitution article small{color:#9da998;font-size:9px;line-height:1.8}.constitution-more{color:#c5d4bd;cursor:pointer;background:#1a2922;border:1px solid #405344;border-radius:5px;width:100%;min-height:36px;margin-top:13px;font-size:11px;display:block}.town-constitution summary:focus-visible,.constitution-more:focus-visible{outline-offset:3px;outline:2px solid #c3d9b3}.constitution-entry{color:#c5d5bb;cursor:pointer;background:#17241e;border:1px solid #394e3d;border-radius:6px;align-items:center;gap:5px;padding:7px 9px;font-size:11px;display:flex}.council-launcher{color:#bfceb9;text-align:left;cursor:pointer;background:#18261f;border:1px solid #344c3c;border-radius:9px;align-items:center;gap:10px;width:100%;margin:12px 0;padding:13px;display:flex}.council-launcher>span:first-of-type{flex:1;min-width:0}.council-launcher strong{font-size:12px;font-weight:500;display:block}.council-launcher small{white-space:nowrap;text-overflow:ellipsis;color:#a0b29f;margin-top:5px;font-size:10px;display:block;overflow:hidden}.council-launcher>span:last-of-type{flex-shrink:0;font-size:10px}.proposed-rule{color:#d1dfc9;overflow-wrap:anywhere;background:#213129;border-left:2px solid #9db88c;margin:12px 0;padding:11px 12px;font-size:12px;line-height:1.8}.civic-dialog-actions,.law-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.civic-dialog-actions button,.law-actions button{color:#c9dcc0;cursor:pointer;background:#1c3024;border:1px solid #405b45;border-radius:6px;min-height:36px;padding:7px 12px;font-size:11px}.civic-dialog-actions button:last-child{margin-left:auto}.law-text{overflow-wrap:anywhere;padding-top:9px}.constitution-form{background:#17291e;border:1px solid #40543d;border-radius:8px;margin-top:17px;padding:14px}.constitution-form h3{color:#d3dfc9;font-size:14px}.constitution-form label{color:#b9cbb0;margin-top:12px;font-size:11px;display:block}.constitution-form textarea,.constitution-form select{color:#dae7d3;width:100%;font:inherit;background:#101c15;border:1px solid #486143;border-radius:5px;margin-top:7px;padding:9px;font-size:12px;line-height:1.7;display:block}.constitution-form textarea{resize:vertical}.constitution-entry:focus-visible,.council-launcher:focus-visible,.law-actions button:focus-visible,.civic-dialog-actions button:focus-visible{outline-offset:3px;outline:2px solid #b8d29f}.constitution-search{gap:8px;margin:12px 0;display:grid}.constitution-search input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:1px solid #405344;border-radius:8px;padding:10px}.constitution-search input:focus-visible{outline-offset:3px;outline:2px solid #b8d29f}