:root{color-scheme:dark;--bg:#080810;--surface:#10121d;--border:#282c40;--text:#f0f0ff;--muted:#a5aec4;--mint:#00ffcc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;font-size:14px;min-height:42px;padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:#191e2c;color:var(--text);cursor:pointer}button:hover{border-color:var(--mint)}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.skip{position:fixed;top:-80px;left:16px;z-index:20;padding:12px;background:var(--mint);color:#000}.skip:focus{top:8px}header{height:80px;padding:0 max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--border);background:#0c0e17}.brand{font-family:'Space Mono',monospace;letter-spacing:2px;font-size:17px;font-weight:700;white-space:nowrap}.brand-icon{color:var(--mint);font-size:28px;vertical-align:middle;margin-right:8px}.brand-sub{color:#8490a9;font-size:12px}header nav{display:flex;gap:28px;margin-left:auto;font-size:14px}header nav a{padding:10px 0}.readonly{font:11px 'Space Mono',monospace;letter-spacing:2px;color:var(--mint);border-left:1px solid var(--border);padding-left:24px}#menu{display:none}#mobile-menu{background:#141826;padding:20px;position:absolute;z-index:10;right:16px;top:74px;border:1px solid var(--border)}#mobile-menu a{display:block;padding:10px 24px}main{max-width:1360px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px 0 32px}.eyebrow{font:11px 'Space Mono',monospace;letter-spacing:3px;color:var(--mint);margin:0 0 16px}h1{font-size:clamp(25px,3vw,38px);letter-spacing:-1.4px;line-height:1.35;margin:0;font-weight:750}.sub{color:var(--muted);margin:12px 0 0;font-size:15px}.mobile-break{display:none}.connection{display:flex;align-items:flex-end;flex-direction:column;gap:7px;min-width:220px;font-size:14px}#connection{color:var(--mint)}#freshness{color:var(--muted);font-size:12px}.connection button{margin-top:4px;font-size:12px;min-height:38px}.summary{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--border);padding:18px 0;margin-bottom:32px}.summary>div{padding:0 24px;color:var(--muted);font-size:14px;border-right:1px solid var(--border);display:flex;align-items:center;gap:8px}.summary>div:first-child{padding-left:0}.summary>div:last-child{border:0}.summary strong{font:25px 'Space Mono',monospace;color:var(--text);margin-left:auto}.dot{display:inline-block;width:7px;height:7px;background:#aab1c5;flex:none}.dot.active{background:var(--mint)}.dot.idle{background:#86b6e1}.dot.unknown,.dot.stale{background:#ffcc70}.dot.disconnected{background:#ff738d}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 14px}.section-heading h2{font-size:18px;margin:0;font-weight:650}.section-heading h2 span{color:var(--mint);font:12px monospace;margin-left:8px}.section-heading p{font-size:12px;color:var(--muted);margin:0}.floor-scroll{overflow-x:auto;border:1px solid #394052;background:#161c2a;scrollbar-color:#546078 #171d2c;scrollbar-width:thin}.floor{position:relative;width:1100px;height:780px;margin:0 auto;isolation:isolate}canvas{display:block;width:1100px;height:780px;image-rendering:pixelated}.wall-title{position:absolute;top:20px;left:64px;font:700 23px 'Space Mono',monospace;letter-spacing:5px;color:#c3f6e7;text-shadow:3px 3px #182932}.wall-title span{display:block;color:#849aa7;font-size:9px;letter-spacing:4px;margin-top:5px}.station{position:absolute;width:240px;height:215px;--agent:#00ffcc}.bubble{position:absolute;top:0;left:0;width:240px;min-height:77px;background:#121b2b;border:1px solid #516071;border-top:3px solid var(--agent);padding:9px 12px;box-shadow:4px 4px 0 #0c132380;color:#e6efff;font-size:13px;line-height:1.5}.bubble:after{content:'';position:absolute;bottom:-7px;left:113px;width:10px;height:10px;transform:rotate(45deg);background:#121b2b;border-right:1px solid #516071;border-bottom:1px solid #516071}.bubble-head{display:flex;justify-content:space-between;align-items:center;gap:4px;font-size:11px;color:#b3c4d6;margin-bottom:4px}.bubble-head strong{color:var(--agent);font-weight:600}.bubble-task{font-weight:600}.bubble-directive{font-size:11px;color:#a8b8cd}.nameplate{position:absolute;top:176px;width:240px;text-align:center;background:#111927e8;border:1px solid #425365;font-size:13px;padding:5px 8px;line-height:1.4}.nameplate small{display:block;color:#aebed1;font-size:10px;margin-top:2px}.room-label{position:absolute;bottom:158px;font:10px 'Space Mono',monospace;letter-spacing:1px;color:#c0c6cf}.lounge-label{left:70px}.meeting-label{left:440px}.server-label{left:886px}.floor-note{position:absolute;bottom:16px;left:32px;font-size:11px;color:#a4b0c4}.pan-hint{display:none;color:var(--muted);font-size:12px}.roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.agent-row{border-top:1px solid var(--border);padding:22px 0}.agent-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.agent-top h3{font-size:16px;margin:0}.state-tag{font-size:12px;white-space:nowrap;color:var(--agent)}.agent-role{margin:3px 0 16px;color:var(--muted);font-size:13px}.agent-work{margin:0;font-size:15px}.agent-instruction{margin:4px 0 16px;color:#bcc8db;font-size:13px}.agent-meta{font-size:11px;color:#9aa9bf;line-height:1.9}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;border-top:1px solid var(--border);margin-top:42px;padding:40px 0}.about h2{font-size:24px;margin:0}.about p{color:var(--muted);font-size:14px}.about .eyebrow{color:var(--mint);font-size:10px}.about dl{margin:0}.about dt{font-size:14px;color:#d6dfef;margin:0 0 5px}.about dd{margin:0 0 20px;color:var(--muted);font-size:13px}footer{border-top:1px solid var(--border);max-width:1304px;margin:auto;padding:24px 0 36px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.bottom-nav{display:none}.empty{color:var(--muted)}@media(min-width:1440px){.floor-scroll{padding:20px 0;background:#101723}}@media(max-width:1200px){.pan-hint{display:block}.floor{margin:0}.roster{gap:0 20px}}@media(max-width:1024px){.roster{grid-template-columns:repeat(2,minmax(0,1fr))}.about{gap:32px}.intro{padding-top:32px}.brand-sub{display:none}footer{margin:0 28px}}@media(max-width:768px){header{padding:0 20px;height:72px;gap:14px}header nav{display:none}.readonly{margin-left:auto;border:0;padding:0;font-size:9px}#menu{display:block;padding:6px 12px}main{padding:0 20px}.intro{display:block;padding:30px 0 24px}.mobile-break{display:block}.connection{margin-top:22px;align-items:flex-start;min-width:0;position:relative;padding-right:140px}.connection button{position:absolute;right:0;top:0}.summary{grid-template-columns:repeat(2,1fr);gap:20px 0;padding:20px 0}.summary>div{padding:0 16px}.summary>div:nth-child(odd){padding-left:0}.summary>div:nth-child(even){border:0}.summary strong{font-size:22px}.section-heading{align-items:flex-start}.section-heading p{max-width:175px;text-align:right}.about{grid-template-columns:1fr;gap:18px}.roster{gap:0 20px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:8;background:#0e1421;border-top:1px solid #364252;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around}.bottom-nav a{font-size:12px;padding:15px 12px;min-height:52px}footer{margin:0 20px;padding-bottom:90px;gap:20px}footer button{font-size:12px}.brand{font-size:14px;letter-spacing:1px}}@media(max-width:480px){main{padding:0 16px}.roster{grid-template-columns:1fr}.section-heading h2{font-size:17px}.sub{font-size:14px}.connection{padding-right:120px}.connection button{padding:8px 10px}.agent-row{padding:20px 0}.about{margin-top:24px}.eyebrow{font-size:10px}.brand-icon{margin-right:3px}header{padding:0 16px}.section-heading p{font-size:11px}footer{align-items:flex-start;flex-direction:column}.floor-scroll{margin:0 -16px;border-left:0;border-right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}/* Motion is visual fiction; the fixed desk badges remain the source of truth. */
#actors{position:absolute;inset:0;pointer-events:none;z-index:2}#actor-targets{position:absolute;inset:0;pointer-events:none;z-index:4}.actor-target{position:absolute;top:0;left:0;width:50px;height:65px;min-height:44px;padding:0;border:0;background:transparent;pointer-events:auto;border-radius:6px}.actor-target:hover{background:#00ffcc12;outline:1px solid #00ffcc}.actor-target:focus-visible{outline:3px solid #00ffcc}.station{pointer-events:none}.bubble{font-size:13px;background:#101a29f5}.nameplate{top:82px;background:#101927f0}.nameplate small{font-size:11px}.motion-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:16px}.motion-toolbar p{font-size:14px;color:#c4c4e0;margin:0;max-width:780px}.motion-toolbar strong{color:#ffcc70;margin-right:8px}.motion-toolbar button{flex-shrink:0;min-height:44px}.motion-policy{font-size:12px;color:var(--muted);margin:10px 0 16px}.actor-picker{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.actor-choice{font-size:13px;min-height:44px}.actor-choice[aria-pressed=true]{background:var(--mint);color:#000;border-color:var(--mint)}.character-detail{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;border-block:1px solid var(--border);padding:16px 0;min-height:142px}.character-detail strong{font-size:14px}.character-detail p{font-size:14px;margin:6px 0;color:#dce6f4}.selected-state{display:inline-block;color:var(--agent);font-size:12px;margin-left:12px}.selected-fiction{border-left:2px dashed #c9ad75;padding-left:20px}.selected-fiction strong{color:#e8c991}.selected-fiction small{color:#b8b5ac;font-size:12px}.role-bubble{position:absolute;z-index:5;pointer-events:none;width:252px;padding:10px 12px;border:2px dashed #bc9b66;background:#28251ef5;border-radius:9px;color:#fff0cc;box-shadow:3px 3px 0 #1119;font-size:14px;line-height:1.5}.role-bubble strong{display:block;font-size:11px;color:#e5bd7b;margin-bottom:4px}.role-bubble span{display:block}.role-bubble:after{content:'';position:absolute;bottom:-9px;left:120px;border:8px solid transparent;border-top-color:#bc9b66;border-bottom:0}.room-label{z-index:1}.floor-note{font-size:12px}.wall-title{pointer-events:none}@media(max-width:768px){.motion-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.character-detail{grid-template-columns:1fr;gap:12px}.selected-fiction{padding-left:12px}.actor-picker{flex-wrap:nowrap;overflow-x:auto;padding:4px 2px 10px}.actor-choice{flex-shrink:0}.motion-toolbar p{font-size:14px}.character-detail p{font-size:14px}}@media(prefers-reduced-motion:reduce){.floor-scroll{scroll-behavior:auto}}