/* Dewbanks / a quiet observation desk around a full-width world. */
:root{--bg:#101416;--panel:#171c1e;--border:#ffffff12;--text:#edeee7;--muted:#8d989a;--gold:#cad9aa;--green:#bdd1a0;background:var(--bg);font-family:'DM Sans',sans-serif}
.app-header{height:68px;padding:0 24px;background:#101416;border-bottom:1px solid #ffffff10;gap:32px}.brand{font-size:23px;letter-spacing:-.9px;gap:11px}.brand small{font-size:7px;letter-spacing:1.5px;color:#7f898c;margin-top:3px}.logo{opacity:.9}.top-nav{gap:10px;align-self:center;align-items:center;padding:4px;border:1px solid #ffffff0c;border-radius:8px;background:#191f20}.top-nav>a,.top-nav>button{font-size:11px;padding:8px 14px;color:#929c9b;border-radius:5px}.top-nav .selected{background:#2d3533;color:#e4e9da}.top-nav .selected:after{display:none}.header-right{gap:18px}.connection-button{border:1px solid #ffffff17;background:#1b2222;font-size:10px;border-radius:5px}.chain-symbol{color:#bfd1a1}.live-status{font:8px ui-monospace,monospace;letter-spacing:1px;color:#b1c39d}
.workspace{height:calc(100dvh - 96px);position:relative;display:block;background:#151c1e}.world{position:absolute;inset:0;height:100%;width:100%;background:#151c1e}.residents-panel,.inspector{position:absolute;top:20px;bottom:20px;z-index:3;background:#151b1ded;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 10px 35px #0002;scrollbar-color:#3c4745 transparent;contain:layout paint}.residents-panel{left:20px;width:222px;padding:21px 12px 16px}.inspector{right:20px;width:290px;padding:19px 20px 17px}.panel-heading{padding:0 9px}.eyebrow{font-size:7px;letter-spacing:1.5px;color:#879392}.panel-heading h2{font-size:19px;letter-spacing:-.5px;margin:8px 0 18px}.panel-heading h2 span{color:#b4c59e;border-color:#84947533;font-size:9px}.search-field{margin:0 4px;background:#111718;border-color:#ffffff0e;padding:8px}.search-field input{font-size:10px}.search-field input::placeholder{color:#647174}.roster-header{font-size:6px;letter-spacing:1px;color:#6d7c7d;padding:21px 9px 10px}.resident-row{min-height:42px;padding:7px 8px;gap:9px;border-radius:5px}.resident-row.selected{background:#c4d6aa0e;border-color:#c4d6aa25}.resident-row.selected:before{display:none}.row-avatar{width:23px;height:26px;font-size:17px;background:none}.row-info strong{font-size:11px;color:#e0e5df}.row-info small{font-size:8px;color:#81908f;margin-top:3px}.resident-row canvas{width:24px;height:15px;opacity:.7}.town-priority{margin-top:auto;padding:17px 7px 0}.town-priority select{background:#202829;border-color:#ffffff12;color:#c4d0c1;font-size:10px}.town-priority p{color:#748380;font-size:8px}.town-priority .eyebrow{font-size:7px}
.world-heading{top:29px;left:272px}.world-heading .eyebrow{color:#96aca7;font:7px ui-monospace,monospace;letter-spacing:2px}.world-heading h1{font-size:23px;letter-spacing:-.8px;margin:10px 0;color:#ebede3}.world-heading p{font:9px ui-monospace,monospace;color:#859791}.scene-tools{top:27px;right:336px;background:#182123;border-color:#ffffff18;backdrop-filter:none;border-radius:6px}.scene-tools button{width:31px;height:31px;color:#b2c1b7}.world-controls{bottom:27px;left:48%;background:#141c1e;border-color:#ffffff1b;backdrop-filter:none;box-shadow:0 5px 20px #0002;padding:5px;gap:2px}.world-controls>button{padding:8px 10px;color:#9daaa6}.world-controls>button.active{background:#c5d5a721;color:#d6e1bf}.world-controls>button b{font-size:9px}.playback{background:#d3e1b510}.playback button{color:#d5e0c0}.resource-strip{bottom:85px;left:48%;border:1px solid #ffffff19;background:#152021f5;backdrop-filter:none;box-shadow:none;border-radius:7px;padding:12px 4px}.resource-strip>div,.resource-strip>button{padding:0 19px;gap:10px}.resource-strip small{color:#819590;font:6px ui-monospace,monospace;letter-spacing:1px}.resource-strip b{font-size:18px;color:#e0e8d8}.resource-icon{font-size:20px}.resource-strip em{color:#cfbea0;border-color:#a08d6538}.world-caption{left:270px;right:335px;bottom:9px;font-size:7px;color:#6b817d}.district-card{left:266px;bottom:152px;background:#162123f5;border-color:#ffffff20;backdrop-filter:none}.district-card p{color:#a8b8ae}.district-card small{color:#86a092}.weather-picker{right:334px;bottom:72px;background:#182425;backdrop-filter:none;border-color:#ffffff24}
.inspector-head .eyebrow{font-size:7px;letter-spacing:1.2px}.inspector-head button{color:#91a4a0}.resident-identity{margin-top:18px;gap:10px}.resident-avatar{border-color:#ffffff13;background:#ffffff04;width:40px;height:40px;border-radius:7px;font-size:24px}.resident-identity h2{font-size:25px;letter-spacing:-.8px}.resident-identity p{font-size:10px;color:#869992}.current-state{margin:15px 0 12px;color:#9bb4a5;font-size:8px}.follow-button{background:#cbdab1;border-radius:5px;padding:10px 12px;font-size:10px;color:#26352b}.follow-button:hover{background:#d9e5c3;color:#26352b}.inspector-tabs{gap:22px;margin:20px 0 17px}.inspector-tabs button{font-size:9px;color:#7f9390;padding-bottom:10px}.inspector-tabs button[aria-selected=true]{color:#d4dec6;border-color:#cbdab1}.brain-heading h3{font-size:10px}.brain-heading>span{font:8px ui-monospace,monospace;color:#bbd3a2}.brain-wrap{margin-top:10px;background:#101719;border-color:#ffffff0b}.brain-wrap #brain{height:158px}.brain-caption{font:6px ui-monospace,monospace;color:#647c7a;letter-spacing:1px}.neural-legend{color:#718d85;font-size:6px;margin-bottom:9px}.brain-status{color:#7b938b;font:7px/1.7 ui-monospace,monospace;margin-bottom:12px}.population-details{border-block:1px solid #ffffff0b;padding:11px 0}.population-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:9px;color:#95aaa0}.population-details summary::-webkit-details-marker{display:none}.population-details summary span{color:#c3d4b0}.neural-groups{max-height:145px;margin-top:15px;gap:10px}.neural-group{font-size:8px;color:#95aaa0}.neural-group b{font:7px ui-monospace,monospace;color:#c2d0bc}.neural-group>i{background:#283735}.thought-card{margin:16px 0;padding:12px;border-color:#cbdab11b;background:#cbdab105}.thought-card .eyebrow{font-size:6px;color:#b8c4a8;letter-spacing:1.2px}.thought-card p{font-size:10px;color:#bdcdbd;line-height:1.7}.thought-card small{font:7px ui-monospace,monospace;color:#738e82}.signal-heading{font-size:6px;color:#758e84}.needs{gap:9px;margin-top:13px;padding-top:13px}.needs span{font-size:7px;color:#81998d}.needs b{color:#b0c6a0}.needs meter::-webkit-meter-bar{background:#273934}.needs meter::-webkit-meter-optimum-value{background:#b2c894}.text-button{color:#8eaa9d;font-size:8px}.inspector select{background:#1d2b29;border-color:#ffffff16}.muted,.route{color:#9fb4a6}.priority-list>div,.decision-history>div{color:#8da598}
.place-label{background:#192626de;border-color:#a9c2b522;color:#b9cdc1;border-radius:3px;font:8px 'DM Sans',sans-serif;padding:4px 6px;backdrop-filter:none;box-shadow:none;text-shadow:none}.place-label:before{background:#a8c89d;width:3px;height:3px}.fly-label{background:#263a33;color:#e1e9c6;border-color:#b5c89a6b;font-size:8px;box-shadow:0 2px 8px #0002}.speech-bubble{font-size:9px;max-width:170px;box-shadow:0 2px 8px #0002;border-radius:6px;background:#e5e9d8;color:#35473c}.speech-bubble.thought{background:#243a30;color:#d1e0c0}.speech-bubble small{font-size:6px}.status-bar{height:28px;padding:0 22px;background:#101719;color:#72877e;border-color:#ffffff10;font-size:7px}.status-bar #lastEvent{color:#799286}.status-bar button{color:#91aa8f;font-size:7px}dialog{background:#172321;border-color:#9bb49530}dialog::backdrop{backdrop-filter:none;background:#081311bb}#loading{background:#151c1e;color:#93a39a}.mobile-only{display:none}
@media(min-width:1700px){.residents-panel{width:234px;left:26px;top:26px;bottom:26px}.inspector{right:26px;top:26px;bottom:26px;width:304px}.world-heading{left:292px;top:37px}.scene-tools{right:356px;top:35px}.resident-row{min-height:49px}.row-info small{font-size:9px}.world-heading h1{font-size:27px}.world-caption{left:294px;right:356px}.world-controls,.resource-strip{left:48%}.brain-wrap #brain{height:175px}}
@media(max-width:1200px){.residents-panel{width:192px;left:14px;padding:18px 9px}.inspector{width:266px;right:14px;padding:18px 16px}.world-heading{left:227px;top:27px}.world-heading h1{font-size:19px}.scene-tools{right:301px}.resource-strip{bottom:81px;left:47%;padding:10px 2px}.resource-strip>div,.resource-strip>button{padding:0 10px;gap:7px}.resource-strip b{font-size:16px}.world-controls{left:47%;gap:0}.world-controls>button{padding:8px 7px;gap:4px}.world-caption{left:224px;right:297px}.district-card{left:221px}.weather-picker{right:298px}.brand small{display:none}.top-nav{gap:3px}.header-right{gap:12px}.live-status{display:none}.brain-wrap #brain{height:146px}}
@media(max-width:1000px){.app-header{height:64px;padding:0 17px;gap:15px}.workspace{height:calc(100dvh - 92px)}.residents-panel{display:none}.residents-panel.open{display:flex;position:absolute;top:16px;bottom:16px;left:14px;width:218px;z-index:8;background:#172120}.residents-panel .mobile-only{display:block}.world-heading{left:25px}.scene-tools{right:299px}.world-controls,.resource-strip{left:calc((100% - 278px)/2)}.world-caption{left:24px;right:298px}.mobile-residents{display:block;position:absolute;top:118px;left:25px;background:#20302b;border-color:#97b39c33;color:#c3d4b9;padding:8px 12px;font-size:10px}.district-card{left:24px}.top-nav>a,.top-nav>button{padding:8px 10px}.header-right .connection-button{display:none}.social{display:block}}
@media(max-width:720px){body{overflow:auto}.app-header{position:sticky;top:0;z-index:12;height:60px;padding:0 13px}.brand{font-size:21px}.top-nav{gap:0;margin-left:auto;padding:2px}.top-nav>a,.top-nav>button{font-size:10px;padding:7px 9px}.top-nav #townTab,.top-nav #activityButton{display:none}.header-right{display:none}.workspace{height:auto;display:flex;flex-direction:column}.world{position:relative;height:70dvh;min-height:440px;inset:auto;order:0}.inspector{position:relative;inset:auto;order:1;width:auto;margin:0 12px 16px;border-radius:10px;padding:22px;display:block;overflow:visible;contain:none}.residents-panel.open{position:fixed;top:70px;bottom:16px;left:12px;width:232px;z-index:10}.scene-tools{right:16px;top:26px}.world-heading{left:22px;top:26px}.world-heading h1{font-size:23px}.world-heading .eyebrow{font-size:7px}.world-heading p{font-size:9px}.mobile-residents{left:22px;top:121px;font-size:9px;padding:7px 10px}.resource-strip,.world-controls{left:50%}.resource-strip{bottom:85px;width:auto;max-width:calc(100% - 26px);justify-content:center}.resource-strip>div,.resource-strip>button{padding:0 10px}.world-controls{bottom:33px;max-width:calc(100% - 24px)}.world-controls>button{padding:8px 7px}.world-controls>button b{font-size:8px}.world-caption{left:22px;right:22px;bottom:14px}.district-card{left:20px;bottom:157px}.weather-picker{right:18px;bottom:83px}.inspector-head .eyebrow{font-size:8px}.current-state{font-size:10px}.inspector-tabs button{font-size:11px}.brain-wrap #brain{height:190px}.brain-heading h3{font-size:12px}.thought-card p{font-size:12px}.thought-card .eyebrow,.thought-card small{font-size:8px}.neural-legend,.brain-status{font-size:8px}.population-details summary{font-size:11px}.text-button{font-size:10px}.needs span{font-size:9px}.status-bar{height:auto;min-height:30px;font-size:7px}.status-bar #lastEvent{display:none}.brain-caption{font-size:7px}}

/* Original forest artwork, framed consistently across both headers. */
.app-header .logo{width:42px;height:42px;flex:0 0 42px;display:block;overflow:hidden;border-radius:10px;mix-blend-mode:normal;opacity:1}
.app-header .logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;transform:none}
@media(max-width:720px){.app-header .logo{width:36px;height:36px;flex-basis:36px;border-radius:8px}}