:root{color-scheme:dark;--bg:#13191a;--panel:#1b2121;--border:#ffffff13;--ink:#edeadf;--muted:#89948e;--gold:#dcc296;--cyan:#9ccac4;font-family:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:13px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--border);background:transparent;transition:background .18s,border-color .18s,color .18s}button:hover{background:#ffffff0a;border-color:#ffffff36}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:active{transform:translateY(1px)}[hidden]{display:none!important}.masthead{height:94px;display:flex;align-items:center;gap:28px;padding:0 36px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:15px}.brand svg{width:40px;height:40px}.brand svg path{stroke:#b4d4cd;stroke-width:1.4;fill:none}.brand svg circle{fill:var(--gold)}.brand>span{font-family:Georgia,"Noto Serif SC","SimSun",serif;font-size:25px;letter-spacing:4px}.brand small{display:block;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:2.8px;color:var(--muted);margin-top:7px}.house-meta{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px;color:#bfc4b9;font-variant-numeric:tabular-nums}.separator{height:16px;width:1px;background:var(--border)}.connection{display:inline-flex;align-items:center;gap:8px}.connection i,.mini-dot,.presence-dot{width:6px;height:6px;background:#a8c9aa;border-radius:50%;display:inline-block}.connection.offline i{background:#d3a572}.connection.offline{color:#d3a572}.icon-button{height:33px;width:33px;border-radius:50%;font-size:17px;color:#a3afa6;flex:none}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 332px;min-height:calc(100svh - 163px)}.room-panel{position:relative;min-width:0;overflow:hidden;min-height:640px;background:radial-gradient(ellipse at 46% 62%,#424136 0,#222927 47%,#171e1e 82%)}#home-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none}.scene-caption{position:absolute;z-index:2;left:36px;top:30px;pointer-events:none}.eyebrow{font-size:8px;font-weight:400;letter-spacing:2.4px;font-family:ui-monospace,monospace;color:#9ba69a}.scene-caption h1{font-family:Georgia,"Noto Serif SC","SimSun",serif;font-size:31px;font-weight:400;letter-spacing:3px;margin:13px 0 11px}.scene-caption p{color:#a6afa4;font-size:11px;letter-spacing:1px;margin:0}.scene-toolbar{position:absolute;z-index:3;top:28px;right:25px;display:flex;align-items:center;gap:10px}.view-switch{background:#1a211fba;backdrop-filter:blur(14px);border:1px solid var(--border);padding:4px;border-radius:25px;display:flex;gap:2px}.view-switch button{border:0;padding:7px 12px;border-radius:20px;font-size:11px;color:#a6aea5}.view-switch button.active{background:#e2d7ba;color:#30362f}.zone-caption{position:absolute;z-index:2;left:36px;bottom:70px;pointer-events:none}.zone-caption span{font-size:12px;letter-spacing:1px;color:#e7cfaa}.zone-caption p{font-size:11px;color:#a6afa4;margin:7px 0}.orbit-hint{position:absolute;right:28px;bottom:77px;font-size:10px;letter-spacing:1px;color:#869287}.room-bottom{position:absolute;left:0;right:0;bottom:0;height:48px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px;padding:0 30px;background:#171e1dc4;font-size:11px;color:#c4ccbc;backdrop-filter:blur(8px)}.room-bottom-right{margin-left:auto;font-size:10px;color:#788779}.life-panel{padding:25px 25px 17px;background:var(--panel);border-left:1px solid var(--border);min-width:0;z-index:4}.section-kicker{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#c5b898;letter-spacing:1.5px}.section-kicker span{font-family:monospace;font-size:8px;letter-spacing:1px;color:#6c7b74}.resident-profile{display:flex;align-items:center;gap:13px;margin:20px 0 12px}.resident-profile img{height:56px;width:56px;object-fit:cover;border-radius:50%;border:1px solid #8b9b8240;padding:2px}.resident h2{margin:0;font-size:20px;letter-spacing:2px;font-weight:500}.resident h2 span{display:block;margin-top:4px;font-size:9px;letter-spacing:1px;color:#7e9289;font-weight:400}.resident-profile p{font-size:11px;color:#cabd9f;margin:8px 0 0}.presence-dot{margin-left:auto;width:5px;height:5px}.activity-reason{font-size:11px;color:#8e9b91;line-height:1.9;min-height:42px;margin:0 0 18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.section-heading h3{font-size:12px;font-weight:400;letter-spacing:.5px;margin:0;color:#d5dbce}.section-heading>span{font-size:9px;color:#748177}.needs-section,.zones-section,.interaction-section,.journal-section{border-top:1px solid var(--border);padding-top:18px;margin-top:17px}.needs{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.need-header{display:flex;justify-content:space-between;font-size:10px;color:#8b9a8d;margin-bottom:7px}.need-header output{font-family:monospace;color:#b4c0ad;font-size:10px}.need-track{height:3px;background:#ffffff0a;border-radius:2px;overflow:hidden}.need-fill{height:100%;width:0;background:#b4bf97;transition:width .6s ease}.need:nth-child(2) .need-fill{background:#c5a375}.need:nth-child(3) .need-fill{background:#7cabac}.need:nth-child(4) .need-fill{background:#aaa1bb}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.zone-button{display:flex;align-items:center;text-align:left;gap:8px;padding:10px 8px;border-radius:5px;background:#ffffff02;position:relative;color:#91a08f;font-size:10px}.zone-button.active{border-color:#b5c39350;background:#a8bd7e0a;color:#d0d8bb}.zone-button.occupied:after{content:"";position:absolute;right:8px;width:4px;height:4px;border-radius:50%;background:#b9cca1}.interactions{display:flex;gap:6px}.interactions button{flex:1;padding:10px 3px;border-radius:5px;font-size:10px;white-space:nowrap;color:#c7c5b2}.interactions button span{display:block;margin-bottom:8px;font-size:21px;line-height:20px;color:#b9bd9c}.interaction-section>p{font-size:9px;color:#738276;margin:10px 0 0;letter-spacing:.3px}.journal{list-style:none;padding:0;margin:0;max-height:138px;overflow:auto;scrollbar-width:thin;scrollbar-color:#4b5b4c transparent}.journal li{display:flex;align-items:flex-start;gap:11px;font-size:10px;line-height:1.7;margin:0 0 11px;color:#a4ae9d}.journal time{font-family:monospace;white-space:nowrap;font-size:9px;color:#657a6b;margin-top:1px}.journal p{margin:0}.life-footer{margin-top:17px;padding-top:13px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--border)}.life-footer>span{font-size:8px;color:#738473}.life-footer button{border:0;font-size:8px;color:#9bab95;padding:3px 0}.transport{min-height:69px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 35px;border-top:1px solid var(--border);background:#141b1a}.transport>div:first-child{display:flex;align-items:center;gap:13px}.version{font-family:monospace;font-size:9px;color:#586b5d;border-left:1px solid var(--border);padding-left:13px}.time-controls{display:flex;align-items:center;gap:13px;font-size:10px;color:#95a08e}.speed-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:20px}.speed-switch button{font-family:monospace;font-size:10px;padding:5px 10px;border:0;border-radius:15px}.speed-switch button.active{background:#ced4b7;color:#252e26}.pause-button{font-size:10px;padding:8px 13px;border-radius:20px;color:#bac3a9}.persistence-note{font-size:9px;color:#6c7c6c}.loading,.scene-error{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#19211fea;color:#b4c2a5}.loading p{font-size:12px;letter-spacing:2px;margin-top:22px}.loading-ring{width:32px;height:32px;border:1px solid #bbcba72c;border-top-color:#cfb98e;border-radius:50%;animation:spin 1.4s linear infinite}.scene-error p{max-width:420px;text-align:center;line-height:1.8;padding:15px}.scene-error button{padding:10px 20px;border-radius:20px}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:87px;left:50%;transform:translateX(-50%);background:#e0d9bd;color:#29342b;z-index:20;padding:13px 22px;border-radius:7px;box-shadow:0 10px 40px #0005;font-size:12px;max-width:90vw}dialog{background:#1c2521;color:#c2c9b6;border:1px solid #b7c69735;border-radius:14px;padding:37px;max-width:510px;width:90vw;line-height:1.9;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#07130cc9;backdrop-filter:blur(6px)}dialog h2{font-family:Georgia,"SimSun",serif;font-size:25px;font-weight:400;color:#e1d8bb;margin:17px 0 25px}dialog p{font-size:12px}.dialog-close{position:absolute;right:18px;top:16px;border:0;font-size:23px}.dialog-foot{font-size:10px;color:#829578;border-top:1px solid var(--border);padding-top:17px;margin-top:25px}.dialog-foot span{float:right}
@media(min-width:1600px){.home-layout{grid-template-columns:minmax(0,1fr) 370px}.life-panel{padding:29px 32px}.resident-profile{margin:24px 0 18px}.needs-section,.zones-section,.interaction-section,.journal-section{margin-top:22px;padding-top:22px}.journal{max-height:175px}}
@media(max-width:1150px){.masthead{padding:0 22px;height:80px}.home-layout{grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100svh - 149px)}.life-panel{padding:23px 19px}.scene-caption{left:25px;top:28px}.scene-caption h1{font-size:26px}.scene-toolbar{top:132px;left:24px;right:auto}.transport{padding:12px 22px}.persistence-note{max-width:180px;line-height:1.7}.zone-caption{left:25px}.room-bottom-right{display:none}}
@media(max-width:800px){.masthead{height:79px;gap:13px;padding:0 18px}.brand>span{font-size:20px;letter-spacing:2px}.brand svg{width:31px;height:31px}.brand{gap:10px}.brand small{font-size:6px;letter-spacing:1.6px}.house-meta{flex-direction:column;align-items:flex-end;gap:6px;font-size:9px}.separator{display:none}.masthead>.icon-button{display:none}.home-layout{display:flex;flex-direction:column}.room-panel{min-height:590px;height:71svh;max-height:780px}.scene-caption{top:22px;left:22px}.scene-caption h1{font-size:27px;margin:11px 0 8px}.scene-caption p{font-size:10px}.eyebrow{font-size:7px}.scene-toolbar{top:121px;left:20px;right:auto}.view-switch button{padding:7px 13px}.orbit-hint{bottom:101px;right:20px;font-size:8px}.zone-caption{left:22px;bottom:62px}.zone-caption p{font-size:10px}.room-bottom{padding:0 22px;font-size:10px}.life-panel{border-left:0;border-top:1px solid var(--border);padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.resident{grid-column:1/-1}.resident-profile{margin:15px 0 12px}.activity-reason{min-height:0;margin:0}.needs-section,.zones-section,.interaction-section,.journal-section{margin:0;padding-top:17px}.needs{grid-template-columns:1fr;gap:12px}.zone-grid{grid-template-columns:1fr}.zone-button{padding:10px}.interaction-section,.journal-section,.life-footer{grid-column:1/-1}.interactions button{padding:13px}.journal{max-height:165px}.life-footer{margin:0}.transport{flex-wrap:wrap;justify-content:center;padding:17px 20px;gap:14px}.transport>div:first-child{display:none}.persistence-note{width:100%;max-width:none;text-align:center}.transport .time-controls{gap:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.loading-ring{animation:none}}

.room-panel[data-camera-view="follow"] .scene-caption,.room-panel[data-camera-view="follow"] .zone-caption,.room-panel[data-camera-view="close"] .scene-caption{display:none}


/* Single-resident observation: quiet surfaces, neural light and legible measures. */
button:disabled{cursor:not-allowed}
.brain-section{padding-bottom:23px;border-bottom:1px solid var(--border);margin-bottom:22px}
.brain-heading{margin:16px 0 0;gap:10px}.brain-heading h2{font-size:19px;font-weight:400;letter-spacing:1px;margin:0;color:#d5dfd5}.brain-heading>span{color:#98b9b7;font-size:10px}
.brain-viewport{height:235px;position:relative;margin:2px -10px 7px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#24323650,transparent 68%)}
#brain-canvas{width:100%;height:100%;display:block}.brain-caption{position:absolute;bottom:10px;left:0;width:100%;text-align:center;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:3px;color:#8ba9ac;pointer-events:none}.brain-caption small{display:block;font-size:9px;font-family:inherit;letter-spacing:1px;margin-top:7px;color:#708780}
.neural-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}.neural-metrics>span+span{border-left:1px solid var(--border)}.neural-metrics output{font-family:ui-monospace,monospace;font-size:19px;color:#c6dad7;font-variant-numeric:tabular-nums;display:block}.neural-metrics small{display:block;font-size:10px;color:#80948b;margin-top:7px}.neural-note{font-size:10px;line-height:1.6;color:#849b91;margin:18px 0 0;text-align:center}
.resident-profile{margin:12px 0 10px}.resident-profile img{width:42px;height:42px}.resident h2{font-size:17px}.resident .section-kicker{display:none}.activity-reason{min-height:0;margin-bottom:0}.needs-section .section-heading h3{font-size:13px}.need-header,.need-header output{font-size:12px}.need-track{height:4px}.needs{gap:17px 20px}
@media(min-width:801px){.home-layout{grid-template-columns:minmax(0,1fr) 354px;height:max(680px,calc(100svh - 163px));min-height:680px}.life-panel{height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#485b48 transparent}.room-panel{min-height:0}}
@media(min-width:1600px){.home-layout{grid-template-columns:minmax(0,1fr) 380px}.life-panel{padding:26px 27px}.brain-viewport{height:245px}}
@media(min-width:801px) and (max-width:1150px){.home-layout{grid-template-columns:minmax(0,1fr) 322px;height:max(680px,calc(100svh - 149px))}.brain-viewport{height:215px}.neural-metrics output{font-size:17px}}
@media(max-width:800px){.brain-section{grid-column:1/-1;margin:0;padding-bottom:22px}.brain-viewport{height:260px;max-width:480px;width:100%;margin:0 auto}.needs-section{grid-column:1/-1}.needs{grid-template-columns:1fr 1fr}.zones-section{grid-column:1/-1}.zone-grid{grid-template-columns:1fr 1fr}.life-panel{height:auto;overflow:visible}.brain-heading h2{font-size:22px}}

.environment-section{padding:22px 0;border-top:1px solid #ffffff14}.environment-section label{font-size:12px;color:#b4bdb7}.environment-section select{width:100%;margin:10px 0;padding:10px;border:1px solid #ffffff25;border-radius:8px;color:#e1e7df;background:#202929}.desk-controls{display:flex;gap:8px}.desk-controls button{padding:9px 13px;border:1px solid #ffffff25;border-radius:8px;background:transparent;color:#ddd}.environment-section p{font-size:12px;line-height:1.6;color:#aab8b1}.environment-section [hidden]{display:none}
#arcade-preview { width:100%;max-width:320px;height:auto;aspect-ratio:4/3;image-rendering:pixelated;margin-top:12px;border:1px solid #375452;border-radius:8px;background:#071b24; }
.circuit-section{padding:22px 0;border-top:1px solid var(--border);grid-column:1/-1}.circuit-section .section-heading{align-items:start;gap:8px}.circuit-section h3{font-size:13px}.circuit-section #circuit-status{max-width:140px;text-align:right;line-height:1.6;font-size:10px;color:#81988f}.circuit-section #motion-explanation{font-size:12px;line-height:1.8;color:#c8d6c7;border-left:2px solid #8cb8ac;padding-left:10px;margin:14px 0}.circuit-section details{border-top:1px solid #ffffff0d;padding:12px 0}.circuit-section summary{cursor:pointer;font-size:12px;color:#c3cfc3}.circuit-section summary>span{float:right;font-size:10px;color:#8ca297}.circuit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #ffffff08;font-size:11px}.circuit-row>span{min-width:0;line-height:1.6}.circuit-row small{display:block;font-size:9px;color:#7e938a}.circuit-row output{font-family:ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:10px;color:#b7d5ca;text-align:right;white-space:nowrap}.circuit-note{font-size:10px;line-height:1.7;color:#81988f}.circuit-section.stale .circuit-row output{color:#77827a}.circuit-section button{width:100%;padding:10px 12px;border:1px solid #94b4a333;border-radius:6px;text-align:left;background:#ffffff04;font-size:11px}#neuron-dialog{max-width:1000px;width:94vw;max-height:88svh;overflow:auto;padding:28px}#neuron-dialog h2{margin:8px 0 12px}.neuron-searchbar{display:flex;gap:16px;margin:18px 0;font-size:11px}.neuron-searchbar label:first-child{flex:1}.neuron-searchbar label{display:flex;flex-direction:column;gap:6px}.neuron-searchbar input,.neuron-searchbar select{background:#17221f;color:#d9e0d5;border:1px solid #7e9b8544;border-radius:5px;padding:9px;font:inherit;min-width:0}.neuron-table-wrap{overflow:auto;max-height:48svh}.neuron-table-wrap table{width:100%;border-collapse:collapse;font:11px ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.neuron-table-wrap th{text-align:left;position:sticky;top:0;background:#24312b;color:#cbd8c9;padding:9px 8px}.neuron-table-wrap td{padding:9px 8px;border-bottom:1px solid #ffffff0c;color:#b0c5b9}.neuron-pagination{display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:11px;margin-top:15px}.neuron-pagination button{padding:7px 10px;border:1px solid #7e9b8544;border-radius:4px}.neuron-pagination button:disabled{opacity:.35}#neuron-sample{color:#89aa98;font-size:10px}@media(max-width:500px){#neuron-dialog{padding:24px 15px}.neuron-searchbar{flex-direction:column;gap:10px}.neuron-pagination{gap:6px}.circuit-row output{font-size:10px}}

.need-help{display:block;font-size:10px;line-height:1.55;color:var(--muted,#929e95);margin-top:5px}