:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#130f2b;--bg-soft:#261d4f;--line:#5f56a6;--text:#f7f4ff;--accent:#77f6d8;--active:#f8cd62}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{color:var(--text);background:radial-gradient(circle at top left, #4b3fa8 0, transparent 38%), radial-gradient(circle at bottom right, #274889 0, transparent 34%), var(--bg);margin:0;font-family:Trebuchet MS,Segoe UI,sans-serif}.city-shell{flex-direction:column;gap:.35rem;width:100%;height:100%;margin:0;padding:.4rem .6rem;display:flex;overflow:hidden}.city-header{flex-shrink:0;align-items:baseline;gap:.6rem;display:flex}.city-header h1{letter-spacing:.03em;margin:0;font-size:1.3rem}.city-header p{color:#d6cff7;margin:0;font-size:.82rem}.city-header__signout{flex-shrink:0;margin-left:auto}.city-header__signout button{border:1px solid var(--line);color:var(--text);letter-spacing:.04em;cursor:pointer;white-space:nowrap;background:#5f56a626;padding:.25rem .7rem;font-size:.72rem;font-weight:600;transition:background .2s,border-color .2s}.city-header__signout button:hover{border-color:var(--accent);background:#5f56a659}.city-status-panel{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft), black 20%);flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.6rem;padding:.35rem .7rem;display:flex}.pulse-dot{border-radius:9999px;width:.55rem;height:.55rem;display:inline-block}.pulse-live{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb, var(--accent), white 20%)}.pulse-connecting,.pulse-retrying{background:#ff7c8a}.stream-label{text-transform:uppercase;font-size:.8rem;font-weight:700}.event-label{color:#f8eaff;font-size:.95rem}.utc-clock{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#9b93c8;white-space:nowrap;margin-left:auto;font-size:.78rem;font-weight:600}.agent-cards-strip{flex-shrink:0;gap:.5rem;display:flex;overflow-x:auto}.agent-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft), black 24%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:none;min-width:200px;max-width:320px;padding:.5rem .7rem;transition:border-color .4s,box-shadow .4s}.agent-card--active{border-color:var(--accent);box-shadow:0 0 12px #77f6d82e,inset 0 0 0 1px #77f6d80f}.agent-card--idle{border-color:#5f56a666}.agent-card__header{align-items:center;gap:.4rem;margin-bottom:.25rem;display:flex}.agent-card__dot{background:#5f56a699;border-radius:9999px;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s}.agent-card__dot--active{background:var(--accent);animation:1.6s ease-in-out infinite card-pulse;box-shadow:0 0 8px #77f6d880}.agent-card__name{letter-spacing:.06em;text-transform:uppercase;color:var(--text);font-size:.72rem;font-weight:700}.agent-card__status-tag{letter-spacing:.1em;text-transform:uppercase;border-radius:2px;margin-left:auto;padding:1px 5px;font-size:.58rem;font-weight:700}.agent-card--active .agent-card__status-tag{color:var(--accent);background:#77f6d826}.agent-card--idle .agent-card__status-tag{color:#9b93c8;background:#5f56a633}.agent-card__action{color:var(--text);margin-bottom:.15rem;font-size:.82rem;font-weight:600}.agent-card--active .agent-card__action{color:var(--accent)}.agent-card__message{color:#b8b0d8;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.35;overflow:hidden}@keyframes card-pulse{0%,to{opacity:1}50%{opacity:.5}}.city-canvas-loader{border:1px solid var(--line);height:min(68vh,620px);min-height:430px;color:var(--accent);background:#1a153a;justify-content:center;align-items:center;font-weight:700;display:flex}.iso-city-frame{border:1px solid var(--line);background:linear-gradient(#8a7aff29 0%,#1c143f00 18%),radial-gradient(circle at 18% 20%,#62ccff2e,#0000 28%),radial-gradient(circle at 76% 16%,#ad62ff26,#0000 24%),linear-gradient(#171133 0%,#120d28 100%);flex:1 1 0;min-height:0;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000005c,inset 0 0 0 1px #7e71bf1f}.iso-city-stage{will-change:transform;width:100%;height:100%;position:relative}.camera-controls{z-index:9999;gap:6px;display:flex;top:12px;right:12px;position:absolute!important}.camera-controls button{border:1px solid var(--line);color:var(--accent);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#120d28d9;padding:.35rem .6rem;font-size:.8rem;font-weight:600;line-height:1}.camera-controls button:hover{background:#261d4feb}.iso-frame{pointer-events:none;position:relative;overflow:hidden}.iso-frame img{image-rendering:pixelated;-webkit-user-select:none;user-select:none;pointer-events:none;display:block}.iso-sprite{transform-origin:bottom;pointer-events:none;will-change:left, top, transform;position:absolute;transform:translate(-50%,-100%)}.iso-sprite.is-billboard .iso-frame{filter:drop-shadow(0 0 10px #6debff7a)drop-shadow(0 0 18px #705cff38)}.background-silhouette{opacity:.28;filter:blur(1px)saturate(.8);pointer-events:none;position:absolute;transform:translate(-50%,-100%)scale(1.05)}.building-glow{filter:blur(16px);opacity:.7;pointer-events:none;border-radius:999px;width:170px;height:64px;position:absolute;transform:translate(-50%,-50%)}.building-glow.tone-azure{background:radial-gradient(circle,#4edcff7a,#0000 70%)}.building-glow.tone-outlook{background:radial-gradient(circle,#4e81ff73,#0000 70%)}.building-glow.tone-confluence{background:radial-gradient(circle,#8e62ff75,#0000 70%)}.building-glow.tone-neutral{background:radial-gradient(circle,#ff6dd661,#0000 70%)}.district-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#080a18d6;border:1px solid #ffffff14;padding:.32rem .58rem;font-size:.72rem;position:absolute;transform:translate(-50%,-100%);box-shadow:0 10px 18px #00000047}.district-label.tone-azure{color:#8deeff}.district-label.tone-outlook{color:#92a7ff}.district-label.tone-confluence{color:#c8a5ff}.district-label.tone-neutral{color:#ffd9a1}.agent-sprite{pointer-events:auto;cursor:pointer}.agent-sprite.is-walking{animation:.55s ease-in-out infinite alternate agent-bob}.agent-frame{filter:drop-shadow(0 3px 8px #00000073)}.agent-shadow{filter:blur(4px);background:#00000057;border-radius:999px;width:40px;height:14px;position:absolute;top:100%;left:50%;transform:translate(-50%,-20%)}.agent-badge{color:#77f6d8;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;background:#0a081ae0;border:1px solid #77f6d880;border-radius:3px;margin-bottom:6px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;bottom:100%;left:50%;transform:translate(-50%);box-shadow:0 0 8px #77f6d840,0 4px 8px #0006}.agent-zzz{color:#a79dd6;pointer-events:none;white-space:nowrap;font-size:10px;font-style:italic;font-weight:700;animation:2.4s ease-in-out infinite zzz-float;position:absolute;bottom:calc(100% + 10px);left:calc(100% + 4px)}@keyframes zzz-float{0%,to{opacity:.35;transform:translateY(0)scale(.9)}50%{opacity:1;transform:translateY(-6px)scale(1)}}.agent-tooltip{color:#f8cd62;white-space:nowrap;pointer-events:none;z-index:1;background:#0a081af0;border:1px solid #f8cd6280;border-radius:3px;padding:4px 10px;font-size:9px;font-weight:600;position:absolute;bottom:calc(100% + 28px);left:50%;transform:translate(-50%);box-shadow:0 0 10px #f8cd6233,0 4px 8px #00000080}.agent-tooltip:after{content:"";border:4px solid #0000;border-top-color:#f8cd6280;position:absolute;top:100%;left:50%;transform:translate(-50%)}.agent-badge:after{content:"";border:4px solid #0000;border-top-color:#77f6d880;position:absolute;top:100%;left:50%;transform:translate(-50%)}.paper-token{filter:drop-shadow(0 0 8px #93e9ff57);position:absolute;top:-8px;left:62%;transform:translate(-50%,-100%)rotate(-8deg)}@keyframes agent-bob{0%{transform:translate(-50%,-100%)}to{transform:translate(-50%,calc(-100% - 8px))}}.city-footer{color:#6b6199;flex-shrink:0;align-items:baseline;gap:.6rem;padding:.3rem .2rem .15rem;font-size:.62rem;line-height:1.3;display:flex}.city-footer__legal{color:#4e4578;font-size:.56rem}.signin-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.signin-card{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-soft), black 28%);width:min(430px,100%);padding:1.25rem}.signin-card h1{margin:0 0 .75rem}.signin-card p{color:#ddd4ff;margin:0 0 1rem}.signin-card button{cursor:pointer;color:#0f1326;background:#f0ecff;border:1px solid #0f1326;padding:.72rem .9rem;font-weight:700}