:root{
 color-scheme:dark;--bg:#101716;--panel:#17211f;--panel-soft:#1d2925;--line:#2d4038;--muted:#a0b1a5;
 --text:#f0f4ec;--mint:#a7d9ad;--mint-strong:#78c68d;--gold:#e5c480;--red:#e39b91;
}
*{box-sizing:border-box}
html,body,#app{height:100%;margin:0}
body{overflow:hidden;background:var(--bg);color:var(--text);font:13px/1.5 Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:0}
button,input,textarea{font:inherit}
button{color:var(--text);border:1px solid var(--line);border-radius:9px;background:#24322c;padding:9px 12px;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
button:hover{border-color:#6a9b79;background:#2c3d34}
button:active{transform:translateY(1px)}
button:disabled{opacity:.55;cursor:wait}
.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#111a17;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:11px;min-width:220px}
.sigil{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#253d31;color:var(--mint);font-size:23px}
.brand b{font-size:15px;letter-spacing:.15em;display:block}
.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;margin-top:2px}
.status-group,.top-actions{display:flex;gap:9px;align-items:center}
.status-pill,.meta-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#1b2722;border-radius:999px;padding:7px 11px;font-size:11px;color:#d4e1d4;white-space:nowrap}
.meta-pill{color:#b8c8b9}
.status-dot{display:inline-block;width:7px;height:7px;border-radius:99px;background:#8ca58d;box-shadow:0 0 0 3px #8ca58d22}
.status-dot.connected{background:#79d49a;box-shadow:0 0 0 3px #79d49a22}
.button-primary{background:#82bd8a;color:#102016;border-color:#8dc994;font-weight:700}
.button-primary:hover{background:#a2d8a8;color:#102016}
.button-secondary{background:#1c2b24}
.layout{display:grid;grid-template-columns:265px minmax(320px,1fr) 305px;height:calc(100vh - 108px);min-height:0}
.panel{background:var(--panel);padding:19px 16px;overflow:auto;scrollbar-color:#3c5146 transparent;scrollbar-width:thin}
.left{border-right:1px solid var(--line)}
.right{border-left:1px solid var(--line)}
.intro-card{padding:17px 16px 15px;border-radius:15px;background:linear-gradient(140deg,#273d31,#1c2b24 70%);border:1px solid #405746}
.eyebrow,.section-heading>span,.goal-card small{font-size:9px;font-weight:750;letter-spacing:.11em;color:#a3c5a7}
.intro-card h1{font-size:20px;line-height:1.2;margin:7px 0 8px;letter-spacing:-.025em}
.intro-card p{color:#b8cbbb;font-size:11px;line-height:1.55;margin:0}
.intro-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;padding-top:12px;border-top:1px solid #425a48}
.intro-stats>div{display:flex;flex-direction:column;gap:1px}
.intro-stats b{font-size:20px;font-weight:650}
.intro-stats span{font-size:10px;color:#b6c7b5}
.section-block{margin-top:23px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}
.section-heading h2{font-size:13px;margin:0;font-weight:700;letter-spacing:-.01em}
.section-heading>span{font-size:9px;color:#98b6a0;white-space:nowrap}
.resources{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.resource{display:flex;align-items:center;gap:9px;min-width:0;background:#1d2b25;border:1px solid #2c4035;border-radius:10px;padding:10px 9px}
.resource-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-size:17px;flex-shrink:0}
.wood-icon{color:#d7b779;background:#463d2b}.stone-icon{color:#bdcbd0;background:#344044}.food-icon{color:#96d6a0;background:#2a4633}.knowledge-icon{color:#d3bbf2;background:#413450}
.resource small{display:block;color:#b0c2b1;font-size:10px}
.resource b{display:block;font-size:16px;font-weight:700;line-height:1.3}
.section-note{margin:-4px 0 11px;color:var(--muted);font-size:11px;line-height:1.5}
.roster-section{margin-top:26px}
.agent-list{display:flex;flex-direction:column;gap:5px}
.agent-row{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) 35px;align-items:center;gap:9px;padding:7px;border-radius:10px;border-color:transparent;text-align:left;background:transparent}
.agent-row:hover,.agent-row.active{background:#26382d;border-color:#405e46}
.avatar{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--avatar) 20%,#1a2620);border:1px solid color-mix(in srgb,var(--avatar) 70%,#314338);color:var(--avatar);font-weight:800}
.agent-copy{min-width:0}
.agent-copy b{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.agent-copy small{display:block;color:#a3b5a5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.agent-energy{height:4px;background:#334238;border-radius:99px;overflow:hidden}
.agent-energy i{display:block;height:100%;background:#81c58e;border-radius:99px}
.world{position:relative;overflow:hidden;min-width:0;background:#18231d}
#viewport{position:absolute;inset:0}
#viewport canvas{display:block;width:100%;height:100%;outline:none}
.world-title{position:absolute;left:19px;top:18px;display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid #ffffff28;border-radius:12px;background:#142019d9;backdrop-filter:blur(12px);pointer-events:none}
.world-mark{font-size:25px;color:var(--mint)}
.world-title b{display:block;font-size:11px;letter-spacing:.09em}
.world-title small{display:block;color:#b4c7b7;font-size:9px;letter-spacing:.08em;margin-top:2px}
.world-hud{position:absolute;right:17px;top:18px;display:flex;align-items:center;gap:15px;background:#142019d9;border:1px solid #ffffff28;border-radius:12px;padding:11px 14px;backdrop-filter:blur(12px);pointer-events:none}
.hud-number b{display:block;font-size:16px;line-height:1.2}
.hud-number span{display:block;font-size:9px;color:#bac9ba;margin-top:3px}
.hud-divider{height:28px;width:1px;background:#526558}
.world-help{position:absolute;left:18px;bottom:20px;max-width:calc(100% - 40px);border:1px solid #ffffff24;border-radius:9px;padding:8px 11px;background:#142019d9;color:#d0ddce;font-size:10px;pointer-events:none}
.world-editor{position:absolute;left:19px;top:80px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:min(280px,calc(100% - 38px))}
.world-editor>button{background:#142019e8;border-color:#ffffff35;backdrop-filter:blur(10px);font-size:10px}
.world-editor-tools{width:100%;padding:11px;border:1px solid #ffffff36;border-radius:11px;background:#142019ed;backdrop-filter:blur(14px);box-shadow:0 10px 32px #0005}
.world-editor-tools[hidden]{display:none}
.world-editor-tools label{display:block;font-size:10px;color:#bdd4bd;margin:0 0 5px}
.world-editor-tools select{width:100%;padding:8px;background:#101a15;color:var(--text);border:1px solid #3a5040;border-radius:8px;font:inherit}
.world-editor-actions{display:flex;gap:5px;margin-top:8px}
.world-editor-actions button{flex:1;font-size:10px;padding:7px 8px}
.world-editor-actions .edit-active{border-color:#c5d98c;background:#384b30;color:#f0edc7}
#worldEditStatus{display:block;font-size:9px;line-height:1.45;color:#b3c7b1;margin-top:8px}
.world-controls{position:absolute;right:16px;bottom:17px;display:flex;gap:6px}
.world-controls button{min-width:34px;min-height:34px;padding:7px 10px;background:#18271edc;border-color:#ffffff35;backdrop-filter:blur(10px);font-weight:650}
.world-controls .control-label{font-size:10px}
.world-legend{position:absolute;left:20px;bottom:70px;display:flex;gap:13px;padding:7px 10px;background:#142019bb;border-radius:8px;color:#e0e9dd;font-size:10px;pointer-events:none}
.world-legend span{display:flex;align-items:center;gap:6px}
.legend-person,.legend-building,.legend-tree{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ad9d2}
.legend-building{background:#e5c480}.legend-tree{background:#79be85}
.selected-section{margin-top:1px}
.live-label{color:#8bd59a!important}
.selected-agent{display:flex;align-items:flex-start;gap:11px;background:#202e27;border:1px solid #304638;border-radius:12px;padding:13px}
.profile-avatar{flex-shrink:0;width:41px;height:41px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--avatar) 65%,#496353);background:color-mix(in srgb,var(--avatar) 21%,#1b2922);border-radius:14px;color:var(--avatar);font-size:18px;font-weight:800}
.profile-avatar.neutral{color:var(--mint);background:#24372b;border-color:#47664d}
.profile-copy{min-width:0}
.profile-copy b{font-size:13px;display:block}
.profile-copy small{display:block;color:#b1c3b3;font-size:10px;margin-top:2px}
.profile-copy p{margin:9px 0 0;font-size:11px;line-height:1.55;color:#d1ddd0;font-style:italic}
.agent-details{padding:12px 1px;color:#b8c9b8;font-size:11px}
.goal-card{background:#202e25;border:1px solid #334a39;border-radius:10px;padding:11px;margin-bottom:14px}
.goal-card small{display:block;font-size:9px;margin-bottom:5px}
.goal-card b{font-weight:600;color:#f0f3e8;font-size:12px}
.meter-row{margin:12px 0}
.meter-row>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px}
.meter-row span{color:#aabcae}
.meter-row b{font-size:11px;color:#edf3e9}
.meter{height:5px;border-radius:99px;background:#35453a;overflow:hidden}
.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#78bd88,#b0ddae)}
.subheading{font-size:11px;font-weight:700;color:#d7e2d4;margin:18px 0 7px}
.memory{border-left:2px solid #547b58;padding:5px 0 8px 9px;margin:7px 0;color:#cfdbcf;font-size:10px;line-height:1.45}
.memory small{display:block;color:#91ab96;font-size:9px;margin-bottom:3px}
.muted{color:var(--muted);font-size:11px;line-height:1.6}
.director-section{border-top:1px solid #2a3b30;padding-top:19px}
.mode-chip{border-radius:999px;background:#28392d;padding:4px 7px!important;font-size:9px!important;color:#b6d7b7!important;letter-spacing:0!important}
textarea,input{width:100%;background:#101a15;border:1px solid #3a5040;color:var(--text);border-radius:9px;padding:10px 11px;outline:none;resize:vertical}
textarea{min-height:74px;line-height:1.5;font-size:11px}
input{font-size:11px}
textarea:focus,input:focus{border-color:#89c398;box-shadow:0 0 0 3px #89c39817}
textarea::placeholder,input::placeholder{color:#6f8875}
.wide-button{width:100%;margin-top:8px}
.director-section .button-primary{font-size:11px}
.status-message{display:block;margin-top:8px;color:#a4b7a6;font-size:10px;line-height:1.5}
.brain-settings{margin-top:14px;border-top:1px solid #2c4033;padding-top:12px}
.brain-settings summary{cursor:pointer;color:#bfe0c0;font-size:11px;font-weight:650}
.brain-settings p{color:#9fb2a1;font-size:10px;line-height:1.6}
.brain-settings label{display:block;color:#b7cbb7;font-size:10px;margin:9px 0 5px}
.brain-settings .button-secondary{font-size:11px}
.text-button{border-color:transparent;background:transparent;color:#b6d8b6;font-size:10px}
.text-button:hover{border-color:#3e5943;background:#23342a}
.chronicle-section{border-top:1px solid #2a3b30;padding-top:18px}
.events{display:flex;flex-direction:column;gap:9px}
.event{border-left:2px solid #65886a;padding:1px 0 2px 10px;display:flex;flex-direction:column;gap:3px;font-size:10px;color:#d2ded1;line-height:1.45}
.event small{color:#8fa590;font-size:9px}
.privacy-note{display:block;color:#829887;font-size:9px;line-height:1.5;margin-top:7px}
footer{height:36px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 19px;background:#111a17;color:#9bac9e;font-size:10px}
footer b{color:#d5e2d4;font-weight:650}
footer .status-dot{margin-right:5px;vertical-align:middle}
@media(max-width:1200px){
 .layout{grid-template-columns:235px minmax(300px,1fr)}
 .right{position:absolute;right:10px;top:82px;bottom:46px;width:300px;z-index:4;box-shadow:0 14px 45px #0007;border:1px solid var(--line);border-radius:14px;max-height:calc(100vh - 140px)}
 .world-hud{right:14px}
}
@media(max-width:800px){
 body{overflow:auto}
 .topbar{height:auto;min-height:68px;padding:10px 12px;gap:8px;flex-wrap:wrap}
 .brand{min-width:auto}.brand b{font-size:12px}.brand small{font-size:8px}
 .status-group{order:3;width:100%;justify-content:flex-start}
 .status-pill,.meta-pill{font-size:10px;padding:6px 9px}
 .top-actions{margin-left:auto}.top-actions button{font-size:10px;padding:8px}
 .layout{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 120px)}
 .left{order:2;border-right:0;border-top:1px solid var(--line);overflow:visible}
 .world{order:1;min-height:65vh;height:65vh}
 .right{order:3;position:static;width:auto;max-height:none;border-radius:0;border-left:0;box-shadow:none;overflow:visible}
 .world-title{left:10px;top:10px;padding:8px 10px}.world-title b{font-size:9px}.world-title small{font-size:8px}
 .world-editor{left:10px;top:64px;max-width:235px}
 .world-hud{right:10px;top:10px;padding:8px 9px;gap:8px}
 .hud-number b{font-size:13px}.hud-number span{font-size:8px}.hud-divider{height:22px}
 .world-help{left:10px;bottom:10px;font-size:9px;max-width:60%}
 .world-controls{right:10px;bottom:10px;gap:4px}.world-controls button{min-width:30px;padding:6px}
 .world-controls .control-label{font-size:9px}
 .world-legend{left:10px;bottom:48px;font-size:9px;gap:9px}
 footer{height:auto;min-height:36px;gap:8px;flex-wrap:wrap;padding:9px 12px;font-size:9px}
}

.analysis-result{margin-top:10px;padding:12px;border:1px solid #425e46;background:#1d2e23;border-radius:10px;color:#d6e3d5;font-size:10px;line-height:1.55}
.analysis-result[hidden]{display:none}
.analysis-result h3{font-size:11px;margin:0 0 7px;color:#c4e4c5}
.analysis-result p{margin:5px 0}
.analysis-result ul{padding-left:17px;margin:7px 0}
.analysis-result li{margin:4px 0}
.analysis-severity{display:inline-block;border:1px solid #567b59;border-radius:999px;padding:2px 7px;color:#c4e4c5;font-size:9px;margin-bottom:7px}
.analysis-severity[data-level="high"]{color:#ffb4aa;border-color:#995b54}

.construction-card{margin-top:13px;padding:12px;border-radius:12px;border:1px solid #394c3a;background:linear-gradient(135deg,#26352a,#1b2922)}
.construction-title{display:flex;align-items:center;gap:10px}
.construction-glyph{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#3b4a32;color:#e5cb8d;font-size:21px;flex-shrink:0}
.construction-title small{display:block;color:#a8c4a5;font-size:8px;letter-spacing:.12em;font-weight:750}
.construction-title b{display:block;font-size:11px;margin-top:2px}
.construction-track{height:6px;background:#101b14;border-radius:99px;overflow:hidden;margin-top:13px}
.construction-track i{display:block;height:100%;background:linear-gradient(90deg,#c5a56d,#a9d29d);border-radius:99px;transition:width .35s}
.construction-meta{display:flex;justify-content:space-between;margin-top:6px;color:#bacbb8;font-size:9px}
.material-chain{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px}
.material-step{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px 6px;border-radius:8px;border:1px solid #354439;background:#1a251d;min-width:0;text-align:center}
.material-step i{font-style:normal;font-size:15px;color:#849b85}
.material-step small{font-size:8px;line-height:1.25;color:#91a493;min-height:21px}
.material-step b{font-size:9px;color:#9cad9c}
.material-step.active{background:#303b2b;border-color:#b69b65}
.material-step.active i,.material-step.active b{color:#f0d59b}
.material-step.done{border-color:#527254;background:#22382a}
.material-step.done i,.material-step.done b{color:#9ed7a1}
.carry-state{display:block;color:#a8ccad!important;font-size:10px!important;letter-spacing:0!important;margin-top:7px}
.inventory-text{font-size:10px;line-height:1.55;color:#c4d4c4;margin:0}
.relationship-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.relation-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;align-items:center;gap:10px}
.relation-row b{display:block;color:#dce8d9;font-size:10px}
.relation-row small{display:block;color:#94a994;font-size:9px}
.relation-meter{height:4px;background:#334337;border-radius:99px;overflow:hidden}
.relation-meter i{display:block;height:100%;background:#9ecca1;border-radius:99px}
.cloud-buttons{display:flex;gap:7px}
.cloud-buttons button{flex:1;font-size:10px;padding:8px 7px}
@media(max-width:800px){.material-chain{gap:4px}.material-step small{font-size:8px}}


/* Underworld 0.4.1 — calmer game HUD, stronger hierarchy, less dashboard clutter */
:root{
 --bg:#0c1210;--panel:#111a16;--panel-soft:#17231c;--line:#27382d;--muted:#9aa99b;
 --text:#e7eee5;--mint:#bad8ad;--mint-strong:#8fbc83;--gold:#d7ba7a;--red:#d98e81;
}
body{font-size:12px;background:var(--bg)}
.topbar{height:60px;padding:0 18px;background:#0e1511;border-bottom-color:#26372b}
.brand{min-width:185px;gap:9px}.sigil{width:33px;height:33px;border-radius:10px;font-size:20px}
.brand b{font-size:13px;letter-spacing:.13em}.brand small{font-size:9px;letter-spacing:.055em;color:#94aa98}
.status-pill,.meta-pill{padding:6px 9px;font-size:10px;background:#151f19;border-color:#293b30}
.top-actions button{padding:8px 11px;font-size:11px}
.layout{grid-template-columns:244px minmax(420px,1fr) 282px;height:calc(100vh - 91px)}
.panel{padding:15px 13px;background:#111a16}
.left{border-right:1px solid #293a2f}.right{border-left:1px solid #293a2f}
.intro-card{padding:7px 1px 14px;background:transparent;border:0;border-bottom:1px solid #2b3b30;border-radius:0}
.intro-card h1{font-size:21px;letter-spacing:-.035em;margin:5px 0 7px}
.intro-card p{font-size:11px;max-width:205px;color:#aebbae}
.intro-stats{margin-top:13px;padding-top:10px;border-top:0}
.intro-stats b{font-size:18px;letter-spacing:-.03em}.intro-stats span{font-size:9px;color:#93a397}
.section-block{margin-top:18px}
.section-heading{margin-bottom:9px}
.section-heading h2{font-size:12px;letter-spacing:-.015em}
.section-heading>span,.eyebrow,.goal-card small{font-size:8px;letter-spacing:.075em;color:#91a795}
.resources{gap:6px}
.resource{gap:8px;padding:8px 8px;border-radius:9px;background:#151f19;border-color:#27392d}
.resource-icon{width:27px;height:27px;border-radius:8px;font-size:15px}
.resource small{font-size:9px;color:#a4b4a6}.resource b{font-size:15px}
.construction-card{margin-top:10px;padding:10px;border-radius:10px;background:#151f19;border-color:#2b3d30}
.construction-title small{font-size:8px;letter-spacing:.075em}.construction-title b{font-size:11px}
.construction-track{margin-top:10px;height:5px}.construction-meta{font-size:9px}
.material-chain{gap:4px;margin-top:9px}
.material-step{padding:5px 1px;border-radius:6px}.material-step i{font-size:13px}.material-step small{font-size:7px}.material-step b{font-size:8px}
.roster-section{margin-top:19px}
.agent-list{gap:3px}
.agent-row{padding:6px 5px;gap:8px;border-radius:8px}
.avatar{width:29px;height:29px;border-radius:9px}
.agent-copy b{font-size:11px}.agent-copy small{font-size:9px}
.world{background:#17231b}
.world-title{left:14px;top:14px;padding:9px 11px;border-radius:10px;background:#0e1711db;border-color:#dce9db20;backdrop-filter:blur(14px)}
.world-mark{font-size:22px}.world-title b{font-size:10px;letter-spacing:.08em}.world-title small{font-size:8px;letter-spacing:.055em;color:#aabbaa}
.world-editor{left:14px;top:68px;max-width:240px}
.world-editor>button{background:#0e1711e8;border-color:#dce9db24}
.world-editor-tools{border-color:#dce9db2a;background:#0e1711f2}
.world-hud{right:14px;top:14px;gap:12px;padding:9px 12px;border-radius:10px;background:#0e1711db;border-color:#dce9db20}
.hud-number b{font-size:15px}.hud-number span{font-size:8px;color:#a5b5a6}
.hud-divider{height:25px;background:#405044}
.world-help{left:14px;bottom:14px;max-width:calc(100% - 280px);padding:7px 9px;border-radius:8px;background:#0e1711ce;border-color:#dce9db1c;font-size:9px;color:#aebcaf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.world-legend{left:15px;bottom:53px;gap:10px;padding:6px 8px;background:#0e1711b8;font-size:9px;color:#c5d0c3}
.world-controls{right:14px;bottom:13px;gap:5px}
.world-controls button{min-width:32px;min-height:32px;padding:6px 9px;background:#0e1711e8;border-color:#dce9db2b;font-size:10px}
.right .section-block{margin-top:18px}.right .selected-section{margin-top:0}
.selected-agent{padding:10px;gap:9px;border-radius:10px;background:#151f19;border-color:#283c2d}
.profile-avatar{width:36px;height:36px;border-radius:11px;font-size:16px}
.profile-copy b{font-size:12px}.profile-copy small{font-size:9px;color:#a8b7aa}
.agent-details{padding:9px 1px;font-size:10px}
.meter-row{margin:10px 0}.meter-row span,.meter-row b{font-size:10px}
.goal-card{padding:9px;border-radius:8px;margin-bottom:11px}.goal-card b{font-size:11px}
.memory{font-size:9px;padding-left:8px;margin:6px 0}
.director-section,.chronicle-section{padding-top:14px}
.director-section .section-note{font-size:10px;line-height:1.45}
.mode-chip{font-size:8px!important;padding:3px 6px!important;background:#202e24!important}
textarea,input{border-radius:8px;padding:9px 10px;background:#0e1712;border-color:#2c4031}
textarea{min-height:64px;font-size:10px;resize:vertical}input{font-size:10px}
.wide-button{margin-top:7px}button{border-radius:8px;transition:background .15s,border-color .15s}
.button-primary{background:#9fbe8c;border-color:#aecf9b;color:#102016}
.button-primary:hover{background:#b2d4a1;color:#102016}
.button-secondary{background:#1a281e;border-color:#2c4031}
.status-message{font-size:9px;line-height:1.45;color:#96a89a}
.brain-settings{margin-top:10px;padding-top:10px;border-top:1px solid #28392d}
.brain-settings summary,.diagnostics-tools summary{font-size:10px;color:#b6c7b1;cursor:pointer}
.brain-settings p{font-size:9px}.brain-settings label{font-size:9px}
.brain-settings .button-secondary,.cloud-buttons button{font-size:10px}
.cloud-buttons{gap:5px}.cloud-buttons button{padding:7px 5px}
.events{gap:7px}.event{font-size:9px;line-height:1.4;padding-left:8px;border-left-color:#506f50}
.event small{font-size:8px;color:#829786}
.diagnostics-tools{margin-top:11px;border-top:1px solid #27382c;padding-top:9px}
.diagnostics-tools[open] summary{margin-bottom:5px}
.privacy-note{font-size:8px;color:#788b7c}
.analysis-result{border-color:#2d4432;background:#142019;font-size:9px}
footer{height:31px;padding:0 15px;background:#0e1511;border-top-color:#26372b;font-size:9px;color:#849587}
footer b{font-weight:600}
@media(max-width:1120px){
 .layout{grid-template-columns:218px minmax(300px,1fr) 250px}
 .panel{padding:13px 10px}.world-hud{gap:8px;padding:8px 9px}.hud-number b{font-size:13px}
 .world-title{left:10px;top:10px}.world-editor{left:10px;top:62px}
 .world-help{left:10px;max-width:calc(100% - 245px)}.world-controls{right:10px}.world-legend{left:10px}
}
@media(max-width:800px){
 .layout{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;overflow:auto}
 .panel{overflow:visible;padding:14px}.world{order:0;height:62vh;min-height:440px}
 .left{order:1;border-right:0;border-bottom:1px solid var(--line)}.right{order:2;border-left:0}
 .world-title{max-width:calc(100% - 20px)}
 .world-hud{right:10px;top:10px;gap:7px;padding:7px 8px}
 .world-editor{left:10px;top:61px;max-width:220px}
 .world-help{max-width:calc(100% - 20px);bottom:53px;white-space:normal}
 .world-legend{bottom:14px}.world-controls{bottom:14px}
 footer{gap:8px;flex-wrap:wrap;height:auto;min-height:31px;padding:8px 12px}
}


.simulation-speedbar{position:absolute;z-index:4;left:50%;bottom:13px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:6px 7px;border:1px solid #dbe8d51c;border-radius:12px;background:#0b130ff0;backdrop-filter:blur(16px);box-shadow:0 8px 24px #0004;white-space:nowrap}
.simulation-speedbar .speed-label{font-size:8px;font-weight:800;letter-spacing:.09em;color:#8fa48e;padding:0 4px}
.simulation-speedbar button{min-width:31px;padding:6px;border:1px solid transparent;background:transparent;border-radius:7px;font-size:9px;font-weight:700;color:#b6c4b7}
.simulation-speedbar button:hover{background:#223329;border-color:#344d3a}
.simulation-speedbar button.speed-active{background:#a6c996;color:#102015;border-color:#bed7ac}
#speedFeedback{font-size:8px;color:#8eaa91;padding:0 4px;min-width:36px;text-align:center}
.world-help{max-width:calc(50% - 240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1220px){.simulation-speedbar{gap:2px;padding:5px}.simulation-speedbar button{min-width:27px;padding:6px 4px;font-size:8px}.simulation-speedbar .speed-label{display:none}}
@media(max-width:800px){.simulation-speedbar{bottom:61px;width:calc(100% - 20px);justify-content:center;gap:2px;flex-wrap:wrap}.simulation-speedbar button{min-width:29px}.world-help{display:none}}