/* Simclone Observation UI 0.1.2 — autonomous systems visibility. */
.ux-v2{--muted:#c0cbbf;--gold:#e8cfa0;--line:#d4dfc821;--panel:#142f29f5}
.ui-icon{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ux-v2 .eyebrow{font-size:9px;letter-spacing:1.7px}
.ux-v2 .iconbtn{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.ux-v2 .speed{min-height:40px;min-width:40px;font-size:13px}
.ux-v2 .timeblock small{font-size:12px}
.ux-v2 .tool{min-height:67px;color:#c4cebe}
.ux-v2 .tool.active{color:var(--gold);box-shadow:inset 2px 0 var(--gold);background:#e4c48513}
.ux-v2 .tool span{display:flex;align-items:center;justify-content:center;height:28px}
.ux-v2 .tool small{font-size:11px;margin-top:7px}
.ux-v2 .resources{padding:13px 3px;box-shadow:0 10px 26px #09201736}
.ux-v2 .resources .ui-icon{width:19px;height:19px;margin-top:-3px}
.ux-v2 .resources small{font-size:11px;line-height:1.4}
.ux-v2 .resources b{font-size:18px}
.ux-v2 .settlement h1{font-size:25px}
.ux-v2 .settlement p{font-size:12px}
.ux-v2 .inspector{width:316px;padding:18px 20px 20px;border-color:#d2dec731;max-height:calc(100% - 252px);box-shadow:0 24px 60px #091c214a}
.ux-v2 .inspect-head{margin-top:-8px}
.ux-v2 .inspect-head .eyebrow{font-size:9px;color:#c6b98e;letter-spacing:1.3px}
.ux-v2 .identity{gap:13px;margin:5px 0 17px}
.ux-v2 .identity-text{flex:1;min-width:0}
.ux-v2 .identity h2{font-size:29px;overflow-wrap:anywhere;line-height:1.25;margin-bottom:6px}
.ux-v2 .identity h2 sup{font:11px system-ui;color:#a9b9a4;vertical-align:middle}
.ux-v2 .identity p{font-size:12px;margin-bottom:7px}
.ux-v2 .portrait{border-radius:12px;border:1px solid #d5debd33;width:63px;height:72px;background:#51644c}
.role-tag{display:inline-flex;font-size:10px;border:1px solid #c9b78333;border-radius:5px;color:var(--gold);padding:2px 7px}
.ux-v2 .needs{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}
.ux-v2 .need-label{align-items:center;font-size:10px;gap:3px;margin-bottom:7px;white-space:nowrap}
.ux-v2 .need-label .ui-icon{width:11px;height:11px;margin-right:3px;vertical-align:-1px}
.ux-v2 .need-label b{font-size:11px;color:#f1e8d3;font-variant-numeric:tabular-nums}
.ux-v2 .meter{height:5px;background:#cdd8b316}
.ux-v2 .need-energy .meter i{background:#90c5c0}
.ux-v2 .need-hp .meter i{background:#aed09e}
.ux-v2 .meter.low i{background:#eaaa7e}
.action-ribbon{display:flex;align-items:center;gap:8px;min-height:46px;padding:0 0 0 11px;border:1px solid #bcc6a821;background:#d5e2c607;border-radius:9px;font-size:12px}
.action-ribbon #ux-current-action{flex:1;overflow-wrap:anywhere}
.activity-dot{width:5px;height:5px;background:#b8d3a0;border-radius:50%;flex:none}
.why-shortcut{flex:none;min-height:44px;padding:0 10px;color:var(--gold);font-size:11px}
.ux-v2 .tabs{margin:15px 0;gap:0}
.ux-v2 .tabs button{flex:1;padding:11px 4px;min-height:44px;font-size:12px;white-space:nowrap}
.ux-v2 .tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}
.ux-v2 .source-note{font-size:11px;line-height:1.85;padding-top:11px;margin:10px 0;color:#bac8b6}
.life-summary{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.life-summary small{display:block;color:#a9b8a3;font-size:11px}
.life-summary b{display:block;margin-top:5px;font-weight:500;font-size:14px}
.inspect-actions{display:flex;gap:8px;margin-top:17px}
.ux-v2 .inspect-actions .follow{margin:0;width:auto;flex:1;font-size:12px}
.ux-v2 .primary,.ux-v2 .secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.ux-v2 .primary{color:#203c2d;background:var(--gold);box-shadow:inset 0 1px #fff4cf88}
.ux-v2 .primary:disabled{background:#adba9a44;color:#ccd2bd;box-shadow:none;opacity:.7}
.ux-v2 .secondary{border-color:#b9c8a938;background:#d3dfc609}
.inspect-actions .ui-icon{width:17px;height:17px}
.sheet-expand,.sheet-handle{display:none!important}
.ux-v2 .skill-row{font-size:13px;margin:12px 0 16px;gap:12px}
.ux-v2 .skill-row>span{font-size:12px;color:var(--gold);text-align:right}
.ux-v2 .skill-row small{font-size:10px;color:#b7c4ae;display:block;margin-top:3px}
.ux-v2 .memory-item{font-size:12px;line-height:1.8;padding:12px 0}
.ux-v2 .memory-item small{font-size:10px}
.decision-callout{display:flex;align-items:start;gap:10px;padding:13px;border-radius:10px;background:#d1d7a709;border:1px solid #ddd8a323;margin-bottom:18px}
.decision-callout>.ui-icon{width:20px;height:20px;color:var(--gold);margin-top:3px}
.decision-callout small{font-size:10px;color:#bec7a8;display:block}
.decision-callout b{font-size:13px;color:#ebd7ad;display:block;margin:6px 0}
.decision-callout p{font-size:11px;color:#bdc9b3;line-height:1.8;margin:0}
.ux-v2 .trace-row{font-size:12px;margin-bottom:15px;gap:8px}
.ux-v2 .scorebar{height:4px;border-radius:3px;overflow:hidden}
.ux-v2 .trace-row.selected .scorebar i{background:var(--gold)}
.score-details{font-size:11px;color:#c5cfb8;border-top:1px solid var(--line);padding-top:6px}
.score-details summary{min-height:44px;cursor:pointer;display:flex;align-items:center;color:var(--gold)}
.score-details summary::after{content:'＋';margin-left:auto}
.score-details[open] summary::after{content:'−'}
.score-details dl{margin:0}
.score-details dl>div{display:flex;justify-content:space-between;padding:5px 0}
.score-details dd{margin:0;color:#ece0bd;font-variant-numeric:tabular-nums}
.people-rail{position:absolute;left:113px;right:375px;bottom:123px;padding:10px 13px;background:var(--panel);border:1px solid #d2dec728;border-radius:13px;box-shadow:0 9px 25px #10231a28;max-width:550px}
.rail-heading{display:flex;align-items:center;justify-content:space-between;color:#d6dfc8;font-size:11px;gap:12px}
.rail-heading>button{min-height:32px;color:var(--gold);font-size:11px;padding:0 5px}
#people-chips{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0}
.person-chip{min-width:56px;max-width:74px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 7px;border:1px solid transparent;border-radius:10px;flex:none}
.person-chip .portrait{width:35px;height:39px;border-radius:9px}
.person-chip>span{font:11px Georgia,serif;color:#e7e6d3;max-width:58px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.person-chip.selected{border-color:#e1c7958c;background:#cfbc8712}
.person-chip.selected>span{color:var(--gold)}
.quick-help{position:absolute;bottom:252px;left:115px;display:flex;align-items:center;gap:7px;padding:9px 12px;min-height:44px;border:1px solid #d4dfc822;background:var(--panel);border-radius:9px;font-size:11px;color:#e2d4b3;box-shadow:0 9px 20px #10231a24}
.autonomy-status{position:absolute;bottom:252px;left:270px;min-height:44px;padding:8px 12px;border:1px solid #d7c38a44;background:#17362df2;color:#efd9a4;border-radius:9px;font-size:10px;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;box-shadow:0 9px 20px #10231a24;appearance:none;text-align:left;font:inherit;cursor:pointer}
.autonomy-status b{font-size:10px;letter-spacing:.9px}.autonomy-status span{font-size:9px;color:#bcd0b7}
.quick-help .ui-icon{width:17px;height:17px}
.ux-v2 .map-note{bottom:252px;left:50%}
.ux-v2 .camera{bottom:126px;padding:3px;background:var(--panel);left:26px;flex-direction:column}
.ux-v2 .camera .iconbtn{min-width:44px;min-height:40px}
.ux-v2 .camera .ui-icon{width:20px;height:20px}
.ux-v2 .chronicle-strip .eyebrow{font-size:8px}
.ux-v2 .event-chip{min-height:44px;min-width:170px}
.ux-v2 .event-chip p{font-size:11px}
.ux-v2 .event-chip small{font-size:9px}
.diegetic-event-chip{min-width:48px!important;width:48px!important;padding:5px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px}.diegetic-event-chip b{font:18px Georgia,serif;color:#e7cd93;line-height:1}.diegetic-event-chip small{font-size:8px!important;color:#aebcae}.diegetic-event-chip p{display:none!important}
.ux-v2 .mode-hint{display:none!important}
.placement-panel{position:absolute;bottom:125px;left:50%;transform:translateX(-50%);width:360px;padding:16px;background:var(--panel);border:1px solid #e3cca467;border-radius:14px;box-shadow:0 20px 45px #0004;z-index:7}
.placement-heading{display:flex;gap:11px;align-items:center}
.placement-heading>.ui-icon{width:32px;height:32px;color:var(--gold)}
.placement-heading>div{flex:1}
.placement-heading b{font-size:15px;font-weight:500}
.placement-heading small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.placement-heading>.iconbtn{align-self:start;color:#d4dabf}
.placement-cost{font-size:12px;color:#dfc9a2;display:flex;align-items:center;gap:8px;margin:16px 0 8px}
.placement-cost .ui-icon{width:18px;height:18px}
.placement-cost>span{margin:0 5px;color:var(--muted)}
#placement-status{font-size:11px;line-height:1.75;color:#c3d4b7;min-height:36px;margin:7px 0 15px}
.placement-panel.invalid #placement-status{color:#f0b5a0}
.placement-panel.invalid{border-color:#c8957660}
.placement-actions{display:flex;gap:9px}
.placement-actions .primary{flex:1}
.grid-input{display:flex;gap:14px;margin:20px 0}
.grid-input label{flex:1;color:var(--gold)}
.grid-input input{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;background:#071e18;color:var(--text);margin-top:7px;font:inherit}
.ux-v2 dialog{background:#17352bfC;border-color:#dbdabb45;padding:26px;border-radius:18px;max-width:580px}
.ux-v2 .dialog-head h2{font-size:22px;line-height:1.5;font-weight:500;max-width:430px}
.ux-v2 #dialog-body p{font-size:13px}
.search-control{display:flex;align-items:center;gap:10px;background:#0b241d;border:1px solid #bfceb32d;padding:4px 13px;border-radius:10px}
.search-control>.ui-icon{color:#aec1a8;width:18px;height:18px}
.search-control input{min-width:0;flex:1;background:transparent;color:#eeecd7;border:0;padding:12px 0;font-size:14px;outline-offset:1px}
.search-control input::placeholder{color:#b2c1a7;font-size:12px}
.filter-tabs{display:flex;gap:6px;margin:13px 0;flex-wrap:wrap}
.filter-tabs button{min-height:44px;padding:8px 12px;font-size:12px;border:1px solid #c9d2b926;border-radius:7px;color:#c4d0bc}
.filter-tabs button.active{color:#f1dcaf;background:#d6b77a1a;border-color:#e5c88a80}
.ux-v2 #dialog-body .list-count{font-size:11px;color:#b1c5a6;margin:16px 0 5px}
.ux-v2 .person-row{gap:13px;padding:14px 2px;min-height:88px}
.ux-v2 .person-row .portrait{width:52px;height:58px}
.ux-v2 .person-row b{font-size:21px}
.ux-v2 .person-row small{font-size:11px;line-height:1.6}
.roster-skill{display:block;color:#c7bb8c;font-size:10px;margin-top:6px}
.roster-health{font:18px Georgia,serif;color:#e8d0a0;text-align:right;min-width:42px}
.roster-health small{font:10px system-ui!important;color:var(--muted)!important}
.empty-state{font-size:13px;color:var(--muted);padding:30px 10px;text-align:center;line-height:1.8}
.ux-v2 .history-event{padding:15px;margin-left:3px;border-left:2px solid #b9bd8360}
.ux-v2 .history-event small{font-size:11px}
.ux-v2 .history-event p{font-size:13px!important;line-height:1.8;margin:8px 0!important;color:#e1e4d1!important}
.ux-v2 .history-event>span{font-size:10px;color:#e1cba1}
.ux-v2 #dialog-body .history-limit{font-size:11px;line-height:1.8;color:#bac8ae}
.event-detail{position:relative}
.event-detail>small{display:block;color:#aebdac;font-size:10px;letter-spacing:.3px;padding-right:88px}
.event-detail h3{font:20px/1.55 Georgia,serif;font-weight:400;color:#efe5c8;margin:10px 0 15px}
.event-evidence-status{position:absolute;right:0;top:0;padding:4px 8px;border-radius:999px;border:1px solid #9bc48755;background:#93bb7510;color:#c8e0ba;font-size:9px;letter-spacing:.8px}
.event-evidence-status.unknown{border-color:#d9b66d55;background:#c69d4b10;color:#efd5a0}
.event-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}
.event-evidence-grid>div{padding:11px;border:1px solid #d2ddc423;border-radius:9px;background:#0d292208}
.event-evidence-grid span{display:block;color:#9fb1a1;font-size:9px;margin-bottom:5px}
.event-evidence-grid b{display:block;color:#dce4cf;font-size:11px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.event-warning{padding:10px 11px;border-left:2px solid #d4b67488;background:#c69d4b0b;color:#e8d8b2!important;font-size:10px!important;line-height:1.7!important}
#dialog[data-kind="event"]{max-width:650px}

.visual-token{width:36px;height:36px;border:1px solid #d6dfc528;border-radius:10px;background:#dce8cd0a;display:inline-flex;align-items:center;justify-content:center;color:#e3cb96;flex:none}
.visual-token .ui-icon{width:21px;height:21px}.visual-label{font-size:10px;color:#b8c5b4}
.visual-dialog-intro{display:flex;align-items:center;gap:9px;min-height:44px;color:#d9d5bd;font-size:11px}.visual-dialog-intro .ui-icon{width:23px;height:23px;color:var(--gold)}
.visual-tabs button{display:flex;align-items:center;justify-content:center;gap:5px}.visual-tabs .ui-icon{width:17px;height:17px}
.visual-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 0}
.visual-item{position:relative;min-height:94px;padding:9px;border:1px solid #d2ddc423;border-radius:10px;background:#0d292208;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center}
.visual-item .visual-token{width:34px;height:34px}.visual-item b{font-size:10px;color:#e6dfca;line-height:1.25}.visual-item small{font-size:9px;color:#aab9aa}.visual-value{position:absolute;right:7px;top:6px;min-width:18px;height:18px;border-radius:9px;background:#dcc47b1c;color:#efd79f;font-size:9px;display:grid;place-items:center}
.visual-inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}
.visual-inventory-slot{position:relative;min-height:92px;border:1px solid #d2ddc423;border-radius:10px;background:#0c282108;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:7px;text-align:center}
.visual-inventory-slot.is-empty{opacity:.45}.visual-inventory-slot .visual-token{width:34px;height:34px}.visual-inventory-slot b{font-size:10px;line-height:1.25}.visual-inventory-slot small{font-size:9px;color:#aab9aa}.icon-action{position:absolute;right:4px;bottom:4px;min-width:30px!important;min-height:30px!important;padding:0!important}.icon-action .ui-icon{width:14px;height:14px}
.visual-system-hero{display:flex;align-items:center;gap:13px}.visual-system-hero>.visual-token{width:48px;height:48px}.visual-system-hero>.visual-token .ui-icon{width:27px;height:27px}.visual-system-hero>div{flex:1}.visual-system-hero h3{margin:3px 0}
.visual-system-card{position:relative;min-height:150px;display:flex;flex-direction:column}.system-visual{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.system-visual .visual-token{width:42px;height:42px}.system-visual .visual-token .ui-icon{width:24px;height:24px}
.visual-system-card>strong{margin:7px 0!important}.visual-more{margin-top:auto}.visual-more>summary{list-style:none;min-height:34px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;color:#aebbaf}.visual-more>summary::-webkit-details-marker{display:none}.visual-more>summary .ui-icon{width:16px;height:16px}.visual-more p{font-size:10px!important;line-height:1.65!important;color:#aebdac!important;margin:6px 0 0!important}
.visual-history-event{display:grid!important;grid-template-columns:38px 40px 1fr 16px;align-items:center;gap:9px;padding:10px!important;margin-left:0!important;border-left:0!important;border:1px solid #d2ddc41d;border-radius:10px;background:#0c282108;text-align:left}
.visual-history-event .history-icon{width:38px;height:38px;border-radius:10px;background:#d9c5810d;display:grid;place-items:center;color:#e5cb91}.visual-history-event .history-icon .ui-icon{width:21px;height:21px}
.visual-history-event .portrait{width:40px!important;height:44px!important;border-radius:9px}.history-copy{min-width:0}.history-copy small{display:block;font-size:9px!important;color:#a6b7a7}.history-copy b{display:block;margin-top:3px;font-size:11px;line-height:1.35;font-weight:500;color:#e6dfcb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-arrow{font-size:24px;color:#d9c58c}
.event-visual-hero{display:grid;grid-template-columns:52px 60px 1fr;align-items:center;gap:10px;margin-bottom:12px}.event-visual-hero>.event-hero-icon{width:52px;height:52px;border-radius:14px;border:1px solid #ddcf9e32;background:#ddc98d0d;display:grid;place-items:center;color:#e6cd94}.event-hero-icon .ui-icon{width:29px;height:29px}.event-visual-hero .portrait{width:60px;height:66px;border-radius:12px}.event-visual-hero h3{margin:6px 0 0!important;font-size:16px!important;line-height:1.4!important}
.visual-event-detail .event-evidence-status{position:static;display:inline-flex}.visual-evidence-grid{grid-template-columns:repeat(4,1fr)!important}.visual-evidence-grid>div{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:10px 7px!important}.visual-evidence-grid .visual-token{width:33px;height:33px}.visual-evidence-grid b{font-size:9px!important;line-height:1.45!important}
.visual-warning{display:flex;align-items:center;justify-content:center;gap:7px;border-left:0!important;border:1px solid #d4b67455;border-radius:9px}.visual-warning .ui-icon{width:16px;height:16px}
.event-visual-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:12px}.event-icon-action{min-width:0!important;padding:7px!important;display:flex!important;flex-direction:column;gap:4px!important}.event-icon-action .ui-icon{width:18px;height:18px}.event-icon-action span{font-size:9px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.event-detail-more{margin-top:6px}


.clone-lineage{display:flex;align-items:center;justify-content:space-evenly;padding:15px 0}
.clone-lineage>div{display:flex;align-items:center;flex-direction:column;gap:8px}
.clone-lineage .portrait{width:66px;height:73px}
.clone-lineage b{font-size:17px;font-family:var(--serif);font-weight:400}
.clone-lineage small{font-size:11px;color:var(--muted)}
.clone-lineage>span{font-size:24px;color:var(--gold);padding-bottom:43px}
.new-life>.ui-icon{width:66px;height:73px;padding:18px 15px;border:1px dashed #c9c59480;border-radius:12px;background:#cfd6a40a;color:#dace9f}
.text-link{font-size:12px;color:var(--gold);min-height:44px;text-decoration:underline;text-underline-offset:4px}
.clone-skills{border:1px solid var(--line);border-radius:9px;padding:8px 14px}
.clone-skills>div{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding:8px 0}
.clone-skills b{font-size:12px;font-variant-numeric:tabular-nums;color:#e8d7a8}
.clone-skills small{margin:0 5px;color:#aebb9f}
.clone-validity{color:#c4d5a9!important;font-size:12px!important}
.clone-validity.error{color:#efb69d!important}

.system-hero{padding:15px 16px;margin-bottom:14px;border:1px solid #d9d2a52c;border-radius:12px;background:linear-gradient(135deg,#d7c37a12,#7db49c0b)}
.system-hero h3{margin:6px 0 7px;font:20px/1.35 Georgia,serif;font-weight:400;color:#efe5c8}.system-hero p{margin:0!important;color:#b9c8b3!important;font-size:11px!important;line-height:1.75!important}
.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.system-card{min-width:0;padding:13px;border:1px solid #d2ddc423;border-radius:10px;background:#0e292205}
.system-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.system-card-head>b{font-size:12px;color:#dce4cf;font-weight:600}
.system-card>strong{display:block;margin:10px 0 5px;font:17px/1.25 Georgia,serif;color:#efd7a3;font-weight:400;overflow-wrap:anywhere}
.system-card>p{margin:0!important;font-size:10px!important;line-height:1.65!important;color:#aebdac!important}
.system-badge{flex:none;padding:3px 6px;border-radius:999px;font-size:8px;letter-spacing:.8px;border:1px solid #cbd8be2f;color:#c7d5bf}
.system-badge.live{color:#c8e0ba;border-color:#9bc48755;background:#93bb7510}.system-badge.ready{color:#efd5a0;border-color:#d9b66d55;background:#c69d4b10}.system-badge.shadow{color:#b9c9da;border-color:#91abc355;background:#7190aa10}
.ai-activity{margin-top:15px;padding:14px;border:1px solid #d2ddc423;border-radius:10px;background:#0b251f66}
.system-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.system-section-head h3{margin:4px 0 0;font-size:14px;font-weight:500}.system-section-head>b{font-size:12px;color:var(--gold)}
.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.activity-grid>div{padding:8px 9px;border-radius:8px;background:#dbe8cc08;border:1px solid #d8e0c318}.activity-grid span{display:block;font-size:9px;color:#aebdac}.activity-grid b{display:block;margin-top:3px;font-size:11px;color:#e8dfc7}
.system-actions{display:flex;gap:8px;margin-top:13px}.system-actions .secondary{flex:1;font-size:11px}
.system-counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.system-counts span{padding:4px 7px;border-radius:999px;border:1px solid #d5dfc32b;background:#dbe7ce08;font-size:9px;color:#c8d2bf}
.all-systems{margin-top:16px}.system-catalog{border:1px solid #d2ddc423;border-radius:10px;margin:8px 0;background:#0b251f45;overflow:hidden;padding:0}
.system-catalog>summary{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;cursor:pointer;color:#e5dbc0;font-size:12px;background:#dbe8cc05}
.system-catalog>summary b{font-size:9px;color:#aebdac;font-weight:500}.system-catalog>summary::after{content:'＋';color:var(--gold);margin-left:4px}.system-catalog[open]>summary::after{content:'−'}
.system-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px 12px;border-top:1px solid #d2ddc418}.system-row>div{min-width:0}.system-row b{font-size:11px;color:#dce4cf;font-weight:600}.system-row p{margin:3px 0 0!important;font-size:9px!important;line-height:1.6!important;color:#aebdac!important}.system-row .system-badge{margin-top:1px}
.system-badge.infra{color:#c6c6d7;border-color:#a2a2bd55;background:#8f8faf10}
.system-advanced{margin-top:16px;border:1px solid #d2ddc423;border-radius:11px;background:#0a211c55;overflow:hidden}
.system-advanced>summary{min-height:54px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none}.system-advanced>summary::-webkit-details-marker{display:none}
.system-advanced>summary>div{display:flex;flex-direction:column;gap:4px}.system-advanced>summary>div>b{font-size:12px;color:#ead9ae;font-weight:600}.system-advanced>summary>span{font-size:9px;color:#a9baaa;letter-spacing:.4px}
.system-advanced>summary::after{content:'＋';color:var(--gold);font-size:16px}.system-advanced[open]>summary::after{content:'−'}
.system-advanced .all-systems{margin:0;padding:0 10px 10px;border-top:1px solid #d2ddc418}
.decision-feed-intro{margin-top:0!important;color:#b7c5b3!important;font-size:11px!important;line-height:1.75!important}
.decision-feed-list{display:flex;flex-direction:column;gap:8px}
.decision-feed-row{width:100%;padding:12px 13px;border:1px solid #d3dec526;border-radius:10px;background:#0d2a2308;color:#dce4cf;text-align:left;min-height:74px}
.decision-feed-row:hover,.decision-feed-row:focus-visible{border-color:#dfc88977;background:#d7bf7a0b;outline:none}
.decision-feed-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.decision-feed-title b{font-size:13px}.decision-feed-title span{font-size:11px;color:#efd7a3}
.decision-feed-row p{margin:7px 0 2px!important;font-size:10px!important;line-height:1.55!important;color:#aebdac!important}.decision-feed-row small{font-size:9px;color:#d7c38b}

.visual-decision-row{display:grid!important;grid-template-columns:42px 34px 1fr auto 14px;align-items:center;gap:8px;min-height:68px!important;padding:8px 10px!important}
.visual-decision-row .portrait{width:42px!important;height:46px!important;border-radius:9px}.decision-task-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#d9c17d0c;border:1px solid #dac78926;color:#e8d19b;font:17px Georgia,serif}
.visual-decision-row .decision-feed-title{display:flex;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;min-width:0}.visual-decision-row .decision-feed-title b{font-size:12px}.visual-decision-row .decision-feed-title span{font-size:9px;color:#c8d2c4}.visual-decision-row .decision-feed-title small{font-size:8px;color:#a6b5a7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.visual-decision-row>strong{font:17px Georgia,serif;color:#efd59b}
#dialog[data-kind="decisions"]{max-width:620px}

#dialog[data-kind="systems"]{max-width:780px}

/* Visual menu system — icon/value first, prose on demand. */
.visual-menu-status{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:12px;border:1px solid #d2ddc423;border-radius:12px;background:#0b27210a}
.visual-menu-status-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:#dbc37c12;border:1px solid #dec88c38;color:#efd69f;font:23px Georgia,serif}
.visual-menu-status>div:last-child{display:flex;flex-direction:column;gap:2px}.visual-menu-status small{font-size:8px;letter-spacing:1.2px;color:#9fb0a1}.visual-menu-status b{font-size:13px;color:#e6dfca}.visual-menu-status span{font-size:9px;color:#a9b8aa}
.visual-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.visual-menu-card{min-height:96px;padding:10px 7px!important;border:1px solid #d2ddc423!important;border-radius:11px!important;background:#0d292208!important;color:#dce4cf!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;text-decoration:none}
.visual-menu-card>b{font:23px Georgia,serif;color:#e7cd95}.visual-menu-card>span{font-size:11px;font-weight:600}.visual-menu-card>small{font-size:8px;color:#9fb0a1}
.visual-menu-card:hover,.visual-menu-card:focus-visible{border-color:#dcc57d66!important;background:#d7bf7a0b!important;outline:none}
.menu-hero{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:11px;border:1px solid #d2ddc423;border-radius:12px;background:#0c29220a}
.menu-hero>.portrait{width:58px;height:64px;border-radius:11px}.menu-hero>.visual-token{width:50px;height:50px}.menu-hero>div{min-width:0}.menu-hero small{font-size:8px;letter-spacing:1.1px;color:#9eafa2}.menu-hero h3{margin:3px 0!important;font:19px/1.2 Georgia,serif;color:#efe2bf}.menu-hero span{font-size:10px;color:#b5c2b5}
.menu-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:9px 0 12px}
.menu-metric{min-width:0;min-height:72px;padding:8px;border:1px solid #d2ddc420;border-radius:10px;background:#0c282108;display:flex;align-items:center;gap:7px}
.menu-metric>.visual-token{width:31px;height:31px;border-radius:9px}.menu-metric>.visual-token .ui-icon{width:18px;height:18px}.menu-metric>div{min-width:0}.menu-metric small{display:block;font-size:8px;color:#9faea1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-metric b{display:block;margin-top:3px;font-size:11px;color:#e8dec5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.menu-metric.warn{border-color:#d59f7459;background:#d0986c0c}.menu-metric.warn .visual-token{color:#ecb389}.menu-metric.live{border-color:#9dc28b4a}.menu-metric.shadow{border-color:#8fa8bf42}.menu-metric.shadow .visual-token{color:#b9ccdc}
.menu-section{margin:8px 0;border:1px solid #d2ddc423;border-radius:11px;background:#0b251f45;overflow:hidden}
.menu-section>summary{min-height:52px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 11px;cursor:pointer;list-style:none}.menu-section>summary::-webkit-details-marker{display:none}
.menu-section>summary>.visual-token{width:36px;height:36px}.menu-section>summary>span{font-size:12px;color:#e3dcc7;font-weight:600}.menu-section>summary>b{font-size:8px;letter-spacing:.7px;padding:4px 6px;border-radius:999px;border:1px solid #ccd7c42e;color:#bdcabe}
.menu-section>summary::after{content:'＋';grid-column:4;color:#d9c184}.menu-section[open]>summary::after{content:'−'}
.menu-section-body{padding:0 10px 11px;border-top:1px solid #d2ddc418}.menu-section-static-head{min-height:52px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:7px 11px}.menu-section-static-head>.visual-token{width:36px;height:36px}.menu-section-static-head>span{font-size:12px;color:#e3dcc7;font-weight:600}.menu-section-static-head>b{font-size:8px;letter-spacing:.7px;padding:4px 6px;border-radius:999px;border:1px solid #ccd7c42e;color:#bdcabe}
.menu-subsection{border-top:1px solid #d2ddc418;margin-top:8px}.menu-subsection>summary{min-height:44px;display:flex;align-items:center;gap:8px;cursor:pointer;color:#d8c58f}.menu-subsection>summary .ui-icon{width:16px;height:16px}.menu-subsection>summary>b{margin-left:auto;font-size:9px}
.menu-explain{margin:8px 0;border-top:1px solid #d2ddc418}.menu-explain>summary{min-height:40px;display:flex;align-items:center;cursor:pointer;font-size:9px;color:#acb9ad;letter-spacing:.3px}.menu-explain>summary::after{content:'＋';margin-left:auto}.menu-explain[open]>summary::after{content:'−'}.menu-explain p{margin:4px 0!important;font-size:10px!important;line-height:1.65!important;color:#aebbad!important}.menu-explain small{font-size:8px;color:#8fa194}
.menu-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.visual-policy-action{gap:7px!important;font-size:10px!important}.visual-policy-action .ui-icon{width:17px;height:17px}
.visual-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.visual-recipe-card{position:relative;min-width:0!important;min-height:90px!important;padding:8px!important;display:flex!important;flex-direction:column;gap:5px!important}.visual-recipe-card .visual-token{width:33px;height:33px}.visual-recipe-card b{font-size:9px;line-height:1.2}.visual-recipe-card small{font-size:8px;color:#aab8aa}
.menu-progress{display:flex;align-items:center;gap:10px;padding:10px;margin:8px 0;border:1px solid #d2ddc423;border-radius:10px;background:#0c292208}.menu-progress>span{flex:none}.menu-progress>div{flex:1;min-width:0}.menu-progress small{font-size:8px;color:#9eaea0}.menu-progress b{display:block;font-size:11px;color:#e7dec7;margin:2px 0 6px}.menu-progress-bar{height:5px;border-radius:5px;background:#d1dcc616;overflow:hidden}.menu-progress-bar i{display:block;height:100%;background:#d9c17e}
.visual-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.visual-stat-grid>div{padding:8px;border-radius:9px;background:#d7e1ce06;border:1px solid #d2ddc418;text-align:center}.visual-stat-grid span{display:block;font-size:8px;color:#9eafa1}.visual-stat-grid b{display:block;margin-top:3px;font-size:10px;color:#dfd9c5}
.visual-status-line{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border:1px solid #d2ddc418;border-radius:9px}.visual-status-line span{font-size:9px;color:#9eafa1}.visual-status-line b{font-size:10px;color:#e3dac0}
.visual-knowledge-grid{display:flex;flex-direction:column;gap:6px;padding:6px 0}.knowledge-tile{display:grid;grid-template-columns:38px 1fr 34px;align-items:center;gap:8px;padding:7px;border:1px solid #d2ddc418;border-radius:9px}.knowledge-tile .visual-token{width:34px;height:34px}.knowledge-tile b{display:block;font-size:10px}.knowledge-tile small{display:block;font-size:8px;color:#9eafa1}
.visual-filter-tabs button{display:flex;align-items:center;gap:5px}.visual-filter-tabs button>b{font:14px Georgia,serif;color:#d8c58f}.visual-filter-tabs button>span{font-size:10px}
.visual-roster{display:grid;grid-template-columns:1fr 1fr;gap:7px}.visual-person-card{margin:0!important;border:1px solid #d2ddc41d!important;border-radius:10px!important;padding:9px!important;display:grid!important;grid-template-columns:45px 1fr 24px!important;min-height:82px!important}.visual-person-card .portrait{width:45px!important;height:50px!important}.person-card-copy{min-width:0}.person-card-copy>b{font-size:14px!important;display:block}.person-card-copy>small{font-size:8px!important;color:#9fb0a1}.person-card-copy>span{display:block;font-size:9px;color:#c3cdbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.person-mini-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:6px}.person-mini-needs i{height:3px;border-radius:3px;background:linear-gradient(90deg,#b8ce9e var(--v),#cbd6bd18 var(--v));display:block}.person-mini-needs i:nth-child(2){background:linear-gradient(90deg,#96c7c2 var(--v),#cbd6bd18 var(--v))}.person-mini-needs i:nth-child(3){background:linear-gradient(90deg,#b3d5a5 var(--v),#cbd6bd18 var(--v))}
.person-card-status{font:14px Georgia,serif;color:#a9d09c;align-self:start}.person-card-status.warn{color:#e4ad83}
.structure-callout{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:8px 0;border:1px solid #d2ddc420;border-radius:10px;background:#0c292208}.structure-callout .visual-token{width:34px;height:34px}.structure-callout b{display:block;font-size:10px;color:#e4ddc7}.structure-callout small{display:block;font-size:8px;color:#9faf9f;margin-top:2px}
.structure-hero{display:flex;align-items:center;gap:12px;padding:13px;margin-bottom:10px;border:1px solid #d2ddc423;border-radius:12px;background:linear-gradient(135deg,#dbc57e0e,#7fb19b08)}.structure-hero>.visual-token{width:54px;height:54px;border-radius:14px}.structure-hero>.visual-token .ui-icon{width:29px;height:29px}.structure-hero>div{min-width:0}.structure-hero small{font-size:8px;letter-spacing:1.1px;color:#9eafa2}.structure-hero h3{margin:3px 0!important;font:20px/1.2 Georgia,serif;color:#efe2bf}.structure-hero span{font-size:10px;color:#b6c4b6}
.structure-actions{display:flex;gap:7px;margin:9px 0}.structure-actions>*{flex:1}
.structure-people{display:flex;gap:6px;overflow-x:auto;padding:5px 0}.structure-person{min-width:64px;padding:6px;border:1px solid #d2ddc41d;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:4px}.structure-person .portrait{width:38px;height:43px}.structure-person b{font-size:9px;color:#e1dac5}
#dialog[data-kind="structure"]{max-width:620px}
.viz-chart-head{font-size:9px;letter-spacing:.7px;color:#aebbad;margin-bottom:7px}
.viz-bar-chart{display:flex;flex-direction:column;gap:7px;padding:9px 10px;margin:8px 0;border:1px solid #d2ddc41d;border-radius:10px;background:#0c292207}
.viz-bar-row{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.viz-bar-row>.visual-token{width:30px;height:30px}.viz-bar-row>div{min-width:0}.viz-bar-row span{display:flex;align-items:center;justify-content:space-between;gap:8px}.viz-bar-row b{font-size:9px;color:#dfe0cf}.viz-bar-row small{font-size:8px;color:#9eafa1}
.viz-bar-track{height:5px;background:#d6dfc616;border-radius:5px;overflow:hidden;margin-top:4px}.viz-bar-track i{display:block;height:100%;background:#d6c07f;border-radius:5px}
.viz-line-card{padding:9px 10px;margin:8px 0;border:1px solid #d2ddc41d;border-radius:10px;background:#0c292207;color:#d6c07f}.viz-line-chart{width:100%;height:auto;display:block;overflow:visible}.viz-line-chart circle{fill:#d6c07f}.viz-line-chart text{fill:#9eafa1;font:7px system-ui}
.knowledge-graph-card{padding:10px;margin:9px 0;border:1px solid #d2ddc423;border-radius:11px;background:#0b272108}.kg-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}.kg-filters button{min-height:34px!important;padding:4px 8px!important;font-size:9px!important}
.kg-canvas{position:relative;min-height:220px;border:1px solid #d2ddc418;border-radius:10px;background:radial-gradient(circle at center,#d4c17e08,transparent 45%);overflow:hidden}.kg-canvas>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.kg-edge{stroke:#9fb6a354;stroke-width:.55}.kg-edge.kg-known{stroke:#d7c38188;stroke-width:.8}
.kg-node,.kg-archive{position:absolute;transform:translate(-50%,-50%);min-width:52px;max-width:88px;min-height:32px;padding:5px 7px;border-radius:999px;border:1px solid #d2ddc42d;background:#173229f2;color:#dfe2d3;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;z-index:2}
.kg-agent{border-color:#9fb9a35c}.kg-entry{border-color:#d8c27b5c;background:#352f23ee}.kg-reader{border-color:#8eb6c35c;background:#17333bee}.kg-entry.is-selected{outline:2px solid #d8c27b88;outline-offset:2px}.kg-archive{left:50%;border-color:#d7c37a66;color:#ecd99e;font-weight:700}
.kg-legend{display:flex;gap:12px;flex-wrap:wrap;margin:7px 0 4px;font-size:8px;color:#98aa9d}.kg-detail{display:grid;grid-template-columns:1fr auto;gap:5px 8px;align-items:center;padding:8px;border-top:1px solid #d2ddc418}.kg-detail b{font-size:10px}.kg-detail small{grid-column:1;font-size:8px;color:#9eafa1}.kg-detail button{grid-column:2;grid-row:1/3;min-height:36px!important}.kg-empty{display:flex;align-items:center;gap:9px;padding:12px;border:1px dashed #d2ddc426;border-radius:10px;color:#a9b8aa;font-size:10px}.kg-empty .visual-token{width:34px;height:34px}




.guide-step{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line)}
.guide-step>span{font:26px Georgia,serif;color:var(--gold)}
.guide-step b{font-size:15px;font-weight:500}
.guide-step p{font-size:12px!important;margin:9px 0 0!important;line-height:1.9!important}
.is-paused .live-dot,.is-paused .activity-dot{background:var(--gold)}
@media(min-width:701px) and (max-width:1050px){.ux-v2 .inspector{width:282px;right:18px;padding:14px}.people-rail{left:96px;right:325px}.ux-v2 .identity h2{font-size:25px}.ux-v2 .portrait{width:56px;height:63px}.ux-v2 .resources>div{min-width:62px}.ux-v2 .need-label .ui-icon{display:none}.ux-v2 .map-note{display:none}}
@media(max-width:700px){
 .ux-v2 .kg-node,.ux-v2 .kg-archive{min-width:46px;max-width:72px;font-size:7px;padding:4px 5px}.ux-v2 .kg-detail{grid-template-columns:1fr auto}
 .ux-v2 .viz-bar-row{grid-template-columns:28px 1fr}.ux-v2 .viz-bar-row>.visual-token{width:27px;height:27px}

 .ux-v2 #dialog[data-kind="structure"]{width:calc(100vw - 18px)}.ux-v2 .structure-hero>.visual-token{width:46px;height:46px}.ux-v2 .structure-hero h3{font-size:18px}.ux-v2 .structure-actions{display:grid;grid-template-columns:1fr}
 .ux-v2 .visual-decision-row{grid-template-columns:38px 30px 1fr auto 12px;min-height:64px!important}.ux-v2 .visual-decision-row .portrait{width:38px!important;height:42px!important}.ux-v2 .decision-task-icon{width:28px;height:28px;font-size:15px}
 .ux-v2 .visual-menu-grid{grid-template-columns:repeat(3,1fr)}.ux-v2 .visual-menu-card{min-height:88px}
 .ux-v2 .menu-metrics{grid-template-columns:repeat(2,1fr)}.ux-v2 .survival-metrics{grid-template-columns:repeat(3,1fr)}
 .ux-v2 .visual-roster{grid-template-columns:1fr}.ux-v2 .visual-action-grid{grid-template-columns:repeat(3,1fr)}
 .ux-v2 .visual-filter-tabs button span{display:none}.ux-v2 .visual-filter-tabs button{min-width:44px;justify-content:center;padding:6px!important}
 .ux-v2 .menu-section>summary{min-height:56px}.ux-v2 .visual-stat-grid{grid-template-columns:repeat(2,1fr)}

 .ux-v2 .topbar{height:104px;padding:6px 14px;display:grid;grid-template-columns:1fr auto 44px;grid-template-rows:44px 44px;gap:0 8px}
 .ux-v2 .brand{font-size:17px;letter-spacing:2.4px;grid-column:1;grid-row:1;margin:0;gap:7px}
 .ux-v2 .brandmark{font-size:33px}.ux-v2 .brand small{font-size:5px;letter-spacing:1px}
 .ux-v2 .timeblock{grid-column:2;grid-row:1;gap:8px}.ux-v2 .timeblock b{font-size:12px}.ux-v2 .timeblock small{font-size:10px}.ux-v2 .sun{font-size:19px}
 .ux-v2 #menu{grid-column:3;grid-row:1;min-width:44px;min-height:44px;border-color:#b6c6a321}
 .ux-v2 .time-controls{grid-column:1/-1;grid-row:2;justify-content:flex-end;border-top:1px solid #d6dfc615;border-radius:0;gap:5px}
 .ux-v2 .time-controls::before{content:'เวลาโลก';font-size:11px;letter-spacing:.3px;color:#b4c4a7;margin-right:auto}
 .ux-v2 .time-controls .iconbtn,.ux-v2 .time-controls .speed{min-height:44px;min-width:44px;font-size:14px}
 .ux-v2 .time-controls .iconbtn{border-right:1px solid #bcc8a321;border-radius:0;font-size:17px;margin-right:5px}
 .ux-v2 #stage{height:calc(100dvh - 174px - env(safe-area-inset-bottom))}
 .ux-v2 .world-top{top:13px;left:15px;right:15px}
 .ux-v2 .settlement .eyebrow{font-size:7px;letter-spacing:1.7px}.ux-v2 .settlement h1{font-size:20px;margin:3px 0}.ux-v2 .settlement p{font-size:10px;margin:5px 0}
 .ux-v2 .resources{margin-top:13px;padding:11px 2px;max-width:none;border-radius:10px;background:#143128f5}
 .ux-v2 .resources b{font-size:16px}.ux-v2 .resources small{font-size:10px;margin-top:6px}.ux-v2 .resources span{margin-right:5px}.ux-v2 .resources .ui-icon{width:16px;height:16px}
 .ux-v2 .resources>div{padding:0 3px}.ux-v2 .resources>div:last-child{min-width:88px}
 .ux-v2 .mobile-nav{height:calc(70px + env(safe-area-inset-bottom));background:#122c25;padding:0 10px env(safe-area-inset-bottom);border-top:1px solid #dae0bc1d}
 .ux-v2 .mobile-nav button{font-size:11px;gap:6px;border-radius:9px;margin:5px 0;position:relative}
 .ux-v2 .mobile-nav button>span{height:24px;line-height:24px;display:flex}
 .ux-v2 .mobile-nav .ui-icon{width:23px;height:23px}
 .ux-v2 .mobile-nav button.active{background:#d5be8010;color:#efdaad}
 .ux-v2 .mobile-nav button.active::before{content:'';position:absolute;top:0;left:calc(50% - 7px);width:14px;height:2px;background:#e8c58c;border-radius:2px}
 .ux-v2 .people-rail{left:14px;right:14px;bottom:12px;padding:7px 10px;max-width:none;border-radius:12px;background:#132f28f5}
 .ux-v2 .rail-heading{font-size:10px}.ux-v2 .rail-heading>button{font-size:11px;min-height:36px;padding:0 6px}
 .ux-v2 #people-chips{gap:4px;padding:1px 0 3px}.ux-v2 .person-chip{min-width:49px;padding:2px 5px;gap:4px}
 .ux-v2 .person-chip .portrait{width:31px;height:35px;border-radius:8px}.ux-v2 .person-chip>span{font-size:10px}
 .ux-v2.has-selection .people-rail{display:none}
 .ux-v2 .quick-help{bottom:137px;left:auto;right:14px;font-size:11px;padding:9px 11px;min-height:44px}
 .ux-v2 .autonomy-status{bottom:190px;left:14px;right:14px;width:auto;min-height:44px;font-size:10px}
 .ux-v2 .camera{left:14px;bottom:137px;flex-direction:row;border-radius:9px;padding:0;background:#132f28f2}
 .ux-v2 .camera .iconbtn{min-width:40px;min-height:44px}
 .ux-v2.has-selection .camera{bottom:224px}.ux-v2.sheet-expanded .camera{display:none}
 .ux-v2 .inspector{width:100%;left:0;right:0;top:auto;bottom:0;padding:8px 19px 15px;max-height:78%;border-radius:19px 19px 0 0;background:#143129fc;border:1px solid #cad7b633;box-shadow:0 -15px 50px #0b211d44}
 .ux-v2 .inspector::before{display:none}
 .ux-v2 .sheet-handle{display:block!important;width:31px;height:3px;background:#adc3976b;border-radius:2px;margin:0 auto 8px}
 .ux-v2 .sheet-expand{display:inline-flex!important;min-width:44px;min-height:44px;color:var(--gold)}
 .ux-v2 .sheet-expand .ui-icon{transition:transform .18s}.ux-v2 .is-expanded .sheet-expand .ui-icon{transform:rotate(180deg)}
 .ux-v2 .inspect-head{margin:-4px 0 -5px}.ux-v2 .inspect-head .eyebrow{font-size:8px}
 .ux-v2 .identity{margin:3px 0 12px;gap:11px}
 .ux-v2 .identity h2{font-size:24px;margin-bottom:2px}.ux-v2 .identity p{font-size:10px;margin:4px 0}.ux-v2 .role-tag{font-size:9px;padding:1px 6px}
 .ux-v2 .portrait{width:52px;height:60px;border-radius:10px}.ux-v2 .needs{margin-bottom:12px;gap:16px}
 .ux-v2 .need-label{font-size:11px;margin-bottom:6px}.ux-v2 .need-label b{font-size:12px}.ux-v2 .need-label .ui-icon{display:none}
 .ux-v2 .inspector:not(.is-expanded) .inspect-head{position:absolute;right:13px;top:8px}.ux-v2 .inspector:not(.is-expanded) .inspect-head .eyebrow{display:none}
 .ux-v2 .inspector:not(.is-expanded) .identity{padding-right:43px}
 .ux-v2 .inspector:not(.is-expanded) #inspector-detail{display:none}
 .ux-v2 .inspector:not(.is-expanded) .sheet-expand{position:absolute;right:13px;top:53px}
 .ux-v2 .action-ribbon{min-height:44px;font-size:12px}.ux-v2 .why-shortcut{font-size:12px;padding:0 12px}
 .ux-v2 .tabs button{font-size:12px;min-height:44px}.ux-v2 .source-note{font-size:12px}
 .ux-v2 .decision-callout b{font-size:14px}.ux-v2 .decision-callout p{font-size:12px}.ux-v2 .trace-row{font-size:13px}
 .ux-v2 .placement-panel{bottom:12px;left:14px;right:14px;transform:none;width:auto;padding:14px}
 .ux-v2.is-building .camera{bottom:255px}.ux-v2 .placement-heading small{font-size:11px}
 .ux-v2 #placement-status{font-size:12px}.ux-v2 .placement-cost{font-size:13px}
 .ux-v2 dialog{padding:21px;max-height:86dvh;width:calc(100vw - 24px);border-radius:17px}
 .ux-v2 .dialog-head{gap:12px;margin-bottom:18px}.ux-v2 .dialog-head h2{font-size:21px}
 .ux-v2 .person-row{gap:11px}.ux-v2 .person-row .portrait{width:46px;height:53px}.ux-v2 .person-row small{font-size:11px}
 .ux-v2 .filter-tabs{gap:5px}.ux-v2 .filter-tabs button{padding:8px 10px;font-size:11px}
 .ux-v2 #toast{bottom:calc(86px + env(safe-area-inset-bottom));font-size:12px;line-height:1.6;padding:11px 16px}
 .ux-v2 .map-note{display:none}
 .ux-v2 .system-grid{grid-template-columns:1fr}.ux-v2 .activity-grid{grid-template-columns:1fr 1fr}.ux-v2 .system-actions{flex-direction:column}.ux-v2 .system-hero h3{font-size:18px}.ux-v2 .system-catalog>summary{font-size:12px}.ux-v2 .system-row{padding:12px 10px}.ux-v2 .system-row b{font-size:12px}.ux-v2 .system-row p{font-size:10px!important}.ux-v2 .system-counts span{font-size:9px}.ux-v2 .event-evidence-grid{grid-template-columns:1fr}.ux-v2 .event-detail h3{font-size:18px}.ux-v2 .event-detail>small{padding-right:80px}.ux-v2 .system-advanced>summary{min-height:58px}.ux-v2 .system-advanced>summary>span{display:none}.ux-v2 .decision-feed-title{align-items:flex-start;flex-direction:column;gap:2px}.ux-v2 .decision-feed-row{min-height:82px} .ux-v2 .visual-tabs button{padding:9px 3px}.ux-v2 .visual-tabs button span{display:none}.ux-v2 .visual-tabs .ui-icon{width:21px;height:21px}.ux-v2 .visual-item-grid{grid-template-columns:repeat(3,1fr)}.ux-v2 .visual-inventory-slot b{display:none}.ux-v2 .visual-evidence-grid{grid-template-columns:1fr 1fr!important}.ux-v2 .event-visual-hero{grid-template-columns:46px 48px 1fr}.ux-v2 .event-visual-hero>.event-hero-icon{width:46px;height:46px}.ux-v2 .event-visual-hero .portrait{width:48px;height:54px}.ux-v2 .event-icon-action span{display:none}.ux-v2 .visual-history-event{grid-template-columns:36px 36px 1fr 14px}.ux-v2 .visual-history-event .portrait{width:36px!important;height:40px!important}.ux-v2 .history-copy b{font-size:10px}.ux-v2 .visual-system-card{min-height:128px}
}
@media(max-width:359px){.ux-v2 .visual-menu-grid{grid-template-columns:repeat(2,1fr)}.ux-v2 .survival-metrics{grid-template-columns:repeat(2,1fr)}.ux-v2 .visual-action-grid{grid-template-columns:repeat(2,1fr)}.ux-v2 .autonomy-status{font-size:9px;padding:7px}.ux-v2 .brand{font-size:15px;letter-spacing:1.8px}.ux-v2 .brand small{display:none}.ux-v2 .sun{display:none}.ux-v2 .resources .ui-icon{width:13px;height:13px}.ux-v2 .resources b{font-size:14px}.ux-v2 .resources>div:last-child{min-width:82px}.ux-v2 .mobile-nav button{font-size:10px}.ux-v2 .quick-help{font-size:10px;padding:7px}.ux-v2 .need-label{font-size:10px}}
@media(max-height:540px) and (min-width:701px){.ux-v2 .people-rail,.ux-v2 .quick-help,.ux-v2 .map-note{display:none}.ux-v2 .inspector{top:100px;max-height:calc(100% - 175px)}.ux-v2 .placement-panel{bottom:80px}.ux-v2 .camera{bottom:82px;flex-direction:row}.ux-v2 .tool{min-height:43px}}
@media(prefers-reduced-motion:reduce){.ux-v2 *{transition:none!important}}
/* Keep the close control available while a long inspector is scrolled. */
.ux-v2 .inspector.is-expanded .inspect-head{position:sticky;top:-8px;background:#143129fa;z-index:3}