/* Thumb steering stays in the existing bottom control zone. No floating modal. */
.joystick{display:none;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:auto;border:1px solid #96b8aa55;background:radial-gradient(circle,#223e414d 0 24%,#0d222768 25% 65%,#91b5a512 66% 68%,#0c171c99 69%);border-radius:50%;width:112px;height:112px;flex:none;cursor:grab}.joystick.engaged{border-color:#e7c580aa;background-color:#172a2abb;cursor:grabbing}.joystick-axis{position:absolute;inset:14px;border:1px dashed #9dbdaf24;border-radius:50%;pointer-events:none}.joystick-axis:before,.joystick-axis:after{content:'';position:absolute;background:#afc1a81a}.joystick-axis:before{height:1px;width:100%;top:50%}.joystick-axis:after{width:1px;height:100%;left:50%}.joystick-knob{position:absolute;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid #c4c7a677;background:#244046db;box-shadow:0 3px 9px #0005;pointer-events:none;color:#d9d9bd;font:22px Arial,sans-serif}.joystick.engaged .joystick-knob{background:#ccb07beb;color:#173030;border-color:#f8db9a}.joystick-label{position:absolute;bottom:9px;left:0;right:0;text-align:center;font:8px monospace;letter-spacing:.8px;color:#93aba2;pointer-events:none}.joystick.engaged .joystick-label{opacity:0}
.compact-flight .touch-controls{display:none;grid-template-columns:112px 62px 1fr;gap:10px;height:112px;align-items:center}.compact-flight.in-flight .touch-controls{display:grid}.compact-flight .joystick{display:block}.compact-flight .touch-push{display:grid;gap:8px}.compact-flight .touch-push button{min-width:44px;width:62px;height:48px;border-radius:8px;background:#13282bb8;touch-action:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;font:9px monospace;border-color:#91b9b03b}.compact-flight .touch-push button:before{margin:0;width:17px;height:17px;flex-basis:17px}.compact-flight .touch-push button.held{background:#e6bc78;color:#122127}.compact-flight .touch-fire{justify-self:end}.compact-flight .flight-bottom{bottom:calc(124px + var(--safe-bottom))}
@media(max-width:340px){.compact-flight .touch-controls{grid-template-columns:108px 56px 1fr;gap:8px;height:108px}.compact-flight .joystick{width:108px;height:108px}.compact-flight .touch-push button{width:56px}.compact-flight .flight-bottom{bottom:calc(120px + var(--safe-bottom))}}
@media(max-height:500px) and (orientation:landscape){.compact-flight .touch-controls{grid-template-columns:104px 60px 1fr;height:104px;gap:8px}.compact-flight .joystick{width:104px;height:104px}.compact-flight .touch-push button{width:60px;height:46px}.compact-flight .flight-bottom{left:calc(192px + env(safe-area-inset-left));right:calc(102px + env(safe-area-inset-right));bottom:var(--safe-bottom)}}
@media(max-width:640px) and (max-height:500px) and (orientation:landscape){.compact-flight .tool{flex-direction:column;gap:1px;padding:2px}.compact-flight .tool-icon{width:18px;height:18px}.compact-flight .tool b{font-size:8px}}