*{box-sizing:border-box}body{color:#edf2ee;background:#0d1211;margin:0;font-family:Inter,ui-sans-serif,system-ui}.app{grid-template:64px 1fr/220px 1fr 270px;height:100vh;display:grid;overflow:hidden}header{background:#111715;border-bottom:1px solid #29332f;grid-column:1/4;align-items:center;padding:0 22px;display:flex}header b{letter-spacing:1px;font-size:14px}header b span{color:#9ce563}nav{color:#8d9992;margin:auto;font-size:13px}header i{color:#a7e36f;align-items:center;gap:7px;font-size:11px;font-style:normal;display:flex}aside{background:#101614;border-right:1px solid #29312e;padding:24px 14px;position:relative}aside h5,.inspect>small,.title small{color:#65736c;letter-spacing:1.4px;margin:10px 8px;font-size:10px}aside div{color:#8e9b94;border-radius:6px;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}aside svg{width:15px}.active{color:#c8f1a4!important;background:#203027!important}.room{color:#b8e991!important}.room small{background:#31452d;border-radius:10px;margin-left:auto;padding:2px 6px}aside footer{color:#5e6b65;padding:10px;font-size:10px;position:absolute;bottom:18px}main{background:#151d1a;grid-template-rows:78px 1fr 76px;min-width:0;display:grid}.title{align-items:center;padding:12px 24px;display:flex}.title h1{margin:4px 8px;font-size:20px}.pill{color:#9ee169;border:1px solid #39463f;border-radius:20px;margin-left:auto;padding:7px 11px;font-size:11px}.office{background:#0c1210;border:1px solid #34433d;border-radius:8px;min-height:0;margin:0 20px 18px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0006}.room-bg{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.office:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 70px #07100b80}.agent{color:#fff;cursor:pointer;z-index:5;background:0 0;border:0;width:110px;height:105px;position:absolute;transform:translate(-50%,-100%)}.sprite{width:auto;height:78px;image-rendering:pixelated;filter:drop-shadow(0 3px 2px #0008);transition:transform .18s}.agent:hover .sprite,.agent.selected .sprite{filter:drop-shadow(0 4px 2px #000a)drop-shadow(0 0 5px #a7e36f);transform:translateY(-4px)}.agent label{white-space:nowrap;background:#101816e8;border:1px solid #415049;border-radius:5px;padding:5px 8px;font-size:10px;position:absolute;top:79px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0007}.agent label em{color:#8fa099;margin-top:2px;font-size:8px;font-style:normal;display:block}.agent.selected label{color:#d9ffb9;border-color:#a8e86f}.activity{color:#253026;z-index:2;background:#eff5df;border:2px solid #50604d;border-radius:14px;padding:2px 7px;font-size:10px;font-weight:700;position:absolute;top:2px;right:5px}.agent.waiting .sprite{filter:grayscale(.15)drop-shadow(0 3px 2px #0008);animation:2.4s ease-in-out infinite idle}.agent.working .sprite{animation:1.1s ease-in-out infinite alternate work}@keyframes work{to{transform:translateY(-2px)}}@keyframes idle{50%{transform:translateY(2px)}}.source-badge{color:#7f9188;letter-spacing:1.2px;z-index:3;background:#0c1412d9;border:1px solid #35453d;border-radius:4px;padding:6px 8px;font-size:8px;position:absolute;bottom:12px;left:14px}.stats{border-top:1px solid #303c37;grid-template-columns:repeat(4,1fr);margin:0 20px;display:grid}.stats div{padding:15px}.stats b{font-size:16px;display:block}.stats small{color:#718078;letter-spacing:1px;font-size:8px}.inspect{background:#111715;border-left:1px solid #29332f;padding:27px 20px}.inspect h2{margin:8px 0 5px;font-size:20px}.status{margin:10px 0 25px;font-size:11px}.working{color:#9ee169}.waiting{color:#e2bd69}dl{margin:0}dt{color:#65736c;text-transform:uppercase;margin-top:16px;font-size:9px}dd{border-bottom:1px solid #28312e;margin:5px 0;padding-bottom:10px;font-size:12px}.context{margin-top:24px;font-size:10px}.context b{float:right}progress{accent-color:#9ddd67;width:100%;height:5px;margin-top:9px}.safe{color:#718078;border:1px solid #29352f;margin-top:28px;padding:10px;font-size:9px;line-height:1.5}@media (width<=900px){.app{grid-template-columns:70px 1fr 220px}aside div{font-size:0}aside h5,aside footer,nav{display:none}}.agent{transition:left 70ms linear,top 70ms linear}.agent.arriving .sprite{animation:.42s ease-in-out infinite alternate walk}.agent.done{opacity:.55}.event-feed{z-index:4;pointer-events:none;background:#09100ed9;border:1px solid #34443c;border-radius:6px;width:210px;padding:7px 9px;position:absolute;top:14px;right:14px}.event-feed div{color:#9bad9f;border-bottom:1px solid #ffffff0a;padding:3px 0;font-size:8px}.event-feed div:first-child{color:#c8f1a4}@keyframes walk{to{transform:translateY(-4px)}}.furniture{width:auto;image-rendering:pixelated;filter:drop-shadow(0 2px 1px #0008);pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.room-bg{z-index:0}.agent{z-index:auto}.agent .sprite{z-index:1;position:relative}