.operator-page { min-height: 100vh; }
.join-wrap { width: min(460px, calc(100% - 24px)); margin: 0 auto; padding-top: 10vh; }
.operator-app { position: relative; min-height: 100vh; overflow: hidden; background: #0d151d; }
.simulator { display: block; width: 100%; height: 100vh; border: 0; }
.operator-controls { position: absolute; z-index: 4; top: 14px; left: 14px; width: min(440px, calc(100% - 28px)); display: grid; gap: 9px; padding: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 15px; background: rgba(7,12,18,.86); backdrop-filter: blur(4px); }
.operator-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; }
.operation-actions { grid-template-columns: 1fr 1fr; }
.operation-actions button { min-height: 54px; font-size: .78rem; }
.safety-actions { grid-template-columns: 1fr; }
.feedback { border: 1px solid var(--line); border-radius: 10px; padding: .68rem .8rem; color: var(--muted); background: rgba(255,255,255,.04); font-size: .8rem; }
@media(max-width: 620px) { .operator-controls { top: 7px; left: 7px; width: calc(100% - 14px); } .command { min-height: 74px; padding: 11px; } }