:root{color-scheme:dark;--ink:#e5eaf2;--muted:#a2b0c2;--green:#79dfbb;--border:#2a3445;--paper:#0c1119;--selected:#203b3a;--running:#77d9af;--idle:#93b7ef;--queued:#e7bb73;--offline:#cd98a7;--unknown:#9eaabd;background:var(--paper)}body{background:radial-gradient(ellipse at 45% 0,#192637 0,transparent 55%),#0c1119}.topbar{background:#101722e8;border-color:#253043}.brand-mark,.title-dot{color:#7ce6ca}.brand-sub,.topbar nav a,.eyebrow{color:#a5b6c9}.topbar nav .nav-active{color:#b9f6df;border-color:#7ce6ca}.owner-icon{background:#243044;border-color:#38485c;color:#c8f6e8}.demo-badge{background:#30291d;border-color:#6d552e;color:#f4ce84}.subtitle,.metric-label{color:#b0bfd0}.prototype-label{color:#9fb2ca}.prototype-label .version{background:#213045;border-color:#354862;color:#c9e0fd}.metrics{background:#131c29;border-color:#2a374c;box-shadow:0 7px 20px #0002}.metrics>div{border-color:#2a3445}.metric-icon{background:#243044;color:#b9ccdf}.metric-icon.green{background:#1b3930;color:#8fe3b9}.metric-icon.gold{background:#3a3020;color:#f2c77a}.metric-icon.muted{background:#263143;color:#b2c1d3}.metric-note{color:#b0c4d6}.metric-note span{color:#8499b3}.world-card,.profile-card{background:#131c29;border-color:#2b384e;box-shadow:0 8px 28px #0002}.world-header{background:#111e30;padding-bottom:5px}.world-header .eyebrow{color:#a5b8d0}.world-header h2{color:#e0eafa}.map-badge{background:#1c2d40;border-color:#3b526b;color:#c1d4ea}.map-badge .dot{background:#8ae2c3}.scene{background:#111e30;height:525px}.scene-note{color:#d0dfee;background:#101d30e8;border:1px solid #30465e;font-size:10px;max-width:70%}.agent-marker{background:#172437ef;border-color:#47617d;color:#e0ecfb;box-shadow:0 4px 12px #0005;font-size:11px;padding:6px 9px}.agent-marker.selected{background:#2c5a51;border-color:#89efd1;color:#f3fffb;box-shadow:0 0 18px #81e6c638}.map-controls{background:#17263a;border-color:#3e526a}.map-controls button{background:#17263a;color:#e7f3ff;width:35px;height:35px}.map-controls button+button{border-color:#34465d}.map-controls button:hover{background:#29415d}.compass{color:#9cb4d2}.legend{color:#b5c5d9;font-size:10px}.map-hint{color:#96aac4;font-size:9px}.portrait{background:#1a2a3c;min-height:180px;position:relative}.portrait-grid{background-image:linear-gradient(#42617e30 1px,transparent 1px),linear-gradient(90deg,#42617e30 1px,transparent 1px)}.portrait-number{color:#a8c0d8;z-index:2}.tiny-badge,.profile-role{color:#aebdd0}.profile-body{padding-top:17px}.profile-facts{font-size:11px}.profile-facts>div{border-color:#293549;padding:7px 0}.profile-facts dt{color:#a5b7ce}.profile-facts dd{color:#dce7f6}.capabilities span{background:#202c3f;border-color:#3a485f;color:#c5d7ed;font-size:9px}.activity-box{border-color:#6b9e95}.activity-box p{color:#ccdfed;font-size:11px}.activity-box>span{color:#a9bad0;font-size:9px}.profile-source{color:#9bafc9;font-size:9px}.state-badge{background:#19392e;color:#adf4d0;border-color:#39664f}.state-badge[data-state=idle]{background:#243754;color:#bfdaff;border-color:#425e83}.state-badge[data-state=queued]{background:#3b3020;color:#f4d29a;border-color:#705a34}.state-badge[data-state=offline]{background:#3b2632;color:#edbfd3;border-color:#704258}.state-badge[data-state=unknown]{background:#2d3543;color:#d0d8e4;border-color:#505e73}.section-heading h2 span{background:#223248;border-color:#40546c;color:#cee0f5}.section-heading p,.fixture-panel p{color:#a4b5ca}.search,.filter-label select,.fixture-actions select{background:#172334;border-color:#35465f;color:#c8d7e8}.search input{color:#e2eaf4;font-size:12px}.search input::placeholder{color:#9bacc4}.roster-agent{background:#151f2f;border-color:#2d3d54}.roster-agent:hover{border-color:#80bca9;background:#1b2b3b}.roster-agent[aria-pressed=true]{background:#1b3635;border-color:#7eceb9;box-shadow:0 0 0 1px #7eceb929}.roster-agent .initial{background:#273951!important;color:#e8f2ff!important;border-color:#445976}.roster-agent .roster-name{color:#e7eef9}.roster-agent .roster-role,.roster-agent .roster-state,.roster-agent .roster-detail{color:#b1c2d6}.fixture-actions label,.fixture-panel .eyebrow{color:#adc0d7}.fixture-actions button{background:#1b2a3e;border-color:#40536d;color:#d9e9fa}.fixture-actions #fixture-event{background:#2d6557;border-color:#4c9a80;color:#f0fff9}.fixture-actions #toggle-map[aria-pressed=true]{background:#294e47;border-color:#7fb6a2}.status-bar{color:#acc0d7}.page-footer{border-color:#2a3546;color:#91a8c0}.static-map{background:repeating-linear-gradient(0deg,#35506a50 0px,#35506a50 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,#35506a50 0px,#35506a50 1px,transparent 1px,transparent 28px);border-color:#49607c}.static-buildings>div{background:#20344a;border-color:#496581;color:#a6d4db;box-shadow:0 6px 0 #142639}.static-buildings span,.static-map p{color:#b1d3e6}#static-agents button{background:#22344a;border-color:#52728c;color:#d1e5f4}#static-agents button[aria-pressed=true]{background:#356351;border-color:#88ddbb}.skip{background:#263c55;color:#f1f8ff}.noscript{background:#3b3020;color:#fff0c2;border-color:#b09856}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:#9ce6e2}
/* The character action UI is a sandbox, never an operational control. */
.sandbox-panel{margin:0 16px 16px;padding:15px;border:1px solid #3a5169;border-radius:10px;background:linear-gradient(130deg,#1b2f43,#172334)}.sandbox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.sandbox-heading strong{font-size:13px;font-weight:500}.sandbox-heading>span{font-size:8px;letter-spacing:1.2px;color:#e8c78b;border:1px solid #6e603f;border-radius:10px;padding:4px 7px}.sandbox-actions{display:flex;flex-wrap:wrap;gap:7px}.sandbox-actions button,.sandbox-actions select{font-size:11px;border:1px solid #48617d;background:#20364d;color:#dceafa;border-radius:6px;min-height:35px;padding:7px 10px}.sandbox-actions button:hover{background:#315069}.sandbox-actions button[aria-pressed=true]{border-color:#92efcf;background:#2f5d52;color:#edfff8}.sandbox-actions .primary-action{background:#35695b;border-color:#78bba2}.sandbox-status{font-size:11px;color:#c7d8e9;margin:12px 0 5px;line-height:1.7}.sandbox-warning{font-size:9px;color:#9ab0c9;margin:0;line-height:1.6}.speech-bubble{position:absolute;left:50%;top:10px;transform:translateX(-50%);max-width:75%;border:1px solid #6c91ae;background:#152c43f2;color:#e3f6ff;border-radius:12px;padding:10px 14px;font-size:11px;z-index:4;pointer-events:none;box-shadow:0 4px 15px #0005}.portrait canvas{display:block;position:relative;z-index:1;width:100%;height:100%}.portrait .avatar-large{display:none}.portrait-open{position:absolute;bottom:8px;left:8px;z-index:3;background:#16273de6;color:#d9eafa;border:1px solid #4b6580;border-radius:5px;font-size:9px;padding:5px 7px}.portrait-modal{padding:0;border:1px solid #59708b;border-radius:14px;background:#111c2c;color:#e4effd;width:min(540px,94vw);max-height:94vh;overflow:auto}.portrait-modal::backdrop{background:#030810c9;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #30465f}.modal-top h2{margin:0;font-size:19px;font-weight:500}.modal-top button{background:#263c54;border:1px solid #59718b;border-radius:6px;color:#edf6ff;padding:7px 12px}.modal-character{height:480px;max-height:60vh;background:radial-gradient(ellipse at 50% 48%,#274965,#111d30 70%)}.modal-character canvas{width:100%;height:100%;display:block}.modal-footer{padding:15px 22px;font-size:11px;color:#b5c8de;line-height:1.8}.scene[data-walk-mode=true] canvas{cursor:crosshair}.scene[data-walk-mode=true]{box-shadow:inset 0 0 0 2px #7be2c3}.portrait-fallback{padding:25px;font-size:12px;color:#b9cde1;line-height:1.8}
@media(min-width:1500px){.scene{height:590px}}
@media(max-width:820px){.scene{height:440px}.portrait{height:225px;min-height:225px}.profile-card{padding-top:38px}.sandbox-panel{margin:0 12px 12px}.profile-facts{font-size:10px}}
@media(max-width:480px){.scene{height:355px}.portrait{height:225px;min-height:225px}.sandbox-actions{gap:6px}.sandbox-actions button,.sandbox-actions select{font-size:10px;min-height:38px;padding:8px}.sandbox-panel{padding:12px}.sandbox-heading strong{font-size:12px}.sandbox-heading>span{font-size:7px}.sandbox-status{font-size:10px}.sandbox-warning{font-size:9px}.scene-note{font-size:9px}.profile-facts{font-size:10px}.agent-marker{font-size:9px;padding:5px 6px}.portrait-open{font-size:8px;padding:5px}.speech-bubble{font-size:10px;max-width:82%;padding:8px 10px}.modal-character{height:410px}.world-footer{flex-wrap:wrap}}
