@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#070d15;--panel:#0c1622;--panel2:#101e2c;--line:#1d3041;--line2:#294257;--text:#edf4fa;--muted:#8fa4b8;--dim:#5f7589;--gold:#e9b84f;--gold2:#ffda7d;--green:#19d59a;--cyan:#5ac6e8;--red:#ff5d65;--purple:#d27bff;--shadow:0 20px 60px #0006}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 52% -10%,#14293a 0,#070d15 52%);color:var(--text);font-family:Manrope,system-ui,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{min-height:100vh}.topbar{height:70px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#07101bf2;border-bottom:1px solid #26384a;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;min-width:225px;text-decoration:none;color:inherit}.brand-mark{height:42px;width:42px;display:grid;place-items:center;border:1px solid #9a7532;background:linear-gradient(145deg,#302817,#111722);color:var(--gold2);font-weight:900;font-size:24px;clip-path:polygon(50% 0,93% 20%,85% 78%,50% 100%,15% 78%,7% 20%);filter:drop-shadow(0 0 12px #e9b84f22)}.brand-copy strong{display:block;font-size:19px;letter-spacing:1.7px}.brand-copy em{font-style:normal;color:var(--gold)}.brand-copy small{display:block;font:9px 'DM Mono',monospace;letter-spacing:1.2px;color:#9badbc;margin-top:3px}.main-nav{display:flex;align-items:center;gap:4px;flex:1;overflow:auto}.nav-item{border:1px solid transparent;background:transparent;color:#a8b7c7;padding:11px 12px;border-radius:7px;white-space:nowrap;font-size:12px;transition:.18s}.nav-item span{color:#d2deea;margin-right:5px}.nav-item:hover{background:#122234;color:#fff}.nav-item.active{border-color:#8f6b2f;background:linear-gradient(180deg,#2a251a,#171b20);color:var(--gold2);box-shadow:inset 0 0 0 1px #e9b84f14}.top-status{display:flex;align-items:center;gap:14px}.clock{text-align:right;min-width:54px}.clock strong{display:block;font:15px 'DM Mono',monospace}.clock small{font:9px 'DM Mono',monospace;color:var(--muted)}.online{border:1px solid #236a58;border-radius:20px;padding:8px 11px;display:flex;align-items:center;gap:7px;font:10px 'DM Mono',monospace;color:#7df0c7;background:#0c2b27}.online i,.rail-foot i,.live-dot{height:7px;width:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #19d59a77;display:inline-block}.user-chip{display:flex;align-items:center;gap:8px;border:0;border-left:1px solid var(--line);padding-left:13px;background:transparent;color:var(--text);text-align:left}.user-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#36495a,#101c29);border:1px solid #607487;color:var(--gold2);font-weight:800}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:11px}.user-chip small{font-size:9px;color:var(--muted);margin-top:2px}.mobile-menu{display:none;background:transparent;border:1px solid var(--line);color:white;padding:8px;border-radius:7px}
.layout{display:grid;grid-template-columns:240px minmax(500px,1fr) 290px;min-height:calc(100vh - 70px)}.left-rail,.right-rail{background:#0a1420;border-color:#203244;min-width:0}.left-rail{border-right:1px solid var(--line);padding:18px 13px 14px;display:flex;flex-direction:column;gap:18px}.section-title{display:flex;align-items:center;justify-content:space-between;font:10px 'DM Mono',monospace;letter-spacing:1px;color:#a9bbcb}.count-pill{color:var(--gold2);background:#332a18;border:1px solid #5f4a24;border-radius:4px;padding:3px 6px;font-size:9px}.search{display:flex;align-items:center;gap:8px;padding:9px 10px;margin-top:12px;border:1px solid #203346;border-radius:6px;background:#0d1b29;color:var(--muted)}.search input{background:transparent;border:0;outline:0;color:var(--text);width:100%;font-size:11px}.agent-list{display:flex;flex-direction:column;margin-top:8px}.agent-row{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:7px;border:1px solid transparent;border-bottom-color:#1a2a39;cursor:pointer;transition:background .18s,border-color .18s}.agent-row:hover,.agent-row.selected{background:#142436;border-color:#2b4155}.agent-avatar{height:39px;width:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--agent-soft),#0a121c);border:1px solid var(--agent);color:var(--agent);font-weight:800;font-size:13px;box-shadow:inset 0 0 12px #fff08}.agent-meta{min-width:0;flex:1}.agent-meta strong{display:block;font-size:11px;letter-spacing:.3px}.agent-meta small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.agent-state{display:flex;align-items:center;gap:5px;font-size:9px;color:#c5d2de;margin-top:4px}.state-dot{width:6px;height:6px;border-radius:50%;background:var(--state-color,var(--green));box-shadow:0 0 8px color-mix(in srgb,var(--state-color,var(--green)),transparent 30%)}.project-box,.activity-box{border:1px solid #1e3142;border-radius:9px;padding:12px;background:linear-gradient(145deg,#101e2b,#0c1722)}.project-box h3{font-size:13px;margin:13px 0 10px}.project-box h3 small{font:9px 'DM Mono',monospace;color:var(--gold);margin-left:5px}.progress-line{height:6px;border-radius:10px;background:#203447;overflow:hidden}.progress-line span{display:block;height:100%;width:27%;background:linear-gradient(90deg,#b98b36,var(--gold2));border-radius:10px;box-shadow:0 0 12px #e9b84f55}.progress-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted)}.progress-meta b{color:var(--gold2);font:9px 'DM Mono',monospace}.project-box ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.project-box li{font-size:10px;color:#9eafbf;padding-left:19px;position:relative}.project-box li:before{content:'○';position:absolute;left:0;color:#65798b}.project-box li.done:before{content:'✓';color:var(--green)}.activity-list{display:grid;gap:12px;margin-top:15px}.mini-event{display:grid;grid-template-columns:35px 1fr;gap:7px}.mini-event time{font:9px 'DM Mono',monospace;color:#71879b;padding-top:3px}.mini-event b{font-size:10px;display:block}.mini-event small{font-size:9px;line-height:1.45;color:#8fa4b8;display:block;margin-top:2px}.event-icon{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:5px;background:#233548;color:var(--gold2);font-size:9px;margin-right:5px}.rail-foot{margin-top:auto;padding:12px 6px 0;border-top:1px solid #1d2c3a;display:flex;align-items:center;gap:7px;color:#8196a9;font-size:9px}
.main-content{padding:24px 22px 12px;min-width:0;overflow:hidden}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.breadcrumb{font:9px 'DM Mono',monospace;letter-spacing:1.3px;color:#8198ac}.breadcrumb span{color:var(--gold);padding:0 5px}.page-head h1{font-size:27px;letter-spacing:-.8px;margin:7px 0 5px}.page-head h1 span{color:var(--gold2)}.page-head p{font-size:11px;color:#91a5b8;margin:0}.head-actions{display:flex;gap:7px;align-items:center}.square-btn{height:34px;min-width:34px;border:1px solid #2b4052;background:#111f2d;color:#c9d8e4;border-radius:6px;font-size:15px}.square-btn:hover{border-color:#8b6b36;color:var(--gold2)}.gold-btn{border:1px solid #f3ca69;background:linear-gradient(180deg,#f3c965,#c28b2e);color:#241b0a;padding:10px 14px;border-radius:6px;font-size:11px;font-weight:800;box-shadow:0 5px 18px #b8812520;transition:filter .18s,transform .18s}.gold-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gold-btn:active{transform:translateY(0)}.office-panel{border:1px solid #304252;border-radius:10px;overflow:hidden;background:#0b1520;box-shadow:var(--shadow)}.office-toolbar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #25394a;background:linear-gradient(90deg,#142333,#0d1925)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:9px}.toolbar-left{font:9px 'DM Mono',monospace;color:#a4b5c5;letter-spacing:.5px}.toolbar-left b{color:#e5edf5}.slash{color:#566e81}.pulse-ring{height:7px;width:7px;border:2px solid var(--green);border-radius:50%;box-shadow:0 0 0 4px #19d59a18}.tool{border:1px solid transparent;background:transparent;color:#92a7ba;font-size:9px;padding:6px 8px;border-radius:4px}.tool.active{color:var(--gold2);border-color:#564629;background:#29251c}.office-viewport{height:clamp(400px,54vh,650px);overflow:hidden;position:relative;background:#101e29}.office-art{position:relative;height:100%;min-height:400px;background-image:url('assets/hermes-office-art-direction.jpg');background-size:cover;background-position:center 48%;transition:filter .3s,transform .35s;transform-origin:center;isolation:isolate}.office-art:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#07111d44 0%,transparent 25%,transparent 70%,#07111d88 100%);pointer-events:none;z-index:1}.art-vignette{position:absolute;inset:0;box-shadow:inset 0 0 90px #03080d99;pointer-events:none;z-index:2}.art-hud{position:absolute;z-index:3;left:15px;right:15px;top:13px;display:flex;justify-content:space-between;gap:10px;pointer-events:none}.hud-chip{background:#07111ddd;border:1px solid #425264bb;border-radius:5px;padding:7px 9px;font:9px 'DM Mono',monospace;letter-spacing:.8px;color:#e2eaf1;box-shadow:0 4px 14px #0004}.hud-chip i{color:var(--gold);font-style:normal}.hud-chip .live-dot{margin-right:5px}.art-caption{position:absolute;z-index:3;left:16px;bottom:15px;display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #ffffff29;background:#07111ddd;border-radius:7px;backdrop-filter:blur(12px)}.caption-mark{height:30px;width:30px;display:grid;place-items:center;border:1px solid #b28b42;color:var(--gold2);font-weight:900;font-size:17px;border-radius:5px;background:#241f14}.art-caption b,.art-caption small{display:block}.art-caption b{font:10px 'DM Mono',monospace;letter-spacing:.7px}.art-caption small{font-size:9px;color:#9db0c1;margin-top:3px}.art-notice{position:absolute;right:14px;bottom:15px;z-index:4;display:flex;align-items:center;gap:9px;max-width:320px;padding:10px 11px;border-radius:7px;background:#08131de8;border:1px solid #455668;box-shadow:0 10px 25px #0005;backdrop-filter:blur(12px)}.notice-dot{height:7px;width:7px;flex:0 0 7px;background:var(--gold);border-radius:50%}.art-notice b,.art-notice small{display:block}.art-notice b{font-size:10px}.art-notice small{font-size:9px;line-height:1.4;color:#a1b2c1;margin-top:3px}.art-notice button{align-self:flex-start;background:none;border:0;color:#a1b2c1;font-size:17px;padding:0 2px}.hotspot{position:absolute;z-index:5;border:0;background:transparent;padding:0;display:flex;align-items:center;gap:7px;transform:translate(-50%,-50%);text-align:left;transition:filter .2s,transform .2s}.hotspot:hover,.hotspot.selected{filter:brightness(1.25);transform:translate(-50%,-50%) scale(1.06)}.hotspot-pin{height:13px;width:13px;border:2px solid var(--agent);background:var(--agent);box-shadow:0 0 0 5px color-mix(in srgb,var(--agent),transparent 78%),0 0 18px color-mix(in srgb,var(--agent),transparent 20%);border-radius:50%;animation:pinPulse 2.5s infinite}.hotspot-label{padding:5px 7px;border:1px solid var(--agent);border-radius:4px;background:#07111de8;color:var(--agent);font:800 9px 'DM Mono',monospace;letter-spacing:.5px;box-shadow:0 4px 14px #0006;white-space:nowrap}.hotspot-label small{display:block;font:8px Manrope,sans-serif;color:#e4edf5;letter-spacing:0;margin-top:2px}.hs-onix{left:52%;top:36%;--agent:#f3c65f}.hs-nestor{left:28%;top:62%;--agent:#5bc9ff}.hs-lyla{left:19%;top:27%;--agent:#f27de0}.hs-hack{left:58%;top:69%;--agent:#ff6269}.hs-sentinela{left:48%;top:73%;--agent:#28e0a0}.hs-titan{left:78%;top:68%;--agent:#ffcb48}.hs-oracle{left:79%;top:36%;--agent:#ce82ff}.hide-labels .hotspot-label{display:none}.reduced-effects .hotspot-pin{animation:none}.map-mode .office-art{filter:saturate(.45) contrast(1.12)}.office-legend{height:38px;display:flex;align-items:center;gap:16px;padding:0 12px;border-top:1px solid #203243;background:#0b1621;font-size:9px;color:#91a5b7}.office-legend span{display:flex;align-items:center;gap:6px;white-space:nowrap}.legend-dot{height:6px;width:6px;border-radius:50%;display:inline-block}.legend-dot.green{background:var(--green)}.legend-dot.cyan{background:var(--cyan)}.legend-dot.gold{background:var(--gold)}.legend-dot.gray{background:#8796a6}.legend-note{margin-left:auto;color:#71889b}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr);gap:12px;margin-top:13px}.glass-card{border:1px solid #223749;border-radius:9px;background:linear-gradient(145deg,#101d2a,#0b1520);padding:14px;min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.card-head small,.profile-top small{font:9px 'DM Mono',monospace;letter-spacing:1px;color:#91a6b8}.card-head h2{font-size:14px;margin:4px 0 0}.text-action{background:transparent;border:0;color:var(--gold2);font-size:10px;padding:2px}.text-action:hover{text-decoration:underline}.event-feed{display:grid;gap:10px}.feed-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:start;padding-bottom:9px;border-bottom:1px solid #1e3040}.feed-row:last-child{border-bottom:0;padding-bottom:0}.feed-icon{width:30px;height:30px;border:1px solid #2d4254;border-radius:7px;display:grid;place-items:center;background:#142538;color:var(--event-color,var(--gold2));font-size:12px}.feed-row b{display:block;font-size:10px}.feed-row p{margin:3px 0 0;font-size:9px;line-height:1.4;color:#8fa4b7}.feed-row time{font:9px 'DM Mono',monospace;color:#70879b}.api-tag{border:1px solid #4b3d22;color:var(--gold2);border-radius:4px;padding:5px 7px;font:9px 'DM Mono',monospace;white-space:nowrap}.message-route{display:flex;align-items:end;gap:9px;margin-bottom:10px}.message-route label{display:grid;gap:5px;flex:1;min-width:0}.message-route label small{font:9px 'DM Mono',monospace;color:#849bad;letter-spacing:.8px}.message-route select{width:100%;background:#0b1723;border:1px solid #2b4052;border-radius:5px;padding:8px;color:#dce8f2;font-size:10px}.route-arrow{padding-bottom:8px;color:var(--gold);font-size:15px}.message-card textarea{width:100%;resize:vertical;min-height:58px;border:1px solid #2a3f51;border-radius:6px;background:#09131e;color:#e8f0f6;padding:10px;font-size:10px;line-height:1.5}.message-card textarea::placeholder{color:#62798d}.send-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.send-row span{font-size:9px;color:#7f95a8}.content-foot{display:flex;justify-content:space-between;gap:10px;padding:13px 3px 0;color:#5e7487;font:8px 'DM Mono',monospace;letter-spacing:.5px}.content-foot b{color:#a9bac8}.content-foot i{font-style:normal;color:var(--gold);padding:0 3px}
.right-rail{border-left:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column;gap:17px}.profile-top{display:flex;justify-content:space-between;align-items:start}.profile-top h2{font-size:18px;margin:5px 0 0;letter-spacing:.5px}.profile-status{display:flex;align-items:center;gap:5px;color:var(--gold2);font:8px 'DM Mono',monospace;border:1px solid #594a2d;background:#272319;padding:5px 6px;border-radius:4px}.profile-status i{height:5px;width:5px;border-radius:50%;background:var(--gold)}.profile-avatar-wrap{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #203243;border-bottom:1px solid #203243}.profile-avatar{height:60px;width:60px;display:grid;place-items:center;border-radius:13px;border:1px solid var(--agent,#f3c65f);background:radial-gradient(circle at 35% 20%,var(--agent-soft,#42351b),#0b1520 75%);font-size:25px;font-weight:900;color:var(--agent,#f3c65f);box-shadow:inset 0 0 25px #fff07}.profile-role{font-size:11px;font-weight:800}.profile-desc{font-size:9px;line-height:1.55;color:#8ea3b6;margin-top:5px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-stats div{background:#0e1c29;border:1px solid #213547;border-radius:6px;padding:10px}.profile-stats small{display:block;font:8px 'DM Mono',monospace;color:#8298aa;letter-spacing:.8px}.profile-stats b{display:block;font-size:10px;margin-top:5px}.profile-section .section-title{margin-bottom:10px}.skill-list{display:flex;flex-wrap:wrap;gap:6px}.skill-chip{font-size:9px;padding:6px 8px;border:1px solid #2b4051;border-radius:4px;background:#122131;color:#afc0ce}.last-event{font-size:10px;line-height:1.55;color:#a0b1c0;padding:11px;background:#0c1925;border-left:2px solid var(--gold);border-radius:0 5px 5px 0}.profile-actions{display:grid;gap:7px}.outline-btn{border:1px solid #34495b;border-radius:6px;padding:10px;background:#101e2b;color:#c6d5e1;font-size:10px}.outline-btn:hover{border-color:#8d713f;color:var(--gold2)}.gold-btn.full{width:100%}.right-note{margin-top:auto;border:1px solid #203648;border-radius:7px;background:#0d1a26;padding:12px;display:flex;gap:9px}.shield{height:27px;width:27px;display:grid;place-items:center;border-radius:6px;background:#15302b;border:1px solid #245849;color:var(--green);flex:0 0 27px}.right-note b{font-size:10px}.right-note p{font-size:9px;line-height:1.5;color:#8da2b5;margin:5px 0 8px}.modal-backdrop{position:fixed;inset:0;background:#02070dc9;z-index:50;display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.hidden{display:none!important}.modal{width:min(100%,480px);border:1px solid #354a5d;border-radius:12px;background:linear-gradient(145deg,#142433,#0a141f);padding:22px;box-shadow:0 30px 90px #0009}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head small{font:9px 'DM Mono',monospace;letter-spacing:1px;color:var(--gold)}.modal-head h2{font-size:19px;margin:6px 0}.modal p{font-size:11px;line-height:1.6;color:#9eb0c0}.modal label{display:grid;gap:7px;font-size:10px;color:#b7c7d4;margin-top:14px}.modal input{width:100%;padding:10px;background:#08131e;border:1px solid #2b4052;border-radius:6px;color:white}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.connection-result{font-size:10px;margin-top:12px;color:var(--cyan)}.security-note{display:block;margin-top:13px;color:#758da0;font-size:9px;line-height:1.5}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:80;padding:11px 16px;background:#102538;border:1px solid #456176;border-radius:7px;color:#e5f0f7;font-size:11px;box-shadow:var(--shadow);transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pinPulse{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--agent),transparent 82%),0 0 12px color-mix(in srgb,var(--agent),transparent 25%)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--agent),transparent 90%),0 0 20px color-mix(in srgb,var(--agent),transparent 10%)}}@keyframes shimmer{0%{background-position:0 0}100%{background-position:140px 0}}@media(min-width:1600px){.layout{grid-template-columns:260px minmax(500px,1fr) 310px}.main-content{padding:28px 28px 14px}.office-viewport{height:clamp(500px,59vh,760px)}}@media(max-width:1250px){.layout{grid-template-columns:220px minmax(450px,1fr)}.right-rail{display:none}.main-nav .nav-item{padding:10px 8px}.brand{min-width:190px}.topbar{gap:12px}.bottom-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.topbar{height:62px;padding:0 12px}.brand{min-width:auto}.brand-copy strong{font-size:16px}.brand-copy small{font-size:7px}.main-nav{display:none;position:absolute;top:61px;left:0;right:0;padding:10px;background:#07101b;flex-wrap:wrap;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.mobile-menu{display:block}.top-status{margin-left:auto}.user-chip{display:none}.layout{display:block;min-height:calc(100vh - 62px)}.left-rail{display:none}.main-content{padding:17px 12px}.page-head h1{font-size:23px}.office-viewport{height:56vh;min-height:360px}.bottom-grid{grid-template-columns:1fr}.office-legend{overflow:auto}.legend-note{display:none}.content-foot{flex-wrap:wrap}}@media(max-width:560px){.online{padding:7px 8px}.online b{display:none}.clock{min-width:43px}.page-head{align-items:flex-start}.page-head p{max-width:230px;line-height:1.5}.head-actions{gap:4px}.head-actions .gold-btn{font-size:0;padding:9px 11px}.head-actions .gold-btn:first-letter{font-size:14px}.office-toolbar{padding:0 8px}.toolbar-left{font-size:8px;gap:5px}.toolbar-right{gap:1px}.tool{padding:6px 5px;font-size:8px}.office-viewport{min-height:340px;height:48vh}.office-art{background-position:center center}.hud-chip{font-size:7px;padding:6px}.hud-chip:nth-child(2){display:none}.hotspot-label{font-size:7px;padding:4px 5px}.hotspot-label small{font-size:7px}.hotspot-pin{height:10px;width:10px}.hs-lyla{left:17%;top:29%}.hs-nestor{left:27%;top:62%}.hs-hack{left:57%;top:68%}.hs-sentinela{left:47%;top:73%}.hs-oracle{left:80%;top:36%}.hs-titan{left:78%;top:69%}.art-caption{left:8px;bottom:8px;padding:7px}.art-caption b{font-size:8px}.art-notice{right:8px;bottom:8px;max-width:215px;padding:7px}.art-notice small{font-size:8px}.legend-note{display:none}.message-route{gap:6px}.glass-card{padding:11px}.modal{padding:17px}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}

/* v0.5 pixel characters */
.sprite-layer{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}
.pixel-agent{--agent:#f3c65f;position:absolute;width:58px;height:96px;transform:translate(-50%,-74%);border:0;background:transparent;padding:0;pointer-events:auto;cursor:pointer;transition:left 1.35s cubic-bezier(.2,.7,.2,1),top 1.35s cubic-bezier(.2,.7,.2,1),filter .2s;filter:drop-shadow(0 5px 4px #0007);z-index:20}
.pixel-agent:hover,.pixel-agent.selected{filter:brightness(1.12) drop-shadow(0 0 7px var(--agent))}
.sprite-image{position:absolute;width:58px;height:76px;left:0;top:0;image-rendering:pixelated}
.sprite-name{position:absolute;top:-18px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:4px 6px;border:1px solid var(--agent);border-radius:3px;background:#07111df2;color:var(--agent);font:800 8px 'DM Mono',monospace;box-shadow:0 3px 8px #0005}
.sprite-state{position:absolute;top:-30px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:3px 5px;border-radius:3px;background:#07111de8;color:#dbe7ef;border:1px solid #405569;font:7px Manrope,sans-serif;opacity:0;transition:opacity .15s;pointer-events:none}
.pixel-agent:hover .sprite-state,.pixel-agent.selected .sprite-state{opacity:1}
.sprite-shadow{position:absolute;left:10px;right:10px;bottom:8px;height:8px;border-radius:50%;background:#03070c88;filter:blur(3px)}
.sprite-bubble{position:absolute;left:46px;top:-29px;max-width:132px;min-width:36px;padding:7px 8px;border:1px solid #d7e0e9;border-radius:7px 7px 7px 2px;background:#f6f5ed;color:#18232c;font:9px Manrope,sans-serif;line-height:1.35;box-shadow:0 5px 12px #0005;opacity:0;transform:translateY(5px) scale(.96);transition:opacity .18s,transform .18s;pointer-events:none}
.sprite-bubble.visible{opacity:1;transform:translateY(0) scale(1)}
.pixel-agent.walking .sprite-image{animation:spriteWalk .22s steps(2,end) infinite}
.pixel-agent.working .sprite-image{animation:spriteWork 1.1s ease-in-out infinite}
.pixel-agent.researching .sprite-image{animation:spriteResearch 1.7s ease-in-out infinite}
.pixel-agent.meeting .sprite-image{animation:spriteMeeting 1.5s ease-in-out infinite}
@keyframes spriteWalk{0%,100%{transform:translateY(0) scaleX(1)}50%{transform:translateY(-3px) scaleX(.97)}}
@keyframes spriteWork{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(1px) rotate(-1deg)}50%{transform:translateY(0) rotate(1deg)}75%{transform:translateY(1px)}}
@keyframes spriteResearch{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(2deg)}70%{transform:translateY(0) rotate(-2deg)}}
@keyframes spriteMeeting{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.hide-labels .sprite-name,.hide-labels .sprite-state{display:none}
.reduced-effects .pixel-agent .sprite-image{animation:none!important}
@media(max-width:900px){.pixel-agent{width:42px;height:78px}.sprite-image{width:42px;height:61px}.sprite-name{font-size:7px;top:-16px;padding:3px 4px}.sprite-state{font-size:6px;top:-26px}.sprite-bubble{left:34px;max-width:100px;font-size:8px;padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.pixel-agent,.sprite-bubble,.sprite-image{transition:none!important;animation:none!important}.hotspot-pin{animation:none!important}}

/* v0.6: room navigation overlay */
.room-layer{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.room-hotspot{position:absolute;transform:translate(-50%,-50%);display:grid;gap:3px;max-width:180px;padding:7px 9px;text-align:left;background:linear-gradient(180deg,#07111de8,#07111dbb);border:1px solid #d8b35b;border-radius:5px;box-shadow:0 4px 14px #0006;pointer-events:auto;color:#f5d681;opacity:.9;transition:opacity .2s,transform .2s,background .2s;backdrop-filter:blur(5px)}
.room-hotspot b{font:800 8px 'DM Mono',monospace;letter-spacing:.25px;white-space:nowrap}
.room-hotspot small{font:8px Manrope,sans-serif;color:#c2d0dc;white-space:nowrap}
.room-hotspot:hover,.room-hotspot.active{opacity:1;transform:translate(-50%,-50%) scale(1.06);background:#102436f5;border-color:#fff0a1;box-shadow:0 0 0 2px #e9b84f22,0 8px 22px #0008}
.room-hotspot.active:before{content:"";position:absolute;inset:-5px;border:1px solid #e9b84f99;border-radius:8px;animation:roomPulse 2s infinite;pointer-events:none}
.room-lounge{left:25%;top:25%}.room-meeting{left:53%;top:29%}.room-dev{left:28%;top:58%}.room-research{left:79%;top:32%}.room-security{left:57%;top:65%}.room-qa{left:46%;top:74%}.room-infra{left:80%;top:66%}.room-project{left:70%;top:82%}.room-reception{left:17%;top:76%}
.hide-rooms .room-hotspot{display:none}.room-dim .room-hotspot:not(.active){opacity:.26;filter:saturate(.3)}
.room-status-panel{position:absolute;top:58px;left:14px;z-index:7;width:min(270px,calc(100% - 28px));padding:12px;background:#07111df2;border:1px solid #45596a;border-radius:8px;box-shadow:0 12px 32px #0007;backdrop-filter:blur(12px)}
.room-status-panel h3{font-size:12px;margin:0 0 5px;color:var(--gold2)}.room-status-panel p{font-size:9px;color:#9fb2c2;line-height:1.5;margin:0 0 9px}.room-agent-list{display:flex;flex-wrap:wrap;gap:5px}
.room-agent-chip{border:1px solid var(--agent);color:var(--agent);background:#0b1722;padding:5px 7px;border-radius:4px;font:8px 'DM Mono',monospace;cursor:pointer}.room-agent-chip:hover{background:#1a2c3d}
@keyframes roomPulse{0%,100%{opacity:.25;transform:scale(.98)}50%{opacity:.85;transform:scale(1.02)}}
@media(max-width:900px){.room-hotspot{padding:5px 6px;max-width:130px}.room-hotspot b{font-size:6px}.room-hotspot small{font-size:6px}.room-lounge{left:24%;top:25%}.room-meeting{left:53%;top:30%}.room-dev{left:27%;top:58%}.room-research{left:80%;top:33%}.room-security{left:58%;top:65%}.room-qa{left:45%;top:75%}.room-infra{left:80%;top:66%}.room-project{left:70%;top:82%}.room-reception{left:17%;top:77%}}
@media(max-width:560px){.room-hotspot small{display:none}.room-hotspot{padding:4px 5px}.room-hotspot b{font-size:6px;letter-spacing:0}.room-status-panel{top:47px;left:7px}}

/* v0.7: modular furniture layer. The source art remains as a backdrop; these are interactive depth overlays. */
.scene-floor{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#101b2455,#0b162222 45%,#07111d55);mix-blend-mode:multiply}
.scene-objects{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}
.scene-object{--obj:#bd8a4a;position:absolute;transform:translate(-50%,-70%);width:clamp(24px,4.8vw,66px);height:clamp(25px,6vh,62px);border:0;background:transparent;padding:0;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 5px 4px #0007);transition:transform .18s,filter .18s,left .2s,top .2s;z-index:12}
.scene-object:hover,.scene-object.selected{transform:translate(-50%,-70%) scale(1.1);filter:brightness(1.18) drop-shadow(0 0 7px var(--obj));z-index:60!important}
.scene-object .obj-top{position:absolute;left:10%;right:10%;top:15%;height:28%;background:color-mix(in srgb,var(--obj),#ffffff 22%);border:1px solid #f9e4b366;transform:skewY(-14deg);border-radius:2px}
.scene-object .obj-front{position:absolute;left:10%;right:10%;top:39%;height:42%;background:linear-gradient(90deg,color-mix(in srgb,var(--obj),#000 25%),var(--obj));border:1px solid #0005;clip-path:polygon(0 0,100% 0,100% 82%,86% 100%,0 100%)}
.scene-object .obj-side{position:absolute;right:0;top:24%;width:17%;height:48%;background:color-mix(in srgb,var(--obj),#000 42%);transform:skewY(-30deg);border-radius:0 2px 2px 0}
.scene-object .obj-glyph{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:clamp(10px,1.1vw,17px);color:#f3f6f5;text-shadow:0 1px 3px #000a;z-index:2}
.scene-object[data-kind="equipment"] .obj-front{background:linear-gradient(180deg,#243748,#0c1723);border:1px solid color-mix(in srgb,var(--obj),#fff 35%)}
.scene-object[data-kind="equipment"] .obj-top{background:#456174}
.scene-object[data-kind="equipment"] .obj-glyph{color:var(--obj)}
.scene-object[data-kind="decor"]{width:clamp(18px,3vw,38px);height:clamp(25px,5vh,54px)}
.scene-object[data-kind="decor"] .obj-top{left:30%;right:30%;top:34%;height:25%;border-radius:50%;transform:none;background:var(--obj)}
.scene-object[data-kind="decor"] .obj-front{left:40%;right:40%;top:55%;height:35%;clip-path:none;background:#76533b}
.scene-object[data-kind="decor"] .obj-side{display:none}
.scene-object .obj-label{position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);padding:3px 5px;background:#07111de8;border:1px solid #53687b;border-radius:3px;color:#e7eef5;font:7px 'DM Mono',monospace;white-space:nowrap;opacity:0;transition:opacity .15s;pointer-events:none}
.scene-object:hover .obj-label,.scene-object.selected .obj-label{opacity:1}
.hide-objects .scene-object{display:none}
.object-inspector{position:absolute;right:14px;top:58px;z-index:9;width:min(250px,calc(100% - 28px));padding:12px 14px;background:#07111df5;border:1px solid #4a5f72;border-radius:8px;box-shadow:0 12px 30px #0008;backdrop-filter:blur(12px)}
.object-inspector>button{position:absolute;right:7px;top:5px;border:0;background:none;color:#b4c4d1;font-size:18px}
.object-inspector small{font:8px 'DM Mono',monospace;letter-spacing:1px;color:var(--gold)}
.object-inspector h3{font-size:12px;margin:6px 0}
.object-inspector p{font-size:9px;color:#a1b3c2;line-height:1.5;margin:0 0 8px}
.object-inspector span{font:8px 'DM Mono',monospace;color:#6acde9}
.scene-object:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media(max-width:900px){.scene-object{width:clamp(20px,5.5vw,44px);height:clamp(22px,5vh,43px)}.scene-object .obj-label{font-size:6px}.object-inspector{top:48px;right:7px}}
@media(prefers-reduced-motion:reduce){.scene-object{transition:none!important}}