.worker-chip strong{font-size:9px;display:block}.worker-chip small{font-size:8px;display:block;margin-top:4px;color:#9a956b}.view-button{padding:14px 15px}.view-button kbd{border-color:#ffffff40;background:#ffffff20;color:white;font-size:8px}.view-button svg{width:17px}.city-header{z-index:10}.worker-name{position:fixed;z-index:4;transform:translate(-50%,-100%);border:1px solid #fff;border-bottom:3px solid var(--worker-color);border-radius:8px;background:#fffff1ed;box-shadow:0 4px 10px #1e3c2f28;padding:5px 10px;color:#3d5c40;min-width:72px;white-space:nowrap}.worker-name strong{display:block;font-size:10px}.worker-name small{display:block;font-size:7px;color:#859171;margin-top:3px}.interact-prompt{position:fixed;z-index:12;left:50%;bottom:88px;transform:translateX(-50%);border-radius:12px;padding:12px 20px;display:flex;align-items:center;gap:12px;color:#486b3f}.interact-prompt>kbd{display:grid;place-items:center;background:#649443;color:white;border:0;width:32px;height:32px;font-size:16px;font-weight:800;box-shadow:0 3px #416a31}.interact-prompt>span{font-size:11px;text-align:left}.interact-prompt small{display:block;font-size:9px;margin-top:4px;color:#8e9c7a}.workers-panel{position:fixed;left:92px;top:134px;width:300px;padding:24px;border-radius:16px;z-index:15}.workers-panel h2{font-size:20px}.worker-card{display:flex;align-items:center;gap:13px;width:100%;padding:14px 10px;margin-top:9px;border:1px solid #dce5d0;border-radius:10px;background:#f2f7e8;color:#476b3c;text-align:left}.worker-card:hover{background:#e8f0dc}.worker-dot{display:block;width:13px;height:31px;border-radius:6px}.worker-card strong{display:block;font-size:11px}.worker-card small{display:block;font-size:9px;color:#8b9c77;margin-top:6px}.worker-dialog{position:fixed;z-index:20;right:108px;top:126px;bottom:83px;width:370px;max-height:670px;padding:22px;border-radius:17px;display:flex;flex-direction:column;box-shadow:0 10px 40px #233f3833}.worker-dialog-head{display:flex;gap:14px;align-items:center}.worker-portrait{width:45px;height:51px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:22px;border:3px solid #fff;box-shadow:0 3px #2e4d301a}.worker-dialog h2{font-size:22px;margin:0 0 5px}.worker-dialog-head p{font-size:10px;margin:0;color:#8a9c78}.worker-dialog-head small{font-size:8px;color:#9eac8e;display:block;margin-top:4px}.worker-connection{font-size:9px;background:#eaf0dd;padding:9px 10px;border-radius:7px;margin:15px 0 9px;color:#7f895b}.worker-messages{flex:1;min-height:90px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:5px}.chat-message{margin:10px 0;max-width:95%;padding:11px 13px;background:#eaf0df;border-radius:10px 10px 10px 2px}.chat-message.boss{margin-left:auto;background:#dce9c8;border-radius:10px 10px 2px 10px}.chat-message small{font-size:8px;color:#8c9b79}.chat-message p{font-size:11px;line-height:1.75;margin:5px 0 0;color:#4e7044;white-space:pre-wrap;overflow-wrap:anywhere}.chat-empty{font-size:11px;line-height:1.8;color:#93a27f}.worker-actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid #dce5cf;margin-top:8px}.worker-actions button{border:1px solid #cfdfbc;background:#f6f9ef;color:#688451;border-radius:7px;font-size:9px;padding:8px 10px}.worker-actions button:hover{background:#e4edda}.worker-chat-row{display:flex;gap:7px;align-items:center;margin-top:10px}.worker-chat-row input{margin:0;min-width:0;font-size:10px}.worker-chat-row .button{font-size:10px;padding:11px 13px}.worker-dialog .error{font-size:10px;line-height:1.6;margin:8px 0 0;min-height:0}.worker-dialog .error:empty{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.walk-mode .intro,.worker-chat-open .interact-prompt,.worker-chat-open .walk-controls{display:none}.worker-chat-open .worker-name{pointer-events:none}.walk-controls{display:none}.walk-mode .controls-hint{font-size:8px}.walk-mode #boss-label{display:none}.catalog-mode #worker-labels,.catalog-mode #walk-controls,.catalog-mode #interact-prompt{display:none!important}
@media(max-width:1280px){.view-button{padding:14px 10px;font-size:10px}.view-button kbd{display:none}.header-actions{gap:8px}.gallery-button{padding:14px 10px}.nameplate{min-width:160px}.city-identity{min-width:226px}}
@media(max-width:950px){.worker-dialog{right:98px;width:340px}.view-button{padding:14px 12px}.workers-panel{left:88px}}
@media(max-width:650px){.view-button{width:43px;height:43px;font-size:0;padding:9px}.view-button svg{width:21px;height:21px}.view-button #view-label{display:none}.header-actions{gap:5px}.nameplate{min-width:121px;padding-right:8px}.nameplate h1{font-size:12px}.boss-emblem{width:49px}.worker-dialog{left:12px;right:12px;top:94px;bottom:74px;width:auto;padding:18px;max-height:none}.workers-panel{left:65px;right:72px;top:113px;width:auto;padding:18px}.worker-card{padding:12px 7px;gap:8px}.worker-card strong{font-size:9px}.worker-card small{font-size:8px}.workers-panel h2{font-size:17px}.interact-prompt{bottom:82px;padding:10px 15px;max-width:calc(100% - 150px)}.interact-prompt>span{font-size:9px}.interact-prompt>kbd{width:26px;height:26px;font-size:12px}.worker-name{padding:4px 7px}.worker-name strong{font-size:9px}.worker-name small{font-size:6px}}
@media(pointer:coarse){.walk-mode .walk-controls{position:fixed;z-index:14;display:flex;align-items:center;flex-direction:column;left:17px;bottom:80px;gap:4px;touch-action:none}.walk-controls>div{display:flex;gap:4px}.walk-controls button{width:37px;height:37px;border:1px solid #fbfff9aa;border-radius:10px;background:#f8fbefcc;color:#577d43;font-size:20px;touch-action:none;box-shadow:0 3px #233c2520}.walk-mode .map-panel{display:none}.worker-chat-open .walk-controls{display:none}}