:root{--bg-1:#071127;--bg-2:#0b1730;--card:#0f2236;--muted:#9fb0c8}body{font-family:system-ui,Arial,Helvetica,sans-serif;margin:0;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));color:#e6eef8}.app{padding:28px;max-width:1100px;margin:0 auto}header h1{margin:0 0 18px;font-size:20px}.card{background:linear-gradient(180deg,#ffffff05,#0000000f);padding:18px;border-radius:10px;box-shadow:0 8px 30px #02061799;margin-bottom:18px}.status-box{background:#0000001f;padding:14px;border-radius:8px;color:#cfe6ff;font-family:monospace}.office-floor{padding-top:12px}.floor-stage{height:160px;background:radial-gradient(ellipse at top left,#ffffff05,#00000005),linear-gradient(180deg,#08142399,#040a1480);border-radius:8px;position:relative;overflow:hidden}.floor-stage:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;width:100%;height:120px;background-image:url(/assets/bg/office_fg.svg);background-repeat:no-repeat;background-position:center bottom;background-size:cover;opacity:.95;pointer-events:none}.agent{position:absolute;transform:translate(-50%,-50%);text-align:center}.sprite{width:28px;height:28px;border-radius:6px;box-shadow:0 6px 14px #02061799;margin:0 auto}.sprite.spritesheet{background-image:url(/assets/sprites/agents_spritesheet_1x.png);background-size:cover;width:28px;height:28px}.sprite-2x{background-image:url(/assets/sprites/agents_spritesheet_2x.png)}.name{font-size:12px;color:var(--muted);margin-top:6px}.bubble{position:absolute;left:50%;top:-40px;transform:translate(-50%);background:#000000bf;padding:6px 8px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:all .25s}.agent:hover .bubble{opacity:1;top:-52px}.footer{margin-top:22px;color:var(--muted)}.tycoon-banner{width:100%;height:160px;background-image:url(/assets/tycoon.jpg);background-size:cover;background-position:center;border-radius:8px;margin-bottom:16px;box-shadow:inset 0 0 60px #00000040}@media (max-width:600px){.app{padding:16px}.floor-stage{height:220px}.tycoon-banner{height:120px}}