*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;background:#0a0a0a;color:#fff;font:14px system-ui,-apple-system,sans-serif;overflow:hidden;user-select:none}#app{display:flex;flex-direction:column;width:100%;height:100%}canvas{display:block;flex:0 0 auto;order:0;margin:0 auto;background:#0a0a0a;touch-action:none}.utility-panel{order:1;flex:1 1 auto;min-height:0;overflow-y:auto}.controls{order:2}.gm-tools{order:3}.controls,.gm-tools{display:flex;gap:6px;padding:6px 8px;background:#1a1a1a;border-top:1px solid #333;flex-wrap:wrap;justify-content:center;align-items:center}.gm-tools{font-size:13px;font-weight:600}.gm-tools label{white-space:nowrap}button{min-height:44px;min-width:80px;padding:8px 16px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}button:hover{background:#3a3a3a;border-color:#666}button:active{transform:scale(.98)}button.playing{background:#0a0;border-color:#0f0}.tool-btn{min-height:40px;min-width:70px;font-size:12px}.tool-btn.active{background:#4a6f9f;border-color:#0ff;box-shadow:0 0 8px #00ffff80}input[type=number]{min-height:44px;padding:8px;background:#2a2a2a;color:#fff;border:1px solid #444;border-radius:4px;font-size:14px;width:100px}.utility-panel{max-height:35vh;overflow-y:auto;background:#1a1a1a;border-top:1px solid #333;padding:10px;font-size:12px;flex-shrink:0}.agent-status{margin-bottom:15px;padding:10px;background:#2a2a2a;border-left:4px solid;border-radius:2px}.agent-status:nth-child(1){border-color:red}.agent-status:nth-child(2){border-color:#0f0}.agent-status:nth-child(3){border-color:#00f}.agent-title{font-weight:600;margin-bottom:8px;font-size:13px}.needs{margin:8px 0}.need-bar{display:flex;gap:4px;margin:4px 0;align-items:center}.need-label{width:70px;font-size:11px;text-align:right}.need-value{width:80px;height:12px;background:#0a0a0a;border:1px solid #333;border-radius:2px;overflow:hidden;position:relative}.need-fill{height:100%;background:linear-gradient(90deg,#4a4,#4a4);transition:width .1s}.need-number{width:35px;text-align:right;font-size:11px;color:#aaa}.actions{margin:8px 0;padding:8px 0;border-top:1px solid #333}.actions-title{font-weight:600;font-size:11px;margin-bottom:4px;color:#aaa}.action-option{display:flex;justify-content:space-between;padding:3px 0;font-size:11px}.action-name{font-family:monospace;color:#bbb}.action-score{color:#666;text-align:right}.action-chosen{background:#333;padding:2px 4px;border-left:2px solid #0f0;color:#0f0;font-weight:600;margin-top:4px}@media (max-width: 768px){.controls button,.gm-tools button{width:auto;flex:1 1 auto;min-width:64px;min-height:44px;padding:6px 8px}input[type=number]{flex:1 1 100%;width:auto}.utility-panel{font-size:11px}.need-label{width:60px;font-size:10px}.need-value{width:60px}.need-number{width:30px}}