.manual-entry{padding:18px;border:1px solid #cdd9c4;border-radius:12px;background:#e9efe1;margin-bottom:22px}.manual-eyebrow{font:9px monospace;letter-spacing:1.4px;color:#728467}.manual-entry h2{font-size:21px;font-weight:500;margin:10px 0}.manual-entry p,.manual-hint,.manual-tools p{font-size:12px;line-height:1.6;color:#6b7d64}.manual-entry>div{display:flex;gap:8px}.manual-entry button{flex:1;background:#244c3b;color:#fff;border-color:#244c3b;font-size:12px}.manual-panel h2{font-size:28px;font-weight:500;margin:12px 0 18px}.manual-fleet{display:flex;flex-wrap:wrap;gap:6px}.manual-fleet button{font-size:11px;min-height:34px;padding:8px}.manual-fleet button[aria-pressed=true]{background:#244c3b;color:white;border-color:#244c3b}.manual-telemetry{display:flex;align-items:center;gap:16px;padding:22px 0 14px;border-bottom:1px solid #d9dfd1}.manual-telemetry strong{font:38px monospace;white-space:nowrap}.manual-telemetry small{font:11px Arial}.manual-telemetry>span{font-size:11px;line-height:1.5;color:#78866f}.manual-tools h3{font-size:14px;margin-top:22px}.joint-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px}.joint-controls button{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;min-height:45px;touch-action:none;user-select:none}.manual-note{font-size:11px;line-height:1.6;color:#87937d;background:#eef1e6;padding:12px;border-radius:8px;margin:20px 0 12px}#manual-exit{width:100%;background:#244c3b;color:white;border-color:#244c3b}.manual-panel kbd,.manual-hud kbd{font:10px monospace;opacity:.6}.manual-active .control>:not(.manual-panel){display:none!important}.manual-active .world-title,.manual-active .world-bottom,.manual-active .camera-buttons,.manual-active #labels,.manual-active #income{display:none!important}.manual-active #help{visibility:hidden}.manual-hud{position:absolute;inset:0;pointer-events:none}.manual-hud button{pointer-events:auto;touch-action:none;user-select:none;background:#f5f7edf2;box-shadow:0 3px 14px #19322818}.manual-camera{position:absolute;top:22px;right:22px;display:flex;gap:7px}.manual-camera button{font-size:11px}.driving-pad{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:20px}.driving-pad>div{display:flex;gap:7px}.driving-pad button{min-width:66px;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:6px;font-size:15px}.manual-hud .pressed,.manual-panel .pressed{background:#df843e;color:white;border-color:#df843e}button[data-drive]{-webkit-touch-callout:none}.manual-active .world{touch-action:none}
@media(max-width:760px){.manual-active .world{height:58dvh;min-height:350px;max-height:650px}.manual-camera{top:14px;right:14px}.manual-camera button{font-size:10px;padding:8px}.driving-pad{bottom:14px;left:12px;right:12px;gap:12px}.driving-pad>div{gap:5px}.driving-pad button{min-width:45px;min-height:55px;font-size:12px;padding:8px}.manual-panel h2{font-size:24px}.manual-entry>div button{min-height:46px}.joint-controls button{min-height:52px;font-size:12px}.manual-panel{padding-bottom:20px}.manual-hint{font-size:11px}}
.manual-joints{display:block;font:10px monospace;color:#7a896e;margin-top:12px}
.manual-rockfalls{margin:12px 0;padding:12px;border:1px solid #d9cfb6;border-radius:8px;background:#f2eee2}.manual-rockfalls h3{font-size:13px;margin:0 0 9px}.manual-rockfalls label{display:flex;align-items:center;gap:7px;font-size:11px}.manual-rockfalls p{font-size:12px;line-height:1.5;color:#815a32}.manual-rockfalls button{width:100%;font-size:11px;min-height:38px}.manual-rockfalls small{display:block;font-size:10px;line-height:1.5;color:#7a7869;margin-top:8px}.manual-rockfalls button:disabled{opacity:.5;cursor:default}.manual-hazard-badge{position:absolute;top:100px;left:24px;max-width:calc(100% - 48px);padding:9px 13px;background:#f5d6a8f5;color:#51391d;border:1px solid #bc8746;border-radius:7px;font:12px monospace;box-shadow:0 3px 12px #0002}.manual-hazard-badge[data-phase=blocked]{background:#a34f2ef2;color:white}.manual-hazard-badge[hidden]{display:none}
.manual-worksite{padding:13px 0;border-bottom:1px solid #d9dfd1}.machine-condition{display:flex;align-items:center;gap:12px;font-size:11px}.machine-condition>span{flex:1}.machine-condition meter{width:100px;height:10px}.manual-worksite>strong{display:block;font:14px monospace;margin-top:12px}.manual-worksite p{font-size:11px;line-height:1.55;color:#66745d;margin:8px 0}.manual-worksite button{width:100%;font-size:11px;background:#e5ebdc}.manual-worksite small{display:block;font-size:9px;color:#7f8a75;margin-top:6px}.manual-impact-notice{position:absolute;left:50%;bottom:105px;transform:translateX(-50%);width:max-content;max-width:80%;padding:12px 16px;border-radius:8px;background:#263d30ed;color:#fff;font-size:12px;line-height:1.4;box-shadow:0 6px 25px #0002}.manual-impact-notice[hidden]{display:none}
@media(max-width:760px){.manual-worksite{padding:9px 0}.manual-worksite p{font-size:10px}.manual-impact-notice{bottom:84px;font-size:10px;padding:8px 10px}}
.manual-camera button[aria-pressed=true],.manual-payload button[aria-pressed=true]{background:#244c3b;color:#fff;border-color:#244c3b}.manual-look-hint{position:absolute;top:70px;right:22px;font-size:10px;color:#244c3b;background:#f5f7edda;padding:6px 9px;border-radius:6px}.manual-payload{padding:14px 0 4px}.manual-payload>span{font-size:11px;color:#677a60}.manual-payload>div{display:flex;gap:6px;margin:8px 0}.manual-payload button{flex:1;padding:9px 5px;font-size:10px}.manual-payload small{font-size:10px;color:#87937d}.manual-payload button:disabled{opacity:.55;cursor:default}
@media(max-width:760px){.manual-camera{left:12px;right:12px;justify-content:flex-end}.manual-look-hint{top:56px;right:12px;font-size:9px}.manual-payload{padding:9px 0 0}}
@media(max-width:760px){.manual-active .world{position:sticky;top:0;z-index:2;height:44dvh;min-height:280px;flex-shrink:0}.manual-active .control{padding-top:12px}.manual-panel h2{font-size:21px;margin:6px 0 10px}.manual-telemetry{padding:10px 0}.manual-telemetry strong{font-size:26px}.manual-panel .manual-hint,.manual-tools>p{display:none}.manual-tools h3{margin:12px 0 8px}.joint-controls button{min-height:42px}.manual-note{margin:12px 0;font-size:10px}}
